特定内容不应在页面加载时加载答案

【问题标题】：specific contents should not load on page load特定内容不应在页面加载时加载
【发布时间】：2014-10-20 05:21:47
【问题描述】：

我创建了一个wp 主题。这是它的一页http://www.durgeshsound.com/gallery/

当您单击任何查看相册时，它会打开该相册的相应图片。每个相册包含 10-12 张图片，因此在整个页面上，大约有 80-90 张图片。

问题是打开页面需要太多时间，因为有 80-90 张图片。有没有办法在页面加载时只加载封面图片，在点击查看专辑时一张一张加载专辑图片？请注意，封面图片设置为特色图片，其他专辑图片在媒体中添加。

这是我的代码

请帮忙。提前谢谢

【问题讨论】：

【解决方案1】：

当您在页面中使用图片时，可以通过几个步骤来优化网站的性能。

精灵示例： 您可以在此站点中看到 SO 也使用 sprite 图像。

【讨论】：

【解决方案2】：

可以试试 Lazy Load js 插件，例如：http://www.appelsiini.net/projects/lazyload

【讨论】：

【解决方案3】：

如果您在网站上使用高分辨率图像，延迟加载会很有帮助，那么它是让您的网站看起来更专业的最佳解决方案。这使得页面加载速度更快并减少服务器流量，因为客户端将图像加载到他们所查看的区域中。这是最好的example 来学习如何做。

获取plugin。它可以用作简单的惰性加载器，简单地用作响应式惰性加载器（处理断点）或用作处理断点和显示的高级惰性加载器。

【讨论】：