码迷,mamicode.com
首页 > Web开发 > 详细

实际项目中,为什么多个css、js文件要实现合并与压缩?(了解了这你才算入门)

时间:2015-08-28 21:27:19      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:web性能优化   web开发   web前端   grunt   

  Web性能优化最佳实践中最重要的一条是减少HTTP请求。而减少HTTP请求的最主要的方式就是,合并并压缩JavaScript和CSS文件。

  关于编写css时,我们应注意通过一些细节来控制css文件的大小,比如:全局样式、继承样式、缩写样式,空格、注释等;同时你也可以通过在线工具对你的css文件进行压缩,来减少css文件的大小,但压缩后的css文件在可维护性、识别性方面变的特别弱。但更复杂的情况是,如果你的页面里面引用了多个css、多个js文件时就可能处理不好。


多个css、多个js文件进行自动合并、压缩的原理你的网站引用了a.css和b.css两个css文件,php或javascrip程序则将a.css和b.css自动合并、压缩成c.css文件。


这样做有两大好处
1、页面加载的时候只请求程序合并压缩后的c.css文件,这就减少了http对css文件的请求次数!
2、不用对a.css和b.css进行压缩,保持了a.css和b.css的易编辑性、易识别性。

版权声明:本文为博主原创文章,未经博主允许不得转载。

实际项目中,为什么多个css、js文件要实现合并与压缩?(了解了这你才算入门)

标签:web性能优化   web开发   web前端   grunt   

原文地址:http://blog.csdn.net/u014326381/article/details/48057523

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!