技术小黑屋

解决Octopress博客访问慢的问题

解决Octopress博客访问慢的问题

本博情况

必不可少的罗嗦

买了这个域名已经一周了,已经决定博客的面向群体为汉语用户。但是发现国内访问还是超级慢,慢的让人无法接收了,当然具体原因,大家都懂得。没办法,尝试使用过安全宝,速度并没有明显替身,反而搜索引擎收录加少了,遂弃用。于是只好自己修改Octopress程序了。修改之前的访问速度以分钟计数。修改完成之后,秒开了有木有。

清理没用的服务

以下修改均修改_config.yml,以下可以根据自己的需要进行去除。

去除Disqus评论

去除上面红色区域的部分,打开文件找到Disqus Comments,按照下面在每一行前面加#注释掉即可。

1
2
3
# Disqus Comments
#disqus_short_name: androidyue
#disqus_show_comment_count: true

去掉Github仓库展示

1
2
3
4
5
# Github repositories
#github_user: androidyue
#github_repo_count: 11
#github_show_profile_link: true
#github_skip_forks: true

去除Twitter按钮

1
2
3
# Twitter
#twitter_user:
#twitter_tweet_button: true

去除Google+相关

1
2
3
4
5
6
7
8
# Google +1
#google_plus_one: true
#google_plus_one_size: medium

# Google Plus Profile
# Hidden: No visible button, just add author information to search results
#googleplus_user: 105362551238192049560
#googleplus_hidden: false

去除Pinboard服务

1
2
3
# Pinboard
#pinboard_user:
#pinboard_count: 3

去除Delicious评论,去除后可能没有评论系统

1
2
3
# Delicious
#delicious_user:
#delicious_count: 3

去除Facebook Like

1
2
# Facebook Like
#facebook_like: true

替换快速的请求资源

其实,真正解决加速的重要环节可能是这里,因为Octopress很多依赖于Google的库和资源。

解决Google Analytics巨慢的问题

对于使用Google Analytics来说,加在ga.js这个文件简直是要命的慢,这里我使用自己存放在七牛CDN上的js.http://droidyue-tools.qiniudn.com/ga.js 已验证,完全可以正常收集数据。
参考如下,修改source/_includes/google_analytics.html

1
2
3
4
5
6
7
8
 _gaq.push(['_trackPageview']);

 (function() {
 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 ga.src='http://droidyue-tools.qiniudn.com/ga.js';
 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 })();
   </script>

解决fonts.googleapis.com蜗牛慢

这里我们使用数字公司提供的Google Fonts大陆解决方案,使用fonts.useso.com替换fonts.googleapis.com
修改文件/source/_includes/custom/head.html

1
2
3
 <!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.useso.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.useso.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">

解决ajax.googleapis.com慢的问题

修改source/_includes/head.html

1
2
3
4
5
6
   <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
   <link href="/atom.xml" rel="alternate" title="技术小黑屋" type="application/atom+xml">
   <script src="/javascripts/modernizr-2.0.js"></script>
   <script src="//ajax.useso.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
   <script>!window.jQuery && document.write(unescape('%3Cscript src="./javascripts/lib/jquery.min.js"%3E%3C/script%3E'))</script>
   <script src="/javascripts/octopress.js" type="text/javascript"></script>

In Conclusion

导致网站慢的原因其实是加载Google的资源,当然我们不能怨Google.经过测试,使用数字公司的解决方法之后,国内国外访问速度都是可以的。这里还是推荐以下数字公司的这个解决方案http://libs.useso.com/

推荐


我的知乎 Live 推荐