博客打开速度优化的一些小技巧

2015-01-23 06:45:07 +08:00
 typcn

减小页面体积

因为客户端带宽有限 你需要精简 js / css 将页面(不含图片)控制到 300KB 以下

  1. 尽量不要使用各种 UI 库,比如我的 blog 的 CSS 就是纯自写的,带上代码高亮才几百行
  2. 只有部分浏览器才支持的代码,单独存出来,待页面加载完成后判断浏览器,再进行 ajax 读取
  3. 列表页面的图片不要直接以 img 标签输出到浏览器上,浏览器会同时加载图片和脚本,带宽小的用户需要等待更长的时间来加载。待页面底部的 JS 加载完成后,再将图片 URL 放入 img 标签。
  4. 使用第三方评论,且在文章加载完成后再加载评论框。
  5. 使用 Jade 之类的模板引擎进行渲染,这样 HTML 代码自动就是压缩的,且不会误伤文章中的换行。

移除外链

找出那些 Google Fonts / Google JS / CloudFlare JS
将他们保存下来,传到你的服务器上,然后替换为自己的地址。

使用 CDN 静态化

重点来了(严肃)

打开 https://cloudedge.chinanetcenter.com/ 注册账号新增域名等待审核

像我这样设置(当然发了新文章要去刷一下缓存)

修改 DNS 等待生效,是不是非常快?

点击体验(SOFT AD) -> http://blog.eqoe.cn/

5834 次点击
所在节点    分享创造
63 条回复
kn007
2015-01-23 22:46:24 +08:00
@typcn 我觉得这样说的意义不大,如果抛去外部和图片。那我们也不慢,可能比你慢在响应时间。
你追求的可能只是数字上的好看,而不是实际感受。实际速度快才是有意义的。我上你的网站,我还等待广告图片显示,还要等你加载多说。而你告诉我你只要看js、css、html。这么说来越简单网站,越离目标服务器近肯定是最快的
ryd994
2015-01-23 22:52:44 +08:00
自己写的,不minify只会更慢
外链不是不用,而是用国内的,只会比自己的CDN快
现代的新浏览器都是异步加载图片的,有什么显示什么。
忽略不缓存头又是何必?何不自己服务器调好设置?
songz
2015-01-24 00:12:30 +08:00
测试页确实快

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/164678

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX