前端上线前性能优化

解决方案:

1.减少http请求次数,js,css压缩源码(推荐使用Gulp),图片使用精灵图,控制图片大小;

2.CDN托管,data缓存,可以参考CDN在前端开发中的作用

https://blog.csdn.net/weixin_41697143/article/details/82758630

3.HTML减少空标签,使用双标签,利于网络蜘蛛爬取数据

可以参考前端SEO优化:

https://blog.csdn.net/xustart7720/article/details/79960591

4.前端尽量用变量去保存AJAX请求的结果,可以通过操作本地变量来获取数据,可以有效减少请求次数

5.设置样式很多时,不要使用行内样式,实现样式分离。多设置className,不要直接操作style

6.减少全局变量,可以缓存DOM节点查找的结果,可以有效减少DOM操作

7.图片要进行懒加载,可以参考js托片懒加载原理:

https://blog.csdn.net/w1418899532/article/details/90515969

8.要在在顶部引入CSS,底部引入JS

9.避免空的src和href

猜你喜欢

转载自www.cnblogs.com/shubo168/p/12097085.html