2

我创建了一个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

请帮助。在此先感谢

4

3 回答 3

1

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

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

于 2015-02-07T06:35:48.133 回答
1

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

  1. 使用延迟加载
  2. 使用sprite image避免多次 http 请求小图像。
  3. 对静态图像使用缓存。这将有助于避免不必要的 http 请求。

Sprite 示例： 您可以在此站点中看到 SO 也使用 sprite 图像。 在此处输入图像描述

于 2014-12-24T10:19:31.850 回答
1

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

于 2014-10-27T16:10:56.597 回答