在乐吧发现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. " ===> "
2. & ===> &
3. < ===> <
5. > ===> <
Blogger模板引擎完美支持这些字符,并会在模板代码执行过后,被模板引擎直接编译成html代码。这样,我们就有了思路:
1.定位:一般第一个CSS引用,是在最后一个<head></head>里的引用的<link>引用css后面的,我们只需在最后一个<link>后面添加如后代码即可: <!--<style/>-->
2.修改模板:Blogger模板需要进入https://www.blogger.com/blogger.g?blogID=YOUR_BLOG_ID#template,右上角有个备份与恢复,下载完整模板,在文本编辑器(推荐使用EditPlus或者Notepad++)里,在最后一个<link>引用的后面添加 <!--<style/>-->
抹掉</body>前的一大段<script>代码:
或许有不少朋友都发现了打开乐吧是在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. " ===> "
2. & ===> &
3. < ===> <
5. > ===> <
Blogger模板引擎完美支持这些字符,并会在模板代码执行过后,被模板引擎直接编译成html代码。这样,我们就有了思路:
1.定位:一般第一个CSS引用,是在最后一个<head></head>里的引用的<link>引用css后面的,我们只需在最后一个<link>后面添加如后代码即可: <!--<style/>-->
2.修改模板:Blogger模板需要进入https://www.blogger.com/blogger.g?blogID=YOUR_BLOG_ID#template,右上角有个备份与恢复,下载完整模板,在文本编辑器(推荐使用EditPlus或者Notepad++)里,在最后一个<link>引用的后面添加 <!--<style/>-->
抹掉</body>前的一大段<script>代码: