前端页面优化的一些方法

1、HTML结构要清晰,尽可能使用语义化标签
2、减少外部HTTP请求
3、 压缩 CSS, JS 和 HTML
4、使用 CDN 和缓存提高速度
5、尽量使用使用轻量级框架
6、使用异步加载,延迟加载依赖
7、尽可能使用CSS3动画,相比JavaScript驱动的动画效率更高
8、使用事件委托,防止绑定不必要的大量事件
9、公用的css和js尽量写成公共样式/函数来条调用
10、控制DOM大小,清除多余的DOM节点
11、链接CSS,避免使用@import,避免CSS表达式
12、CSS Sprites雪碧图、icon图标,base64图片
13、尽量合并样式表和js,减少请求次数
14、Html标签、css类名、js变量命名尽量规范,见名知意。
15、将样式表放在头部,脚本放在底部

发布了4 篇原创文章 · 获赞 0 · 访问量 11

猜你喜欢

转载自blog.csdn.net/weixin_45259626/article/details/105563784