我有一个网站由“5个html页面”组成，使用纯（HTML，CSS，JS）无服务器端编程语言，框架或DB。
这些是我网站的速度测试：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），请告诉我它是什么以及如何实现它。
我的网站是响应式的，所以我使用大尺寸的图像
我发现一个非常有用的减少图像文件大小的工具是TinyPNG。 TinyPNG可以在不改变图像尺寸或降低质量（可见）的情况下将图像的文件大小减少约80％。
TinyPNG使用相同的颜色简单地替换彼此相近的相似颜色，这样可以减少存储空间。