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

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

[typcn]

效果

[aiguozhedaodan]

重点的那个，的重点是用不起

[blacktulip]

需備案的服務應抵制
不過樓主的網站速度還可以。

[typcn]

@aiguozhedaodan 流量不大的话一个月几块钱就够了
@blacktulip 在国内不得不备案啊

[ericls]

ngx_pagespeed

[cnZary]

Pagespeed+1，我用Page speed，用了CDN反而慢了，因为经过处理的js css之类的不会被CDN拉过去，被CDN拉过去的都是源文件。。

[cnZary]

我是使用了2个Google开发的玩意..
https://developers.google.com/speed/pagespeed/module
https://code.google.com/p/mod-spdy/

[typcn]

@linzianplay @ericls

我也有 Pagespeed 被 CDN 拉过去也非常正常，最好的方法是你手动合并文件并压缩而不是由机器来完成。他不能完全合并在不同目录的 JS CSS，而且你修改 JS CSS 还要手动 SSH 上去删对应的文件来生效。

说用了 CDN 慢的，
你用的 CDN 真的有那么多节点吗？你用的 CDN 真的快吗？你有我的站速度快吗？

[Akiyori]

One size does not fit all.


我记得前几天还有 Fastly 的..

[typcn]

@Akiyori 智能解析有点问题，海外请访问 http://hwblog.eqoe.cn

[typcn]

@linzianplay 我的服务器上面也装有这个，之前用 WP 的时候觉得还不错，后来感觉有点累赘了

[cnZary]

@typcn 没备案，节点再多也没用，我说的慢，是七牛和又拍云哪一类的CDN，所以用了后加载还是没加载Page speed处理后的文件，如果是cname的那种CDN就还有效，主机在日本，无论如何也不会比在大陆块吧

[typcn]

@linzianplay 好吧，如果使用这类 CDN 的话，建议你将网站上的 JS CSS 下载下来，然后用工具合并之后再上传到七牛/又拍上面，最后修改主题内的 JS/CSS URL 即可。

[ericls]

@typcn 是的。 但是为了解决修改的问题 还可以引入的时候加上 ?var=xxx

[cnZary]

@typcn
@ericls
谢谢，其实只是略懒...没别的...周末我再弄弄吧😃

[yuhaaitao]

@typcn 这个具体操作？wp的

[Tink]

要备案的cdn都白瞎

[davidyin]

速度不错，就是字太大了。

[582033]

用varnish也不错

[kmvan]

我的 wp 博客速度如何？ http://inn-studio.com 带宽10-20kb/s，没用cdn和静态html缓存。