网页性能优化：如减少 HTTP 请求、压缩代码、使用缓存

优化网页性能是前端开发中的重要任务，以下是一些常见的方法来减少 HTTP 请求、压缩代码和使用缓存：

1. **减少 HTTP 请求**：

    - 合并 CSS 和 JavaScript 文件：将多个 CSS 或 JavaScript 文件合并为一个文件，可以减少 HTTP 请求的数量。

    - 使用 CSS Sprites：将多个小图标合并到一个图像文件中，并通过 CSS 来定位和显示不同的图标，从而减少图像请求的数量。

    - 内联关键 CSS 和 JavaScript：对于关键的 CSS 和 JavaScript，可以将其内联到 HTML 文件中，避免额外的 HTTP 请求。

    - 懒加载图片和其他资源：延迟加载非关键的图片和资源，直到用户滚动到它们所在的位置，从而减少初始页面加载时的请求数量。

2. **压缩代码**：

    - 压缩 CSS 和 JavaScript：使用压缩工具（如 Minify 或 Uglify）来删除代码中的空格、注释和不必要的字符，减小文件大小。

    - 压缩 HTML：去除 HTML 文件中的多余空格和换行，以减小文件大小。

    - 图片压缩：使用图像压缩工具（如 JPEGmini 或 TinyPNG）来减小图片的文件大小，而不损失太多质量。

3. **使用缓存**：

    - 浏览器缓存：利用浏览器的缓存机制，将经常访问的资源（如 CSS、JavaScript、图片等）缓存到本地，下次访问时直接从缓存中加载，而无需再次发送请求。

    - CDN 缓存：使用内容分发网络（CDN）来缓存静态资源，CDN 会在全球各地的服务器上缓存资源，用户从离他们最近的服务器获取资源，提高加载速度。

    - 服务器端缓存：在服务器端设置缓存策略，例如将动态生成的页面缓存一段时间，减少服务器的负载和响应时间。

通过采取这些优化措施，可以显著提高网页的性能，提供更快的加载速度和更好的用户体验。此外，还可以考虑使用其他技术，如延迟加载、预加载、异步加载等，根据具体的需求和场景进行优化。