小站提速手记之 —— 按需加载 CSS 

此文为“小站提速手记”系列的第二篇,上篇为《小站提速手记之 —— 合并 CSS》。 我们可以简单来回顾下:为什么要合并CSS? 话说“一个页面多调用一个CSS或者JS或者图标,不管是大是小,都会延长打开时间0.2秒”。由此可知,如果把一个小站的一个页面所需的CSS合并起来,那将大大提高页面打开的时间! 当然,也许喜欢折腾WP的你早就想到这里还存在着一个矛盾,只是苦于没有好的解决办法,这个矛盾就是:我们合并CSS后,全站每个页面都都只需加载一个CSS文件就够了,这显然比之前得加载多个CSS快多了,然而同时也会出现拖慢某些特定页面 假如我们合并了很多“评论”、“侧边栏”或者“文章分页导航”插件的CSS,而合并这些CSS后将会严重拖慢没有“评论”、“侧边栏”或者“文章分页导航”这些特定页面的加载速度!

WordPress主题:Simple-Lines 正式发布 

Simple-Lines:纯CSS零插件构建,原生侧边栏嵌套评论,献给喜欢简单整洁风格的朋友们! 使用WordPress官网提交版的或者不咋想折腾的朋友,请移步:http://immmmm.com/wordpress-theme-simple-lines-live.html 申明:此主题以SimpleG为框架,重新设计布局,CSS完全重写,感谢SimpleG的作者:虫虾米 说明:此主题未对IE6进行过任何HACK!推荐使用Chrome/Firefox、1024×768分辨率、微软雅黑。 使用说明 FAQ: Q0:请先修改 header.php 中的 description 和 keywords ! Q1:为什么我安装后侧边栏里没有内容? 请到“后台-外观-小工具”,直接从左侧拖拽至“侧边栏”即可;

小站提速手记之 —— 合并 CSS 

话说多调用一个CSS或者JS或者图标,不管是大是小,都会延长打开页面时间0.2秒。关于这个0.2S,木木童鞋也不是非常非常确认,但我可以确定同等大小文件一次调用绝对比分开调用来得快!基于此,我们在优化对网站提速时,可以考虑合并网站所需的全部CSS、JS、图标。 不信?那请自行把主题中的style.css分隔成100份并标上序号,然后在header.php中插入100个调用代码,再把结果告下我,万分感谢! 进入正题,经过一个简单的分析,我们可以确定CSS一般由:正常使用中的主题和正常使用中的前台插件所调用的。那我们要做的就是把他们合并起来,并让插件和主题都能正常使用。下面分步骤来说明: