前端优化的解决方案
- 能缓存的，尽量强缓存。
- 减少HTTP请求数
- 使用外部引入的css和js文件，并且引入的css和js越少越好
- 使用雪碧图（精灵图）
- img计算缩放也需要时间，使用base64编码将较小图片嵌入到样式表中，减少请求数
- 因为iframe会阻塞渲染。
- 要有网站小图标favicon.ico：如果没有小图标，会引起404，拖慢网页加载进度。
- css的优化
- 避免使用@import
- 将样式表放在head中
- 避免使用css表达式
- JavaScript的优化
- 尽量减少DOM访问
- 使用事件代理（减少DOM操作）
- 把脚本放在底部（加载脚本时会阻塞页面渲染）
- 合理使用节流函数和防抖函数
- 使用CDN优化加载速度：降低网络拥塞，提高用户访问响应速度和命中率
- 合理利用懒加载：懒加载数据
- 针对webpack打包优化
- 进行tree-shaking
- 使用UglifyJS等插件压缩代码
- 分割代码、按需加载