一对一线上咨询
为保证一对一服务效果,请如实详细填写
扫一扫加企业微信,鼎易科技为您服务
时间:2017-04-11 来源:鼎易科技
首先说说如何提高CSS性能,根据页面的加载性能和CSS代码性能, 网站性能好坏直接影响用户的体验,其中网站速度就是生死门一样。随着CSS的普遍,我们如何提高优化CSS来提高网站的性能呢? 总结主要有如下几点: 其一是:将CSS样式单独写到CSS文件中。 很多为了图方便或者快速搞定功能,我们可能会直接将样式写在页面的style标签或者直接内联在元素上,这样虽然简单方便,但是非常不利于日后的维护。
将代码写成单独的css文件有几点好处:
1、可以实现内容和样式分离,便于网站的管理和维护
2、减少了页面的体积
3、CSS文件可以被缓存,重用,提高速度,降低维护成功。
其二是:尽量不要不使用@import @import影响css文件的加载速度,影响网站速度。
其三是:避免使用复杂的选择器,层级越少越好 有时候项目的模块越来越多,功能越来越复杂,我们写的CSS选择器会内套多层,越来越复杂。 简洁的选择器不仅可以减少css文件大小,提高页面的加载性能,浏览器解析时也会更加高效,也会提高开发人员的开发效率,降低了维护成本。