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


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

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

schema-waterfall 博客因为添加插件导致在中国变慢的原因及经验教训 I.T. 折腾 网站信息与统计

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, 就先放过它吧.

GD Star Rating
loading...
本文一共 372 个汉字, 你数一下对不对.
博客因为添加插件导致在中国变慢的原因及经验教训. (AMP 移动加速版本)
上一篇: VBScript 是我最喜欢的(脚本)语言
下一篇: CloudFlare页面规则终级使用指南

扫描二维码,分享本文到微信朋友圈
49250b2cbfa2743bf21fa978ee16cfef 博客因为添加插件导致在中国变慢的原因及经验教训 I.T. 折腾 网站信息与统计

10 条评论

评论