加载图像问题 - Wordpress 和 Bootstrap

Question

我不明白为什么在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"）。但我不知道我能做些什么来改善我的图片的加载时间，这仍然（有时）很长，有时甚至根本不出现图片。

非常感谢。 问候。 洛伊克。

Answer 1

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

您可以将某些插件添加到各种 CMS 中，这些插件将使用 php 函数对图像进行缩略图。

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

1. 图像的大小。很多次我看到人们加载大图像，然后使用 css 将它们减少 50% 或更多。如果您从未真正使用全尺寸图像...在图像编辑器中压缩它 - 在某些情况下，您可以将其总大小（以 kb 为单位）减少 1/2 以上。这就是称为图像优化的过程。来自 google 开发中心的这项产品可能会对您有所帮助。

http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fclinique-esthetique-occitanie.com%2F

1. 客户端和服务器之间的拥塞。 （变化）此时您可以通过使用 CDN 来加快速度 - 有许多商业 CDN 可用 - 它们有效地缓存您的网站，当有人请求该站点时 - CDN 从最近的可用缓存服务器为该站点提供服务。这可以大大加快页面加载时间。话虽如此。 CDN 也受到位置和负载的影响。我可以向您展示一些来自人们的抱怨，这些人已经迁移到 CDN，只是为了让内容服务速度变慢。 CDN 在提供页面的方式上也有所不同。有些会立即提供文本元素，但会延迟图像发送以加快内容首先到达客户端浏览器的速度。我还要注意，并非所有图像都是从您的 CDN 提供的。有些仍然直接来自服务器。

最后，我从多个页面查看站点加载了您的页面，并且在所有情况下加载时间都很快。有趣的是，浏览器加载时间非常好，但您需要改进页面在移动设备上的服务时间。基本上，您所做的所有优化仅适用于您网站的桌面版本。

让我知道我可以提供进一步的帮助。