如何在不影響圖像質量或尺寸的情況下優化“ html”網站的速度？

Question

我有一個網站，由“ 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）而不是（圖像和緩存），我想知道是否存在一種減小圖像大小而不影響[quality-Dimensions]的方法，以及如何啟用緩存。 另外，如果除了[圖片-緩存-最小化CSS和JS]之外，還有更多優化網站速度的技巧，請告訴我這是什么以及如何實現。

我的網站反應靈敏，所以我使用的是大尺寸圖片

Answer 1

我發現一種對減小圖像文件大小非常有用的工具是TinyPNG 。 TinyPNG可以將圖像的文件大小最多減少80％，而無需更改圖像的尺寸或降低質量（明顯）。

TinyPNG只是簡單地用相同的顏色替換彼此之間相似的顏色，從而節省了存儲空間。