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

我已经创建了wp主题。这是它的其中一页http://www.durgeshsound.com/gallery/特定内容不应该在加载页面时加载

当你点击任何查看相册，然后它打开它相应的图片的相册。每张专辑包含10-12张图片，因此在整个页面上，大约有80-90张图片。

问题是由于80-90图像需要太多时间来打开页面。单击视图相册时，页面加载并逐个加载相册图片时，是否有任何方法仅加载封面图片？请注意，封面图片设置为精选图片，其他专辑图片将添加到媒体中。

这里是我的代码

Javascript:http://pastie.org/9658839 Page template code in wp：提前http://pastie.org/9658843 CSS:http://pastie.org/9658847

请help.thanks

来源

2014-10-20 varsha

我认为最好的解决方案是使用[延迟加载。]（http://stackoverflow.com/questions/5117421/how-to-load-images-dynamically-or-lazily-when-users-scrolls-他们 - 进入 - 视图） – ghost 2014-10-20 05:29:55

有几个步骤来优化性能当您在您的页面中使用图像时，

使用Lazy Loading
使用sprite image以避免小图像中的多个HTTP请求。
对于静态图像使用Caching。这将有助于避免不必要的http请求。

雪碧例： 你可以看到在这个网站也是如此使用精灵形象。 enter image description here

来源

2014-12-24 10:19:31 Shell

可以尝试延迟加载JS插件如：http://www.appelsiini.net/projects/lazyload

来源

2014-10-27 16:10:56 James

如果您在您的网站上使用高分辨率图片，延迟加载会很有帮助，那么这对您而言是一个让您的网站看起来专业的最佳解决方案。这使得页面加载速度更快，并且减少了服务器流量，因为客户端加载了该区域中的图像。这是最好的example了解如何做到这一点。

得到plugin。它可以作为一个简单的懒惰加载器，简单地作为一个响应式懒惰加载器（照顾断点）或作为一个先进的懒惰加载器照顾断点和显示。

来源

2015-02-07 06:35:48

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

回答

相关问题