wordpress - 在 WordPress 上缓慢加载图像 - 我如何加快它们的速度

Question

我希望网站页面更快地加载图像，或者图像不会阻止用户在图像完成加载之前看到页面上的文本。

1.如果我在网站页面上有文字。文本是否首先呈现，以便用户可以在图像仍在加载时看到文本？

2.如果我有 3 mb 的图像并且让我的托管网站的服务器渲染 1.5，然后将其他 1.5mb 移动到 flickr 之类的东西并且让图像源指向 flickr，那会更好并且加载更快。或者说我只是从 flickr 中提取所有图像？

请帮我。

它是一个 WordPress 网站，而 Couldflare 免费 cdn 对我的主题做了一些奇怪的事情。所以不是一个选择。我也不想因为其他原因延迟加载。

编辑：哦，是的，如果我在 Flickr 上托管所有图像，这是否会泄露链接汁（域权限等级）？

标签： wordpresshtmlserverwebhosting

Answer 1

图像确实会增加整体加载时间，但不会出现渲染阻塞。整个页面将呈现（除了阻止呈现的 CSS 或脚本），并且图像将在完成后弹出。如果你想避免这种闪光，你可以延迟加载它们，或者将最终图像的大小放在容器元素上，这样文本就已经“移动”了。

你不能真正“加速”图像加载。最好的办法是减少图像的数量（如果适用），并延迟加载任何最初不需要请求的图像。下一个最好的事情（我认为总体上可以说更重要）是优化您的图像。有一些 WordPress 插件可以为您执行此操作，或者您可以在 PhotoShop 中执行此操作 - 甚至一些图像 CDN 也会执行此操作。这基本上意味着，如果不需要，不要加载 1MB 的图像，出于“网络显示”的目的，您可以提供看起来几乎一样好的 200kb 图像。

附带一点，您可以通过让它们从更快的服务器提供服务来稍微“加速”它们，但这适用于任何与网络相关的东西。把它扔到更好的硬件上以获得更好的性能（在大多数情况下）。

如果它们是大图像，您应该首先优化它们。确保它们是最小的文件大小。另外，不要费心将它们中的“1.5mb”拆分到另一台主机上。要么通过 CDN 直接上传它们（有些甚至绑定到你的 WP 库，比如 Cloudinary），或者将它们保存在你的站点本地。以后你会省去一些麻烦。

如果您有一个照片重的网站（摄影或其他类型的画廊），3mb 并不是很多 - 但最好还是提供更压缩的图像，您甚至可以将图像或按钮链接到“全分辨率“ 一。