Question

我的网站网址：http://gettycreations.com/

我的网站正在谈论加载的时间，因为主页上有300多张图片。我在＆＃34; https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fgettycreations.com%2F&tab=desktop＆＃34;。

上查看了它

我试着把代码放在这里，但我得到了这个＆＃34; Body限制为30000个字符;你输入了150616。＆＃34;错误。正文不允许超过30000个字符。

我该如何解决这个问题。

由于

Answer 1

尝试在加载页面后使用JQuery加载图像。一个例子：

$(document).ready(function(){
   // Load your images here
   $('.content').append("<img class='inline' src='/Images/img.png' />");
});

在向下滚动页面时，您可以使用大量工具加载内容。

Answer 2

我注意到你看到代码的一件事是你加载所有图片，包括只有当用户点击放大镜时才会显示的图片。例如，您正在加载3d-22t.jpg（12.9 KB）图像，这是一个正确尺寸的图像，但您还加载了3d-22.jpg，这是584 KB图像，直到您点击放大后它才会被使用玻璃。我建议加载像你现在这样的小图像，但不加载大图像，只在用户点击子图片时加载全尺寸图像。使用ajax加载这些图像。

我还注意到您的图片没有缓存，因此每次打开您的页面时，所有图像都会从您的Web服务器而不是本地缓存中传出。您可以使用A Last-Modified和Expires标题。

这会大大提高您的网页加载速度。

有关详细信息，请参阅：Image Optimization，How To Optimize Your Site With HTTP Caching

网站速度测试在＆＃34; Page Speed Insight＆＃34;

2 个答案: