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

时间:2018-09-19 03:40:14

标签: wordpress html5 server web hosting

我想让网站页面加载图像更快,或者在图像加载完成之前图像不会阻止用户看到页面上的文字。

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

2。。如果我有3 mb的图像,并且托管网站的服务器渲染了1.5,然后将其他1.5 mb移到了flickr之类,并且图像源指向flickr,会更好并且加载更快吗?还是说我只是从flickr中提取了所有图像?

请帮助我。

它是一个WordPress网站,Clouldflare free CDN对我的主题有些奇怪。所以不是一个选择。我也不想因为其他原因而延迟加载。

编辑:是的,如果我将所有图像托管在Flickr上,是否会浪费链接汁(域权限等级)?

1 个答案:

答案 0 :(得分:0)

图像确实会增加整体加载时间,但它们不会渲染阻塞。整个页面将进行渲染(不包括阻止渲染的CSS或脚本),完成后图像将弹出。如果要避免这种闪光,可以延迟加载它们,或者将最终图像的大小放在容器元素上,这样文本就已经“移动”了。

您无法真正“加速”加载图像。 最好要做的是减少图像的数量(如果适用),并延迟加载最初不需要的任何图像。第二个最好的事情(我想也许是更重要的是总体上)是优化您的图像。有少数WordPress插件可以为您做到这一点,或者您可以在PhotoShop中做到这一点-甚至某些CDN图片也可以做到这一点。这基本上意味着,如果不需要,则不必加载1MB的图像,出于“网络显示”的目的,您可以提供一个200kb的图像,看起来几乎都很好。

另一方面,您可以通过从较快的服务器提供服务来“加速”它们,但这适用于与Web相关的任何事情。 (在大多数情况下)将其扔到更好的硬件上以获得更好的性能。

如果它们是大图像,则应该首先对其进行优化。确保它们是最小的文件大小。另外,不要费心将其中的“ 1.5mb”拆分给另一台主机。可以直接通过CDN直接上传它们(有些甚至可以绑定到您的WP Library中,例如Cloudinary),或者将它们保留在您的站点本地。以后您会为自己省去一些麻烦。

如果您的网站上有大量照片(摄影或其他类型的画廊),那么3mb并不是很多-但同样,最好提供压缩程度更高的图像,您甚至可以将图像或按钮链接到“全分辨率”之一。