解决方案:
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