朋友的网站加载时速度非常慢。我用gtmetrix.com(即使页面不是wordpress)来检查,页面加载时间是8.4s,2.09MB,得分为C.
结果指出了一些机会,以便提供更好的加载时间
该页面没有使用wordpress并且是响应式的,它表示宽度和高度缺失的部分,我无法设置静态高度和宽度,以及它所提到的用于调整图像的位置做到最大我的意思是图像尺寸为424x424,但使用的最大尺寸为300x300,如果我将所有图像缩小到300x300,那真的很重要吗?第三点是否意味着我应该将所有图像组合成一个并使用CSS来获得相同的图像但不同的位置?因为这些图像是像箭头,按钮,x
这样的东西提前感谢您的回复。
答案 0 :(得分:0)
每一点都很重要。尝试将图像保存为页面上实际显示的大小。
确保在加载之前通过像imageoptim这样的工具运行每个图像。
页面如此重?它只是图像吗?
答案 1 :(得分:0)
图像应以每英寸72像素保存,因为这是网络将其渲染为的内容。如果您需要支持视网膜显示(高分辨率)类型的设备,并希望使图片看起来很好(你应该)。在网络上制作它们所需尺寸的2倍。然后按宽度和高度缩小它们。
例如。
页面上有一个图像,显示为300px×300px。
您保存的图像应为600px×600px,72ppi。
然后在浏览器中定义图像的宽度和高度。
filterTemp p (Temp lol) = Temp (filter p lol)
这样可以在网络上更好地显示图像。
答案 2 :(得分:0)
您可以使用gzip服务静态文件并在客户端解压缩,这将节省一些时间。我最好的猜测