减小页面体积

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

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

移除外链

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

使用 CDN 静态化

重点来了（严肃）

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

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

修改 DNS 等待生效，是不是非常快？

点击体验（SOFT AD） -> http://blog.eqoe.cn/

soulteary

2015-01-23 09:00:56 +08:00

备案的站点的速度享受国内线路buff加成，做到基础之后，可以考虑功能上的扩展了。

----

常规站点提高速度无非以下几点： https://www.v2ex.com/t/160825

关于样式：
由页面程度复杂程度决定，如果程序结构简单（热插拔的功能较少），版面样式和使用的控件都有限，tag走白名单，自己写，如default page。反之，合理划分模块，适当选取reset，base等即可。

关于脚本：
考虑可访问性的情况下，热拔插的插件不应该影响内容，如果有影响，考虑降级兼容（配合样式布局）。
比如你脚本里使用的新的history对象，部分老浏览器就gg了。当然，如果不考虑老浏览器用户，直接用原生+自己剔除不用功能的jq/zepto/...都可以...

关于图片：
额外补充的是，抛弃老浏览器，直接base64打印（thumb而非origin）到页面里，没有啥问题。

关于懒加载：
首屏渲染需要值得考虑，首屏渲染配合的图片内容（类型，子类型）也需要考虑。

三方评论：

三方评论GG后的切换，是否有冗余，切换后功能是仅展示，还是full features

关于html minify：
压缩tag之间的无用内容，不触碰inline script，调试不时之需。

关于CDN：

国产CDN挺良心的，试用半个多月的七牛，速度蛮快的，切换不同地址的cdn也很方便（比如如果七牛有问题的话，就切换一个SAE APP做零时CDN），前提是你的程序设计的时候就考虑到cdn资源的使用，包括并不仅限于css/js/html inline resource...

typcn

2015-01-23 10:28:57 +08:00

@ivenvd 我的图片是在页面加载完成后才load的，还有多说评论和谷歌统计
全部都是异步，你不能用浏览器的工具看，而是看内容展现的时间。

你的站在我这里4秒，不挂梯子一分钟。还有谷歌字体

如果是海外用户请使用 hwblog.eqoe.cn 进行访问

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

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

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

减小页面体积

移除外链

使用 CDN 静态化