标签: 合并

此文为“小站提速手记”系列的第二篇,上篇为《小站提速手记之 —— 合并 CSS》

我们可以简单来回顾下:为什么要合并CSS?

话说“一个页面多调用一个CSS或者JS或者图标,不管是大是小,都会延长打开时间0.2秒”。由此可知,如果把一个小站的一个页面所需的CSS合并起来,那将大大提高页面打开的时间!

当然,也许喜欢折腾WP的你早就想到这里还存在着一个矛盾,只是苦于没有好的解决办法,这个矛盾就是:我们合并CSS后,全站每个页面都都只需加载一个CSS文件就够了,这显然比之前得加载多个CSS快多了,然而同时也会出现拖慢某些特定页面

假如我们合并了很多“评论”、“侧边栏”或者“文章分页导航”插件的CSS,而合并这些CSS后将会严重拖慢没有“评论”、“侧边栏”或者“文章分页导航”这些特定页面的加载速度! 继续阅读

话说多调用一个CSS或者JS或者图标,不管是大是小,都会延长打开页面时间0.2秒。关于这个0.2S,木木童鞋也不是非常非常确认,但我可以确定同等大小文件一次调用绝对比分开调用来得快!基于此,我们在优化对网站提速时,可以考虑合并网站所需的全部CSS、JS、图标。

不信?那请自行把主题中的style.css分隔成100份并标上序号,然后在header.php中插入100个调用代码,再把结果告下我,万分感谢!

进入正题,经过一个简单的分析,我们可以确定CSS一般由:正常使用中的主题和正常使用中的前台插件所调用的。那我们要做的就是把他们合并起来,并让插件和主题都能正常使用。下面分步骤来说明:

继续阅读