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

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

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

1.查看网站共调用了哪几个CSS,简单的办法就是查看网站的源文件,比如说,本站之前调用了/plugins/paginator/skin/paginator3000.css、/plugins/picasa-images-express/picasa-image-express.css、/plugins/picasa-images-express/highslide/highslide.css和主题的CSS;

2.把所有的CSS代码复制到一个CSS文件中,那就主题的style.php好了,整理好保存上传;

3.修改插件的php主文件,取消插件的CSS文件调用,那具体怎么做呢?以插件picasa-images-express为例:

打开插件目录中的picasa-image-express.php,搜索“wp_head”(不含引号),有

add_action('wp_head','pie_addStyleSheet');

在其前加“//”注释掉或者直接删除都行!整个过程就是如此,当然可能有时要搜索这个“wp_footer”,方法步骤同上~

注意:有些不为站长考虑的“驴霸”插件把CSS和JS都在head调用了,那就需要点技术含量了,把调用CSS的相关代码单独删去!这我就不好说了,各位童鞋各自发挥吧~当然,也不排除有些很好心的插件制作者把CSS和JS都在footer,那童鞋们也小心地挑着删吧。

后话:说得是通过优化代码是永远超不过使用一个好的空间地!