web前端性能优化小结( 六 )

2019-05-02

结构、表现、行为分离

便于管理与维护

20.削减javascript和CSS

去掉多余的空行和注释

合并多余的脚本和css样式

21.用link代替@import

避免使用@import的原因很简单，因为它相当于将css放在网页内容底部。

22.避免使用滤镜

IE5.5-IE8中支持，这种滤镜的使用会导致图片在下载的时候阻塞网页绘制，另外使用这种滤镜会导致内存使用量的问题。

23.把脚本置于页面底部

把脚本置底，这样可以让网页渲染所需要的内容尽快加载显示给用户。

现在主流浏览器都支持defer关键字，可以指定脚本在文档加载后执行。

HTML5中新加了async关键字，可以让脚本异步执行。

24.剔除重复脚本

重复的脚本不仅浪费浏览器的下载时间，而且浪费解析和执行时间。

推荐阅读

上一篇：设计图纸用什么软件专题详细内容由工具聚合而成，希望能给您带来

下一篇：深圳一天价商业街一度出现百米长“垃圾带”，物管诉苦衷