前端优化常用技巧

Posted chenlongsheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端优化常用技巧相关的知识,希望对你有一定的参考价值。

1:压缩css,js,图片等资源

2:减少http请求;合并css,js,合并图片

3:减少CDN

4:减少dom元素数量

5:图片懒加载

6:静态资源另外用无cookie的域名

7:减少dom的访问(缓存dom)

8:巧用时间委托

9:样式表置顶;脚本置底

 

按顺序来记忆: 在加载时,有资源css,js,图片等,这三个资源 : css  js  图片需要压缩,  图片懒加载          关于html  图片懒加载   ,样式置顶, 脚本置底  减少dom元素的数量   减少dom元素的访问次数        减少CDN  

以上是关于前端优化常用技巧的主要内容,如果未能解决你的问题,请参考以下文章

103前端 | JavaScript 性能优化技巧分享

前端优化技巧

90%的人都不知道的前端性能优化技巧(上)

前端优化 6个技巧,提高 Web 性能

前端开发必备的HTML优化技巧

前端优化的6个技巧,改善 Web 性能