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

合并css和js文件 加快网站浏览速度,第1张

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

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

总结

以上是内存溢出为你收集整理的合并css和js文件 加快网站浏览速度全部内容,希望文章能够帮你解决合并css和js文件 加快网站浏览速度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1025664.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存