如何优化我的" html"网站速度不影响图像质量或尺寸?

时间:2017-10-27 14:55:22

标签: javascript html css performance optimization

我的网站包含" 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),请告诉我它是什么以及如何实现它。

我的网站响应迅速,因此我使用尺寸较大的图片

1 个答案:

答案 0 :(得分:0)

我发现在减少图像文件大小方面非常有帮助的一个工具是TinyPNG。 TinyPNG可以在不改变图像尺寸或降低质量(可见)的情况下将图像的文件大小减少约80%。

TinyPNG只是用相同的颜色替换彼此相近的相似颜色,这样可以减少存储空间。