Octopress Speed Up

很长时间以来 Mobile Lin 访问慢这个问题我是知道的,但是一直也没想着去整,主要是因为觉得真正搞技术的人肯定都知道是什么原因导致访问慢,而且一定也知道加速的办法是什么。但这其实都是在为自己的懒找借口。晚上微博上终于有哥们儿跟我说了:

毕竟手机上2G网络挂着VPN来访问你的网站,也不是一件容易的事。

好吧。既然用户有需求,那就开整呗~

Octopress 在国内访问速度的优化主要从两方面进行:

googleapis 相关

Octopress 默认使用了 google fonts 和 googleapis 的 ajax,但因为众所周知的原因它们在国内是被墙的。好在数字公司在这点上做了件好事,它们有一个这玩意儿:

360网站卫士常用前端公共库CDN服务

这么一来就好办了,打开 /Octopress/source/_includes/head.html

1
2
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>

换成

1
2
<script src="//ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href='http://fonts.useso.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'>

gravatar 相关

gravatar 是一个全球公认的头像库,跟你的 e-mail 绑定。可惜,这么好的东西在我大天朝也是不存在的。不过,依旧好在国内有 duoshuo,他们提供了一个 gravatar 的缓存。打开 /Octopress/source/_includes/header.html

1
2
3
<script type="text/javascript">
  document.write("<img src='http://www.gravatar.com/avatar/" + MD5("YOUR_EMAIL") + "?s=160' alt='Profile Picture' style='width: 160px;' />");
</script>

换成:

1
2
3
<script type="text/javascript">
  document.write("<img src='http://gravatar.duoshuo.com/avatar/" + MD5("YOUR_EMAIL") + "?s=160' alt='Profile Picture' style='width: 160px;' />");
</script>

That’s all,我们 rake generate 一下之后本地预览一下就可以看到非常显著的效果。

参考

替换Octopress Google 字体库

Comments

Copyright © 2014 - 2017 - linshen - @ . +