【发布时间】：2026-01-24 13:10:02
【问题描述】：
我的网站由“5 个 html 页面”组成，使用纯（HTML、CSS、JS），没有服务器端编程语言、框架或数据库。
这些是我网站的速度测试： https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.zhtml.aba.ae
https://gtmetrix.com/reports/www.zhtml.aba.ae/N9C8Tp0m
我知道如何缩小（css，js）但不知道（图像和缓存），我想知道是否有一种方法可以在不影响 [质量-尺寸] 以及如何启用缓存的情况下减小图像大小。 另外，如果除了（图像-缓存-缩小css和js）之外还有更多优化网站速度的技巧，请告诉我它是什么以及如何实现它。
我的网站是响应式的，所以我使用的是大尺寸图片
【问题讨论】：
-
检查以确保您通过 HTTP2 / Spdy 提供服务。这些仅适用于 SSL。但是拥有 SSL 总是一个好主意，如果你不这样做，即使 Google 也会减少对你的索引。
-
您可以尝试使用图片标签来优化您的图像尺寸，以适应您所服务的屏幕尺寸。或者尝试找到一些允许您将图像保存为网络的软件 - 这可以将它们压缩很多，而不会损失您注意到的足够质量。也尽量减少请求的数量 - 使用精灵，结合 js / css 文件。您还可以尝试延迟加载图像（即当它们出现时）。或者您可以使用 webpack 之类的工具来帮助加载，因此您只首先加载折叠文件上方的关键文件，然后在需要时加载其余文件
-
您使用的是什么服务器（例如 Apache、Nginx 等）？您需要对其进行配置，以便它使用适当的缓存标头。
-
@Bergi , 如何知道哪个服务器？
-
@Joe 你应该知道 - 你会安装它。如果您使用托管服务器租用网络空间，请咨询您的提供商。
标签： javascript html css performance optimization