标签：缓存 HTTP DOM 前端 使用 优化 性能 CSS 加载
- 代码压缩：使用工具如UglifyJS、Terser等来压缩JavaScript代码，移除不必要的空格、注释和未使用的代码，减少文件大小。
- 图片优化：使用合适的图片格式（如WebP、JPEG、PNG等），并对图片进行压缩，减少图片加载时间。另外，可以考虑使用CSS的
background-image代替<img>标签，或者使用SVG矢量图。
- 懒加载（Lazy Loading）：对于非首屏或用户滚动后才能看到的图片、视频等资源，可以使用懒加载技术，当用户需要查看时再加载资源，减少首次加载时间。
- 减少HTTP请求：合并多个CSS或JavaScript文件，使用CSS Sprites等技术来减少HTTP请求的数量。同时，使用HTTP/2协议可以并行加载多个资源，提高加载速度。
- 使用CDN：CDN（内容分发网络）可以将静态资源缓存到离用户更近的服务器上，加快资源加载速度。
- 缓存：利用浏览器缓存机制，将静态资源缓存在用户浏览器中，减少重复请求。
- 优化DOM操作：尽量减少DOM操作的次数，使用DocumentFragment、离线DOM等技术来优化DOM操作性能。
标签：缓存,
HTTP,
DOM,
前端,
使用,
优化,
性能,
CSS,
加载
From： https://www.cnblogs.com/zhulongxu/p/18212204