跳转到主要内容
5 分钟阅读时间 (1081 字)

Iframe 和 HTML5 lazy loading、缓存预加载以及 WordPress 上的更多功能

Iframe-and-HTML5-lazy-loading-cache-preloading-and-more-on-WordPress

第一印象至关重要,而在网络上,在您的 WordPress 博客加载任何内容之前,您就已经给人留下了第一印象。您的首页或任何其他 WordPress 文章或页面加载所需的时间,决定了用户会在您的博客上停留多久,甚至他们是否会停留。现在,借助 WP Speed of Light 插件的两个快速更新,您可以优化博客的加载时间并进一步改善 SEO。 

最新更新带来了两类新功能。首先, WP Speed of Light 插件新增了优化加载时间的功能,特别是可以延迟加载 iframe 和 HTML5 视频。其次,WordPress 插件现在为您提供了更大的灵活性,让您可以决定如何缓存文件,以及如何对脚本和样式表进行分组和压缩。让我们深入了解一下! 

WordPress 上的 iframe 和 HTML5 视频 lazy loading  

如果加载时间是您的首要考虑,那么无需费力寻找。在 WP Speed of Light的主设置中,出现了一个新的可切换开关,可提升您 WordPress 博客的加载速度,并随之提升您的 SEO 评分:Iframe 和视频 lazy loading。.

Lazy loading 是一种加速技术,它仅在用户滚动到多媒体内容(主要是图片和视频)时才加载它们。如果用户从未滚动到这些内容,图片或视频就根本不会加载。通过仅在需要时加载元素, WP Speed of Light 不会浪费时间,并缩短了用户在访问您的博客之前需要等待的时间。. 

新功能解决了其中最严重的问题。Iframe(通常是网页或小部件)会嵌入到你的 WordPress 博客中——想象一下同时加载多个网页。相反,HTML5 视频就像普通视频一样,它们也会拖慢加载时间。.

幸运的是,借助 WP Speed of Light,改善加载时间是一个极其简单的过程。要为 iframe 和 HTML5 视频启用 lazy loading ,只需前往 WordPress 插件的设置。切换标有 iframe 与视频 lazy loading 的开关,即可享受更快的加载时间。 

WordPress 文章和页面的缓存预加载 

另一种改善加载时间的主要技术是通过缓存和预加载。通常,WordPress 在用户首次访问网页时生成缓存。然而,通过预加载, WP Speed of Light 会在您清除缓存时生成缓存,从而立即缩短加载时间。.

WP Speed of Light 的 3.1 和 3.2 版本新增了对预加载 XML 站点地图中列出的网页的支持。站点地图可引导 Google、Bing 和 Yahoo 等搜索引擎找到您网站上的页面。因此,站点地图通常包含指向您博客上最重要页面甚至所有页面的链接。反过来,站点地图也是预加载缓存的理想工具。. 

要启用缓存预加载,请前往 高级 选项卡,在 WP Speed of Light 的设置中操作。请确保您已启用缓存预加载,然后在正确的字段中添加您的站点地图链接。如果您不确定站点地图链接,可以使用 SEO 插件,例如 WP Meta SEO。

在 高级 选项卡中,您还可以预加载特定页面。使用 预加载以下页面 字段,您可以预加载访问量最大的页面,例如您博客的主页。任何访问这些页面的人都能享受快速加载体验,即使您清除了缓存。

缓存功能现在也支持仅清除特定 URL 的缓存,即使您使用了 CDN。CDN 通过遍布全球的服务器提供您的 WordPress 博客内容,从地理位置靠近用户的位置交付网页。通过最新更新,您可以指定要缓存哪些 CDN 页面。.

您可以在插件设置的 CDN 集成 标签页中完成配置。如果您已激活 Cloudflare 账户,请向下滚动到显示 清理缓存时,也清理的部分。启用 Cloudflare 缓存并填写相关字段,可选择 清除单个文件。

 改进脚本和样式表的分组与压缩

随着您的 WordPress 网站不断发展和变化,您的博客往往会变慢。您的直觉可能会告诉您,变慢是不可避免的,但即使是最复杂的网站,加速也并非不可能完成的任务。分组和压缩有助于您控制加载时间。.

分组和压缩是两种经常一起使用的优化工具。大多数网站会使用多个样式表和脚本,每一个都会产生单独的请求,从而增加加载时间。分组会将所有样式表合并为一个,并将所有脚本合并为一个,因此每个只需一个请求。而压缩则会减小单个样式表或脚本,或样式表和脚本组的体积,从而进一步缩短加载时间。. 

WP Speed of Light的分组与压缩设置位于设置中名称恰如其分的 分组与压缩 选项卡中。现在,在插件的最新版本中,您可以自定义博客上分组与压缩的行为方式。

例如,在调试时,您可能不希望将某个样式表、脚本或某个页面进行分组或压缩。或者您可能会发现,分组和压缩会导致页面渲染错误,或者页面必须等到某个样式表或脚本加载完成后才能正常工作。现在,在 分组和压缩 标签页中,您既可以排除内联样式的分组和压缩,也可以将页面排除在优化之外。

另一个优化选项是延迟加载样式表和脚本。换句话说,使用 WP Speed of Light,您可以先加载内容,然后在最后加载样式表和脚本。目标:用户可以更早地与页面进行交互,尽管方式有限。现在,如果您启用延迟 JavaScript 代码,该插件也会延迟内联脚本。.

优化很重要,但每个 WordPress 博客都有不同的需求。随着 WP Speed of Light 的不断发展,其功能也在不断丰富。该插件的 3.1 和 3.2 版本既提供了加速所有博客的新功能——iframe 和 HTML5 视频 lazy loading——也提供了新的选项,用于调整缓存预加载以及分组和压缩的工作方式。.

WP Speed of Light 最好的功能之一是它与所有主机都兼容,例如与 WP Speed of Light Cloudways ,这是一个强大的主机 :)

如果您的 WordPress 博客需要提速,不用再找了。在此处 WP Speed of Light 的更多信息。 

保持关注

当您订阅博客后,如果网站有新更新,我们会发送电子邮件通知您,以免您错过。.

Related Posts