返回

2019 前端性能优化清单 — 下篇

前端

以下是 2019 年前端性能优化清单的下篇，涵盖了52~66条优化建议：

  1. 迁移到HTTPS，然后打开HTTP / 2：确保您已将网站迁移到HTTPS，并已打开HTTP / 2，以利用其更快的速度和更强的安全性。

  2. 正确部署HTTP / 2：请遵循正确的部署HTTP / 2的步骤，以确保您的网站能够充分利用HTTP / 2的优势。

  3. 您的服务器和 CDN 是否支持 HTTP / 2：请确认您的服务器和 CDN 是否支持 HTTP / 2，并已正确配置。

  4. 是否启用了 OCSP stapling：启用 OCSP stapling 可以减少 TLS 握手的时间，从而提高网站的加载速度。

  5. 是否采用 IPv6：IPv6 可以提供更快的速度和更强的安全性，请检查您的网站是否已支持 IPv6。

  6. 是否正在使用 HPACK 压缩：HPAK 压缩可以减少HTTP / 2请求头的大小，从而提高网站的加载速度，请确保您的网站已启用 HPACK 压缩。

  7. 确保服务器支持 SPDY/HTTP/2 PUSH：SPDY/HTTP/2 PUSH 允许服务器在客户端请求之前发送资源，从而减少加载时间，请确保您的服务器支持 SPDY/HTTP/2 PUSH。

  8. 禁用 HTTP/2 Server Push：在某些情况下，HTTP/2 Server Push 可能会降低性能，因此请根据需要禁用它。

  9. 正确设置HTTP / 2 Push策略：HTTP / 2 Push策略决定了服务器将哪些资源推送到客户端，请根据需要正确设置HTTP / 2 Push策略。

  10. 减少服务器响应时间：服务器响应时间是影响网站性能的关键因素，请优化您的服务器以减少响应时间。

  11. 使用服务器端缓存：服务器端缓存可以将频繁请求的资源存储在内存中，从而减少服务器的负载并提高网站的加载速度，请考虑使用服务器端缓存。

  12. 使用CDN来减少延迟：CDN可以将您的网站内容存储在全球各地的服务器上，从而减少用户访问网站的延迟，提高网站的加载速度，请考虑使用CDN。

  13. 优化图像：图像通常是网页上最大的元素，因此优化图像可以显著提高网站的加载速度，请使用合适的图像格式、尺寸和压缩方法来优化图像。

  14. 优化CSS和JavaScript：CSS和JavaScript是影响网站性能的另一个关键因素，请优化CSS和JavaScript以减少其大小并提高加载速度，您可以使用压缩、缩小和合并等技术来优化CSS和JavaScript。

  15. 使用浏览器缓存：浏览器缓存可以将网站资源存储在用户的本地计算机上，从而减少下次访问网站时加载资源的时间，提高网站的加载速度，请使用浏览器缓存来提高网站的性能。