国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 合并css和js文件 加快网站浏览速度

合并css和js文件 加快网站浏览速度

来源:程序员人生   发布时间:2014-02-08 13:55:10 阅读次数:2496次

  虽然现在本站首页、独立文章页等都已经静态化,但由于服务器在美国的DH上,所以有的时候响应速度还是有点让人受不了。在网上搜了很多关于Wp优化的文章,这里推荐一篇优化合集:优化Wordpress-wp终极优化手册。其实很早就看了这篇文章,但是一直懒得动手。

  查看了下Ks Home首页的源文件,发现里面有很多条载入js和css文件的html语句。也就是说系统在显示首页的时候,会读取这些文件,而这个时候会产生大量的http requests,其中产生的延时约为0.2秒/个,这将使得读取速度大大降低!

  因此,今天主要合并了wp插件中的css和js文件,但我这里并没有使用阅微堂的手动合并的方法中新建一个all.js.php的方法。对于css文件,我的做法是直接手动合并,简单的将几个css文件里的样式全部Copy到Theme的style.css中,然后删除相应的css文件,并删除插件中调用该css文件的相应php语句。至于对js文件的处理,我是先新建一个all.js文件,然后将插件调用的js代码全部copy到all.js中,然后删除相应的js文件和调用该js文件的php语句,上传all.js到适当位置,最后在head.php中添加载入all.js的语句。这种方法修改和删除的地方很多,而且容易出错,所以修改或删除之前请做好备份!

  效果嘛,好像还是很明显的。我用PingDom测试了下,和以前的数据对比,时间上确实相差很多。其实我自己感觉好像快了些,还让阿飞还有S帮我测试了下,都说访问速度有所提高。有成效就好,时间没有白费!这里要特别感谢下我的兄弟阿飞,谢谢他多次不厌其烦的帮我做测试,哈哈~~~

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生