HTML/CSS 优化、提高性能的方法

1、避免过度约束;

​ 2、避免后代选择符;

​ 3、避免链式选择符;

​ 4、使用紧凑的语法;

​ 5、避免不必要的命名空间;

​ 6、避免不必要的重复;

​ 7、最好使用表示语义的名字;

​ 8、避免!import ,可以选择其他选择器;

​ 9、尽可能的精简规则,可以合并不同类型里的 重复规则。

​ 10、图片是加载的资源,通过使用精灵图片减少加载图片次数;

​ 11、能使用字体图标的不适用图片;

​ 12、减少重排和重绘;重排一定会触发重绘,重绘不一定会触发重排

​ 13、避免书写多余命名空间;

​ 14、提取公共样式,提高样式的可重复性。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容