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

[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/

[zgoing]

@fook 看到helloworld也是醉了

[lovexisen]

http://aihonglou.com
拉出来晒晒

[Bluek404]

http://bluek404.net
什么加速方法也没用，js什么的全部都是本地
直接静态扔在github page

我这边打开楼主博客5秒
我的2秒
没用缓存
是因为静态博客的原因？
山东电信

[typcn]

@Bluek404 慢主要是多说拖慢了，你要看页面出现时间，你可以试试把广告和多说屏蔽掉，通常可以在 100 毫秒左右内打开我的 blog

[Bluek404]

@typcn 看了下统计应该是图片问题
我博客除了多说的头像外没有任何图片

[typcn]

@Bluek404 图片是在页面其他元素加载完成后才加载，也是网宿应该没问题，估计是DNS是国外的解析错

[geekzu]

其实影响速度很大一部分因素是主机处理动态文件的时间过长

[kn007]

一点也不快，因为你是在国内的。我朋友在国内的都非常快。需要的话，我可以给你网址，给你看看。
我这个在国外的网站，一点不比你慢。没使用cdn。 http://kn007.net/

[typcn]

@kn007 确实很快，瞬间

[kn007]

@typcn 没想到你在，我正在换dns解析。另外方便提供下你的地区么。
我给你另外一个网址 fatesinger.com

[kn007]

@typcn 或许你可以清空dns缓存后，访问我的网站了： kn007.net

[typcn]

@kn007


刷了下DNS ，开了




你的15秒 我的1秒

[kn007]

看请求和大小。给个地区吧
另外一个地址呢。

[typcn]

@kn007 深圳电信，G口专线

另一个地址不错，2.08 s

[kn007]

广东东莞电信，8M家庭。看图。另外我觉得chrome的这个意义不算太大。你可以自己看图。。都是隐身模式

[kn007]

@typcn 忘记at了，看楼上

[typcn]

@kn007 看 Chrome 这个load time 确实没意义。。多说都是页面加载完成后再加载，比如你加载完了之后再 ajax 发个请求，又给你加时间。你把多说和广告屏蔽掉，测试在 100ms 左右可以加载玩 js css html

[kn007]

@typcn 是的，所以我觉得意义不大。我只认为人的实际感觉是真实的。如果你觉得也打开的快的话，那么我的是在国外。

[kn007]

话说我博客也没加载什么inject.js啊。。在你图反而有，在上面楼层你给别人测的也有。

[typcn]

@kn007 那是一个扩展的注入