小赖子的英国生活和资讯

博客因为添加插件导致在中国变慢的原因及经验教训

阅读 桌面完整版

昨天在微信群上受到一万点伤害, 因为我的博客被喷: 在中国大部分情况下都很卡. 虽然我用了 gtmetrix, pingdom 等工具显示在国外速度都还可以, 但是毕竟是中文博客, 大部分读者还是在中国.

我初步做了些改动: 包括去掉1个广告(文章尾部), 主页去掉 addthis, 主页缓存所有 (Cache Everything). 效果不是很明显, 直到我用了 webpagetest 工具 测试了从国内上海访问的情况.

schema-waterfall

问题太明显了, 中间 font.awesome.css 引用了以下外部地址 但是在国内 DNS 查询很久很久 导致页面卡住:

https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css

问题是 schema 主题这个 字体 css 已经有本地缓存了, 用不着再去引用别的站点的资源. 后来发现是前些日子加了 instagram 插件引起的, 果断的删掉了.

教训

  1. 用了一个新的WP插件一定要仔细检查引用的外部资源虽然只是添加到一个页面 但是这个插件会很霸道的在全局引用重复的资源, 而且CSS不能异步加载
  2. 外部资源如果不能加载 一碰到CSS就会很卡, 因为页面需要等待其加载完成才能显示该页面.
  3. 一定得多用用测网页速度的工具来发现加载的瓶颈

当然还有一些外部资源没有去掉, 比如 GA 但是考虑到其是 异步加载的 JS, 就先放过它吧.

强烈推荐

微信公众号: 小赖子的英国生活和资讯 JustYYUK

阅读 桌面完整版
Exit mobile version