网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网站建设 >> CSS教程 >> 正文
最新文章
· CSS控制UL、LI 的样式详解
· CSS定义页面背景图片的位置
· Div+CSS布局的扩展技巧和用法24则
· 用css中控制图片的缩放,并加入指定链
· 纯CSS实现三列DIV等高布局
· 有利于SEO的DIV+CSS的命名规则
· 十天学会DIV+CSS(WEB标准)CHM格式文件
· 用CSS给div设置滚动条
· CSS实现图片按比例自动缩放
· CSS鼠标形状样式
热门文章
 用JS改变元素的CSS样式
 CSS实现全自动单元格,超出内容出现
 div设置左浮动float:left;时左边距
 CSS定义链接颜色
 用CSS给div设置滚动条
 如何使用ul和li来制作垂直导航条
 去掉超链接单击时的边框
 CSS实现图片按比例自动缩放
 当文字过多时显示省略号...
 解决IE6下的行高line-height失效问
相关文章
没有相关文章
合并css和js文件 加快网站浏览速度
来源:新客网 更新时间:2010/7/15 8:59:28 阅读次数:
字体:[ ] 我要投稿

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

  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号