加入收藏 | 设为首页 | 会员中心 | 我要投稿 威海站长网 (https://www.0631zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 经验 > 正文

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

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

  虽然现在本站首页、独立文章页等都已经静态化,但由于服务器在美国的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帮我测试了下,都说访问速度有所提高。有成效就好,时间没有白费!这里要特别感谢下我的兄弟阿飞,谢谢他多次不厌其烦的帮我做测试,哈哈~~~

(编辑:威海站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读