6/10/2010

External CSS Stylesheets Speed up Site

默认Blogger模板的CSS是写在页面内部的。据说使用内部有一些好处
大流量网站,CSS为什么直接写在页面里
这是应付超大流量的一种优化方案。
为提高速度,他们的外部连接文件一般都存储在单独的服务器上,例如img.****.com,如果这个服务器挂掉,整个首页就挂掉了。放在页面内,比较安全。用户访问页面时,不会因为CSS加载不上,而造成裸页面。
我的网站不是大流量网站,不需要使用这种方式,反而增加了网页大小。怎么才能把CSS移到外部文件上去呢?
直接把CSS删掉换成link stylesheet方式是不行的,提交时会出错。经过一番查找终于找出了方法:
把原来的CSS全部COPY到一个文件比如style.css,保存并把它上传到空间(这里需要一个稳定的空间)。然后就可以在Blogger把CSS删掉了, “控制台”-“布局”-“修改 HTML”查找<style id='page-skin-1' type='text/css'>style>
注意要保留

这一行,否则无法保存模板。
引用外部CSS文件:
<link type='text/css' rel='stylesheet' href='url_of_stylesheet' />
这样修改一下Blog速度快了不少。

ps: GHS.YOU8G.COM最近不稳定,貌似是被人攻击了。


没有评论: