加载图像问题 - Wordpress和Bootstrap

时间:2013-11-28 19:06:09

标签: css wordpress twitter-bootstrap vps

我不明白为什么要在http://clinique-esthetique-occitanie.com/上加载我的图片 有时很长,有时候不长。

网站托管在虚拟专用服务器(OVH)上,我已经尝试调整Apache(关闭一些模块,关闭ExpiresActive,关闭EnableSendfile)。

我使用Wordpress并在其上安装了W3 Total Cache。所有缓存都已启用,我还使用Google App引擎安装了CDN以减轻我的服务器,但即使这样也行不通。您可能会看到图像已加载到Google服务器上:(我的应用程序主机:clinique-esthetique.appspot.com)

例如:http://clinique-esthetique.appspot.com/wp-content/uploads/2013/09/CHIRURGIE-OREILLES-DECOLLEES.jpg

所以也许我认为它可能来自Twitter Bootstrap,它调整所有图像的大小以占用内容部分的一半(由css class =“col-md-6”)。但我不知道我能做些什么来改善我的图像的加载时间,这些图像仍然(有时)非常长,有时图像根本不会出现。

非常感谢你。 问候。 卢瓦克。

1 个答案:

答案 0 :(得分:1)

图像调整大小不会影响图像加载时间。 css调整大小只会强制图像符合css要求。图像大小相同。

您可以添加到各种CMS的某些插件,这些插件将使用php函数缩略图像。

因此,图像加载受到许多问题的影响。

  1. 图像的大小。很多次我看到人们加载大图像然后用css将它们减少50%或更多。如果你从未真正使用全尺寸图像...在图像编辑器中压缩它 - 在某些情况下,你可以将其总大小以kb减少1/2以上。这是称为图像优化的过程。来自Google开发中心的此产品可能对您有所帮助。
  2. http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fclinique-esthetique-occitanie.com%2F

    1. 客户端和服务器之间的拥塞。 (变化)你可以通过使用CDN加速这一点 - 有许多商业CDN可用 - 它们有效地缓存你的网站,当有人请求网站时 - CDN从最近的可用缓存服务器为网站服务。这可以大大加快页面加载时间。话虽如此。 CDN也受到位置和负载的影响。我可以向你们展示一些投诉CDN的人的抱怨只是为了让内容变慢。 CDN的页面服务方式也各不相同。有些会立即服务文本元素,但会延迟图像发送,以加快内容首先进入客户端的浏览器。我还要注意,并非所有图像都是从您的CDN提供的。有些仍然直接来自服务器。
    2. 最后,我从多个页面查看网站加载了您的页面,在所有情况下,加载时间都很快。有趣的是,浏览器加载时间非常好,但您需要将页面服务时间提高到移动设备。基本上,您所做的所有优化仅适用于您网站的桌面版本。

      请告诉我,我可以进一步提供帮助。