前端开发性能优化做过哪些
时间: 2024-04-06 15:18:36 浏览: 62
1. 减少HTTP请求:合并脚本和样式表、使用CSS Sprites、使用data:URL代替图片等;
2. 压缩文件:使用Gzip压缩、JavaScript压缩、CSS压缩等;
3. 缓存控制:使用缓存来减少服务器的负担,设置Expires、Cache-Control等;
4. 资源加载优化:将JavaScript放在页面底部、将CSS放在head中、使用异步加载等;
5. 图片优化:使用适当的图片格式、压缩图片、使用lazyload等;
6. JS/CSS文件的合并与压缩:减少HTTP请求,提高页面加载速度;
7. DNS预解析:可以通过预解析DNS来减少用户点击链接时的等待时间;
8. 代码优化:减少DOM操作、避免使用eval等;
9. 使用CDN加速:使用CDN来加速静态资源的加载;
10. 使用缓存技术:使用localStorage、sessionStorage、IndexedDB等本地存储技术来减少服务器请求。
阅读全文