2015年2月22日

再谈Blogger的大陆区域优化

在乐吧发现Blogger这个"不好吃的禁果"后,不少朋友都折腾起了这个曾经被遗忘的精品。大家在使用过程中,相信都或多或少发现了一些Blogger的瑕疵,比如某些CSS、JS是被大陆的GFW墙掉了的,加载这些元素会严重拖慢网站的整体打开速度。 
或许有不少朋友都发现了打开乐吧是在Blogger托管的,但是速度并不慢,这是如何做到的?今天乐吧将在这里教亲们实现。 

纵观Blogger,通常情况下 会在博客里 强制插入下面三处代码:

1.<head></head>里面的CSS引用代码,会加载//www.blogger.com/static/v1/widgets/1937454905-widget_css_bundle.css等元素;
2.</body>前的大量script代码,会引用//www.blogger.com/static/v1/widgets/3054493744-widgets.js等元素;
3.在网页中间插入的script代码, 会引用https://apis.google.com/js/plusone.js等加载超慢的元素;

乐吧采取的方式,是利用Blogger模板解析引擎的一些特性,注释掉这几处强制代码,浏览器便不再请求这些不被大陆官方所欢迎的元素。

首先来抹掉第一个引用:
在开始动手前,你需要对Blogger模板语法有一定的了解,并对一些html special chars有一定的认识。
在html标准中,有一些special chars,使用这些字符,可以让html页面显示html标签。
这里我们了解4个即可:
1. &quot;  ===>  "
2. &amp;   ===>  &
3. &lt;    ===>  <
5. &gt;    ===>  <
Blogger模板引擎完美支持这些字符,并会在模板代码执行过后,被模板引擎直接编译成html代码。这样,我们就有了思路:
1.定位:一般第一个CSS引用,是在最后一个<head></head>里的引用的<link>引用css后面的,我们只需在最后一个<link>后面添加如后代码即可: &lt;!--<style/>--&gt;
2.修改模板:Blogger模板需要进入https://www.blogger.com/blogger.g?blogID=YOUR_BLOG_ID#template,右上角有个备份与恢复,下载完整模板,在文本编辑器(推荐使用EditPlus或者Notepad++)里,在最后一个<link>引用的后面添加 &lt;!--<style/>--&gt;

抹掉</body>前的一大段<script>代码:

0 评论:

一键分享

公告

2017年2月18日更换新模板 2018年10月4日撤换七牛链接

版权

内容采用创作共用版权 CC BY-NC-ND/2.5/CN 许可协议
图片存贮by七牛已失效

公告

欢迎加入谷歌blogger交流群:125691905 设计:臧超 Github代码 本站开源
Copyright © 臧超地理频道 | Powered by Blogger Design by ronangelo | Blogger Theme by NewBloggerThemes.com