1、图片压缩、合并(精灵图)、使用字体图标代替小图片、使用base64、图片懒加载
2、css、js的压缩、封装复用
3、减少重排操作,例如使用transform书写动画效果,在for循环结束后再去操作dom等
3、使用CDN网络托管
4、数据懒加载、数据按需加载(上拉加载)、分页
5、路由懒加载
6、利用缓存来缓存文件
7、频繁触发的事件进行防抖和节流
8、异步加载
9、减少闭包,递归优化,使用高效的算法
10、webpack优化:去除无用代码treeShaking、组件按需加载、使用chunck、模板预编译等
11、字库用gb2312不要utf-8,一个汉字少一个字节
本文探讨了多种网页性能优化策略,包括图片压缩、CSS和JS的压缩、使用CDN、懒加载技术、路由懒加载、缓存利用、事件处理优化等。同时,提到了代码优化如减少闭包和使用高效算法,以及webpack的优化技巧,如treeShaking和组件按需加载。通过这些方法,可以显著提升网页加载速度和用户体验。
1097

被折叠的 条评论
为什么被折叠?



