我希望网站页面更快地加载图像，或者图像不会阻止用户在图像加载完成之前看到页面上的文本。
1.如果我在网站页面上有文字。文本是否首先呈现，以便用户在图像仍在加载时可以看到文本？
2. 如果我有 3 mb 的图像，并且我的托管网站的服务器渲染 1.5，然后将其他 1.5mb 移动到 flickr 之类的东西，并使图像源指向 flickr，会更好，加载更快。或者说我只是从 flickr 中提取所有图像？
请帮帮我。
它是一个 WordPress 网站，而 Couldflare 免费 cdn 对我的主题做了一些奇怪的事情。所以不是一个选择。我也不想因为其他原因延迟加载。
编辑： 是的，如果我在 Flickr 上托管所有图片，是否会放弃链接汁（域名权威等级）？
【问题讨论】：
标签： wordpress html server web hosting
图片确实会增加整体加载时间，但不会阻塞渲染。整个页面将渲染（除了阻止渲染的 CSS 或脚本），图像将在完成后弹出。如果你想避免这种闪烁，你可以延迟加载它们，或者将最终图像的大小放在容器元素上，这样文本就已经“移动”了。
您无法真正“加快”图像加载速度。 最好的做法是减少图像数量（如果适用），并延迟加载任何最初不需要请求的图像。下一个最好的事情（我认为总体上可以说更重要）是优化您的图像。有一些 WordPress 插件可以为您执行此操作，或者您可以在 PhotoShop 中执行此操作 - 甚至一些图像 CDN 也会执行此操作。这基本上意味着，如果不需要，不要加载 1MB 的图像，出于“网络显示”的目的，您可以提供看起来几乎一样好的 200kb 图像。
附带一点，您可以通过让它们从更快的服务器提供服务来稍微“加速”它们，但这适用于任何与网络相关的东西。将它放在更好的硬件上以获得更好的性能（在大多数情况下）。
如果它们是大图像，您应该首先优化它们。确保它们是尽可能小的文件大小。另外，不要费心将它们中的“1.5mb”拆分到另一台主机上。要么通过 CDN 直接上传它们（有些甚至绑定到你的 WP 库，比如 Cloudinary），或者将它们保存在你的站点本地。以后你会省去一些麻烦。
如果您有一个照片重的网站（摄影或其他类型的画廊），3mb 并不是很多 - 但最好还是提供压缩程度更高的图像，您甚至可以将图像或按钮链接到“全分辨率”之一。
【讨论】：