WordPress小程序插件

WordPress文章配图插件(20231002)发布

文章配图插件是一个可以自动给文章创建缩略图、在文章内容里添加图片的插件。

核心功能:支持文章查看时自动生成缩略图,发布文章后生成缩略图,在文章内容页显示缩略图,将图片永久更新至文章内容里。

支持5种配图方式:背景颜色、背景图片、本地图片、媒体库图片、Pixabay图片,具体差异请查看使用教程。支持3种缩略图模式:动态生成、仅保存文件、保存至媒体库,具体差异请查看使用教程。可以设置在缩略图上是否添加文章标题文字。支持设置缩略图背景颜色(多个)、文字颜色(多个)、文字大小、文字字体、高度、宽度等。支持页面生成缩略图。缩略图模式为保存至媒体库时,插件生成的缩略图为特色图片,即使卸载了插件也可以依旧使用缩略图。支持文章内容显示缩略图(或者本地图片),可在文章开头、开头(后)、中间、结尾(前)、结尾、随机显示。可自定义图片代码格式。配图方式为背景图片、本地图片时,可以直接设置图片所在文件夹路径。文件夹下能放多少图片,就能使用多少图片。同时支持不同的分类使用不同的文件夹里的图片。支持图片背景虚化,在任意图片上添加文字都可以使用,再也不用担心图片上添加文字看不清文字的问题了。无论是采集的文章,还是手动发布的文章,只要文章可以在后台文章列表看到,就可以使用文章配图插件生成缩略图。

注意事项

只有主题支持缩略图功能,并且前台页面可以显示文章的缩略图(特色图片),才能使用文章配图插件。如果文章有缩略图,则会显示文章原缩略图。只有文章没有缩略图,才会显示插件自动生成的缩略图。本插件可能无法判断其它同类型插件或主题生成的缩略图,建议在使用本插件时,关闭或停用其它缩略图功能。只有文章内容里没有图片,插件才会在文章内容里添加图片。不要随意删除插件生成的图片文件,否则,可能会出现图片404问题。如果确实需要删除,可以先从网站后台(媒体库)删除,然后从服务器删除其它图片文件。根据插件的设置,此举不保证完全不出现图片404问题。

更新记录

新增显示分类设置数量功能,解决分类过多没有显示的bug。

新增是否自动更新缩略图功能设置,已生成的缩略图可以不必重新生成,提升效率

新增Pixabay配图方式,百万图片免费使用

新增本地图片配图方式,将图片上传至本地文件夹内,插件将会为文章随机选取一张图片生成缩略图

新增媒体库图片配图方式,将图片上传至媒体库,插件将会为文章随机选取一张图片生成缩略图

优化插件设置页面,确保所有主题可用

优化配图插件核心代码,提高缩略图生成效率

动态模式下可以设置图片链接地址伪静态,美化图片链接就是这么简单

动态模式下:不生成缩略图本地图片文件。当配图方式为背景颜色、背景图片时,每次都需要动态生成缩略图。其它配图方式则会直接读取图片链接,不会动态生成缩略图

仅保存文件模式下:当配图方式为背景颜色、背景图片、Pixabay图片时,会生成缩略图本地图片文件。其它配图方式则会直接读取图片链接,不会生成缩略图本地图片文件

保存至媒体库模式下:生成缩略图本地图片文件,并将图片添加至媒体库

一篇文章带您了解如何实现WordPress主题/插件本地化翻译

要实现WordPress主题和插件的本地化翻译就需要了解什么是国际化和本地化以及WordPress是如何实现国际化和本地化的。

本文涵盖以下内容:

什么是国际化?
如何国际化你的插件
什么是本地化?
本地化文件
如何实现本地化
解读po翻译文件
如何在 WordPress中翻译JavaScript 中的内容
安装WP-CLI
在Windows上安装wp-cli
更新WP-CLI
WP-CLI生成JSON翻译文件
WP-CLI生成POT翻译模板

什么是国际化?

国际化是为软件(在本例中为 WordPress)提供多语言支持的过程。国际化通常缩写为 i18n,其中 18 代表第一个 i 和最后一个 n 之间的字母数。

为您的插件和主题提供 i18n 支持可以使其覆盖尽可能多的受众,即使不需要您提供额外的语言翻译。当您将软件上传到 WordPress.org 时,所有 JS 和 PHP 文件都将自动解析。任何检测到的翻译字符串都会添加到 translate.wordpress.org 中,以允许社区进行翻译,确保 WordPress 插件和主题以尽可能多的语言提供。

对于 PHP,WordPress 有一个由来已久的流程,请参阅如何国际化您的插件。WordPress 5.0 的发布带来了类似的 JavaScript 代码翻译过程。

如何国际化你的插件

为了使字符串在应用程序中可翻译,必须将原始字符串包装在对一组特殊函数之一的调用中。这些函数统称为“gettext”。

什么是本地化?

本地化描述了翻译国际化插件的后续过程。本地化通常缩写为(因为 l 和 n 之间有 10 个字母。l10n

本地化文件POT(可移植对象模板)文件

此文件包含插件中的原始字符串(英文)。

PO (Portable Object)文件

每个翻译人员都会获取文件并将各个部分翻译成他们自己的语言。结果是一个与 格式相同的文件,但带有翻译和一些特定的标头。每种语言都有一个文件。POTmsgstrPOPOTPO

MO (Machine Object)文件

从每个翻译的文件中构建一个文件。这些是 gettext 函数实际使用的机器可读的二进制文件(它们不关心 OR 文件),并且是文件的“编译”版本。转换是使用命令行工具完成的。通常,应用程序可能会相应地使用多个大型逻辑可翻译模块和不同的文件。

以上内容来源于WordPress开发人员资源库,有需要的朋友可以去进行深入的解析和理解。对于新入门的朋友来说可能有些不太好理解,总的来说所谓的国际化就是通过(一系列)函数将文字(字符串、变量、单复数等)标记为可以被翻译的形式,那么相应的本地化就是将已经标记的文字翻译成某种语言。国际化是主题或插件的开发者需要考虑的问题,想要把主题和软件翻译成大美的中文就只需要了解如何本地化即可。

对于如何实现WordPress国际化以及Gettext函数的使用方法可以参考《如何国际化你的插件》

如何实现本地化

本文将着重解释如何实现本地化。

举个例子,当你打开了一个已经完成国际化的主题或者插件的源代码是你应该会看到很多类似

__( ‘Blog Options’, ‘my-plugin’ ); 这样的代码。函数的格式:__(‘文本域’,”路径域”);其中文本域表示可以被翻译的文本也就是前端将会显示的内容,域路径定义插件翻译的位置。

结合之前所说的.pot为模板.po为可以编辑的翻译文件.mo为编译后的翻译文件,简单理解为,当WordPress看到了__( ‘Blog Options’, ‘my-plugin’ );这样一条语句时会在众多的.mo文件中通过my-plugin来进行匹配,当匹配到的mo文件中如果包含了Blog Options的翻译条目时就会把Blog Options替换成翻译后的文本并输出到页面上。

这样是不是就很好理解了呢?那么接下来就看看怎么创建和编辑翻译文件。

当你下载了一个以及国际化的主题或插件,你应该可以找到languages或lang目录,而里面大概率会躺着一个.pot文件或很多.po文件;其他都不重要我们只需要.pot的模板文件,有了翻译模板文件就可以使用Poedit等软件创建对应语言的po文件进行编辑并生成mo文件供WordPress使用了。

解读po翻译文件

如果没有pot文件可以参考本文接下来讲到的如何创建pot模板文件。

接下来展示一个po文件的示例:

# Copyright (C) 2023 # This file is distributed under the GPLv2.msgid ""msgstr """Project-Id-Version: Smush Pro 3.14.0\n""Report-Msgid-Bugs-To: \n""POT-Creation-Date: 2023-07-21 12:47+0800\n""PO-Revision-Date: 2023-08-15 15:14+0800\n""Last-Translator: cnuu <admin@cnuu.net>\n""Language-Team: \n""Language: zh_CN\n""MIME-Version: 1.0\n""Content-Type: text/plain; charset=UTF-8\n""Content-Transfer-Encoding: 8bit\n""Plural-Forms: nplurals=1; plural=0;\n""X-Generator: Poedit 3.3.2\n""X-Domain: wp-smushit\n"#. Plugin Name of the plugin#: app/class-admin.php:285 app/class-admin.php:324#: app/pages/class-dashboard.php:110 app/pages/class-dashboard.php:353#: app/views/directory/meta-box.php:43 core/modules/bulk/class-mail.php:65msgid "Smush Pro"msgstr "Smush 专业版"

这段代码是一个.pot文件的内容,用于国际化。下面是每一行的解释:

"Project-Id-Version: Smush Pro 3.14.0\n": 定义项目的版本号。"Report-Msgid-Bugs-To: \n": 提供报告消息ID和bug的URL。"POT-Creation-Date: 2023-07-21 12:47+0800\n": 创建此模板的日期和时间。"PO-Revision-Date: 2023-08-15 15:14+0800\n": 上次修订此模板的日期和时间。"Last-Translator: cnuu <admin@cnuu.net>\n": 最后翻译此模板的人的名字和电子邮件地址。"Language-Team: \n": 语言团队的名称或标识,通常用于指定负责特定语言的翻译团队。"Language: zh_CN\n": 指定此模板的语言版本,这里是简体中文。"MIME-Version: 1.0\n": MIME版本号。"Content-Type: text/plain; charset=UTF-8\n": 内容类型和字符集,这里是纯文本和UTF-8字符集。"Content-Transfer-Encoding: 8bit\n": 内容传输编码方式,这里是8位编码。"Plural-Forms: nplurals=1; plural=0;\n": 定义复数形式的规则。这里表示该语言只有一种复数形式。"X-Generator: Poedit 3.3.2\n": 用于生成此模板的工具的名称和版本号。"X-Domain: wp-smushit\n": 指定与这个模板相关的域名或项目名称,这里是wp-smushit插件。

然后是双引号包围的字符串,这些是消息ID和对应的原始字符串(msgid)以及翻译后的字符串(msgstr)。例如:

msgid "Smush Pro" 表示原始字符串是 “Smush Pro”。msgstr "Smush 专业版" 表示翻译后的字符串是 “Smush 专业版”。

其中,#: app/class-admin.php:285 app/class-admin.php:324 等行表示这些字符串在哪些源代码文件中出现,以及它们在文件中的具体位置。这对于翻译者来说非常有用,因为他们可以知道这些字符串在哪里使用,以便更好地进行翻译。

如果你理解了上面的内容那么不需要借助其他软件也可以手动创建.po文件了。

文件的命名规则:

例如wp-plugin-name-zh_CN.po

不用说,文件名必须是中文,单词间用-分隔连接,最后zh_CN代表使用ISO 639-1标准规定的语言代码,例如:

en_US(英语)zh_CN(简体中文)fr_FR(法语)de_DE(德语)es_ES(西班牙语)

编辑完成后创建的对应.mo文件应放置在主题或插件目录下的languages文件夹内或者wp-content/languages/对应目录下,不同作者写的方法肯定也不一样,区别对待。

有了以上的知识储备本地化翻译已经不再深奥,相信阅读到这里你已经迫不及待跃跃欲试了,别急,下面的内容可能是你在其他地方找寻不到的实用经验总结。

有可能你会遇到这样的问题,一段文字已经在翻译文件中添加了并且翻译都已生效就是某一部分仍旧无法翻译。

这时候你需要找出这段文字在源代码中出现的位置,确定这段文字(文本)是否已经进行了国际化定义,也就是之前提到的函数__(‘文本域’,”路径域”);,并且路径域是否和你的翻译文件匹配。

如果没有定义函数那么你可以手动修改源代码添加定义函数,你需要了解函数的实用方法以及__()_e()_x()_ex()_n()_nx()等不同函数的区别和用法。如果路径域和你的翻译文件不匹配你也可以修改路径域或者创建一个对应路径域的翻译文件。

还有一种可能就是这段文字最终确定是由JS文件输出的。

如何在 WordPress中翻译JavaScript 中的内容

WordPress 5.0 引入了 wp-i18n JavaScript 包,它提供了添加可翻译字符串所需的功能,就像在 PHP 中一样。原文链接

简单来说,一般情况下由PHP文件输出的文本内容可以直接由mo文件进行翻译,而由JS文件输出的文本内容则需要生成对应的JSON文件才能翻译。

要生成JSON翻译文件可以使用WP-CLI

安装WP-CLI

WP-CLI 是 WordPress 的命令行界面。该项目的目标是为 WordPress 管理员提供一个完整的替代方案;对于您可能想在 WordPress 管理中执行的任何操作,都应该有一个等效的 WP-CLI 命令。

安装 WP-CLI 的推荐方法是下载 Phar 构建(类似于 Java JAR 文件的存档,有关详细信息,请参阅本文),将其标记为可执行文件,并将其放在 PATH 上。

在安装 WP-CLI 之前,请确保您的环境满足最低要求:

类 UNIX 环境(OS X、Linux、FreeBSD、Cygwin);Windows 环境中的有限支持PHP 5.6 或更高版本WordPress 3.7 或更高版本。早于最新 WordPress 版本的版本可能功能降级

验证要求后,使用 或 下载 wp-cli.phar 文件:wgetcurl

curl -O

接下来,检查 Phar 文件以验证它是否正常工作:

php wp-cli.phar --info

要从命令行使用 WP-CLI,请键入 ,使文件可执行并将其移动到 PATH 中的某个位置。例如:wp

chmod +x wp-cli.phar

sudo mv wp-cli.phar /usr/local/bin/wp

如果WP-CLI安装成功,则在运行时应看到如下内容:wp --info

$ wp --info

OS: Linux 5.10.60.1-microsoft-standard-WSL2 #1 SMP Wed Aug 25 23:20:18 UTC 2021 x86_64

Shell: /usr/bin/zsh

PHP binary: /usr/bin/php8.1

PHP version: 8.1.0

php.ini used: /etc/php/8.1/cli/php.ini

MySQL binary: /usr/bin/mysql

MySQL version: mysql Ver 8.0.27-0ubuntu0.20.04.1 for Linux on x86_64 ((Ubuntu))

SQL modes:

WP-CLI root dir: /home/wp-cli/

WP-CLI vendor dir: /home/wp-cli/vendor

WP_CLI phar path:

WP-CLI packages dir: /home/wp-cli/.wp-cli/packages/

WP-CLI global config:

WP-CLI project config: /home/wp-cli/wp-cli.yml

WP-CLI version: 2.9.0

在Windows上安装wp-cli

先安装php然后将php.exe所在的目录添加到系统环境变量Path

然后下载wp-cli.phar放置到指定目录例如我的目录为D:\Tools\wp-cli

在D:\Tools\wp-cli目录下创建wp.bat

输入:

@ECHO OFF

php "D:/Tools/wp-cli/wp-cli.phar" %*

最后在环境变量Path中添加D:\Tools\wp-cli\

更新

您可以使用 (doc) 或重复安装步骤来更新 WP-CLI。wp cli update

如果 WP-CLI 归 root 或其他系统用户所有,则需要运行 .sudo wp cli update

WP-CLI生成JSON翻译文件

wp i18n make-json <po-file-name>.po --no-purge

其中<po-file-name>.po为已经编辑好的po文件。

此命令将生成数个类似plugin-name-zh_CN-[md5].json

md5值不可修改,将生成的json文件放置到对应的目录下即可实现对js输出的文本内容的翻译了。

WP-CLI生成POT翻译模板运行以下命令来生成POT文件:

wp i18n make-pot <pot-file-name>.pot <plugin-or-theme-directory>

在上述命令中,将<pot-file-name>替换为你想要生成的POT文件的名称,例如myplugin。将<plugin-or-theme-directory>替换为你想要提取翻译字符串的插件或主题的目录路径。
2. 执行命令后,WP-CLI将自动扫描你指定的插件或主题目录中的翻译字符串,并将它们提取到指定的POT文件中。
3. 你将得到一个名为<pot-file-name>.pot的文件,其中包含你的WordPress插件或主题的翻译字符串。你可以使用任何文本编辑器打开该文件进行查看和编辑。

wp-cli的安装和使用可访问进行深度的了解和学习。

本文是作者@avenjan对WordPress本地化翻译的一些心得和总结,分享给想要了解此部分知识和技能的朋友,部分内容可能不是十分准确和专业,但也希望能给有需要的朋友带来一些指导和帮助。如有疑问和意见欢迎评论区讨论,感谢关注!

如何在 WordPress 中跟踪第三方域名请求

您想了解如何在 WordPress 中跟踪第三方域请求吗?

如果您的网站速度很慢,那么访问者可能会在网站加载之前就离开。但是,即使您已经优化了网站的每个部分,第三方域请求仍然会对您的页面加载时间产生很大影响。

在本文中,我们将向您展示如何在 WordPress 中跟踪第三方域请求。

为什么要在 WordPress 中跟踪第三方域名请求?

通过减少页面加载时间,您可以改善用户体验、吸引更多访问者并提高 WordPress SEO。有很多方法可以加快您的网站速度,包括优化图像和选择最佳的 WordPress 托管。

然而,即使有最好的托管和优化,第三方域名请求也会影响您网站的性能。

第三方域请求从您的域之外的位置加载内容或资源。一些常见的示例包括来自 Twitter 和 Facebook 等社交媒体网站、Google AdSense 等广告网络,甚至一些 WordPress 评论插件的内容。

大量第三方域名请求可能会降低您网站的速度。但是,有时即使是单个第三方请求也可能会阻止页面其余部分的加载。发生这种情况时,WordPress 将连接到第三方 URL 并下载所有必需的内容,然后再加载页面的其余部分。

话虽如此,让我们看看如何通过在 WordPress 中跟踪和优化第三方域请求来加速您的网站。

如何在 WordPress 中识别第三方域名请求

第一步是使用 Pingdom 识别您的网站发出的所有第三方域请求。 Pingdom 是一种流行的性能监控工具,可让您监控 WordPress 服务器的正常运行时间。它还可以显示您网站的所有第三方域请求。

首先,您需要访问 Pingdom 网站并将您的域名粘贴到“URL”字段中。然后,单击“开始测试”。

片刻之后,Pingdom 将显示您网站性能的详细信息。要查看所有第三方域请求,请滚动到“文件请求”部分。

在这里,您将看到每个请求的内容类型、URL 和大小。

要查找第三方请求,只需查找不以您网站域名开头的任何项目即可。

如果您想了解有关请求的更多信息,只需将鼠标悬停在瀑布图中的条形图上即可。

在这里,您将看到 WordPress 从该第三方域获取内容所采取的所有步骤,包括进行 DNS 查找、SSL 握手以及从该域下载数据。

Pingdom 还显示每个步骤需要多长时间,以便您可以识别对站点性能影响最大的域请求。

如果您不认识第三方服务,只需将其 URL 粘贴到 Google 等搜索引擎中即可。通常,这会打开文档、页面和论坛的链接,您可以在其中了解有关该域的更多信息。

如何优化第三方域名请求

一旦您确定了损害您网站性能的第三方域请求,您可以通过几种不同的方法来优化这些请求并提高您的 WordPress 速度。

方法1.删除第三方域名请求

对于所有 WordPress 博客来说,这并不是一个好选择,但删除一个或多个第三方请求可能会对页面加载时间产生巨大影响。

您可能意外添加了域请求,或者您可能更改了方向,因此特定的第三方请求不再适合您的业务。

例如,您最初可能添加了 Google AdSense,但现在在您的在线商店上销售 WooCommerce 产品赚了更多钱。通过删除 Google AdSense,您可能会提高商店的业绩,从而获得更多的销售额,并且与展示在线广告相比,赚更多的钱。

在这里,没有适用于所有网站的简单解决方案。考虑到这一点,您可能需要尝试从网站中删除不同的服务和内容,然后跟踪这对重要指标(例如转化率)的影响。

如果您确实决定删除发出第三方域请求的功能和插件,那么备份您的 WordPress 网站是明智之举。这使您可以在遇到任何错误或只是意识到自己犯了错误时快速恢复网站。

您可能还希望在进行此更改时将您的网站置于维护模式,以防它破坏您的网站。

删除第三方域请求的步骤将根据请求而有所不同。

但是,您通常可以在相关服务、插件或软件的文档中找到详细的分步指南,或者通过在 Google 中输入搜索查询来找到。有关此主题的更多信息,请参阅我们的指南,了解如何正确请求 WordPress 支持并获得支持。

方法2.删除不需要的WordPress插件

插件是 WordPress 如此受欢迎的一个重要原因。使用正确的插件,您可以添加缺失的功能、扩展内置功能,并将您的 WordPress 博客变成任何类型的网站。

然而,一些 WordPress 插件会发出大量第三方请求,甚至可能会减慢您的网站速度。您可能完全没有意识到这些请求正在发生。

考虑到这一点,最好转到 WordPress 仪表板中的插件 ? 安装的插件,并删除不再需要的任何插件。

您甚至可以尝试用单个 WordPress 插件替换多个较小的插件。例如,市场上有无数的 SEO 插件和工具,但 AIOSEO 是一个完整的 SEO 工具包,可以执行一长串重要的 SEO 任务。

方法 3. 预连接到重要的第三方域

另一种选择是在页面加载过程开始时连接到外部域。当浏览器首先预连接到外部域时,它通常可以更快地下载第三方内容。

请注意,预连接到外部 URL 会占用加载页面其余部分的资源。如果外部资源并不重要,那么以这种方式确定其优先级可能会延迟其余内容,从而损害用户体验。

要使用预连接方法,您需要所有第三方域请求的列表。如果您还没有,那么您可以使用 Pingdom 并按照上述过程获取此信息。

之后,您需要在 WordPress 中添加自定义代码。有些指南会告诉您直接编辑主题文件,但这可能会导致许多常见的 WordPress 错误。您也将无法在不丢失自定义功能的情况下更新 WordPress 主题。

这就是为什么推荐 WPCode。

WPCode 是最好的代码片段插件,允许您添加自定义 CSS、PHP、HTML 等,而不会让您的网站面临风险。您还可以通过单击按钮来启用和禁用代码片段。

首先,您需要安装并激活免费的 WPCode 插件。有关更多信息,请参阅我们有关如何安装 WordPress 插件的分步指南。

激活插件后,转到代码片段?添加片段。

在这里,您将看到可以添加到网站的所有现成的 WPCode 片段。其中包括一个片段,允许您完全禁用评论、上传 WordPress 通常不支持的文件类型、禁用附件页面等等。

只需将鼠标悬停在“添加自定义代码(新代码段)”选项上,然后在出现“使用代码段”按钮时单击即可。

在下一个屏幕上,您需要输入代码片段的标题。这仅供您参考,因此您可以使用任何您想要的东西。

然后,打开“代码类型”下拉列表并选择“JavaScript 片段”。

完成后,您就可以添加 WordPress 应预连接的每个域。

例如,在下面的代码片段中,我们预连接到 Google Fonts。

1

<link rel="preconnect" href="" crossorigin />

在代码编辑器中,只需添加您要使用的每个外部 URL。

完成后,继续滚动到“插入”设置。如果尚未选择,请在此处选择“自动插入”。

然后,您可以打开“位置”下拉列表并选择“站点宽标题”。

当您准备好使代码片段生效时,滚动到页面顶部并单击“非活动”切换按钮,使其更改为“活动”。

然后,单击“保存片段”按钮。

方法 4. 实施 DNS 预取

DNS 预取允许您在访问者需要链接的内容或资源之前在后台执行 DNS 查找。这对于在您的网站上使用的第三方资源特别有用,例如 Google Analytics、Google Fonts 或 WordPress 内容交付网络 (CDN) 服务。

要使用 DNS 预取,只需使用 WPCode 创建一个新的 JavaScript 代码段,并遵循上述相同的过程即可。

完成后,使用以下格式添加要预取的每个域名:

1

<link rel="dns-prefetch" href="//fonts.googleapis.com">

输入此信息后,按照方法 3 中描述的步骤将代码添加到站点范围标头,然后发布代码片段。

方法 5.本地托管资源

如果使用正确,预连接和预取允许您发出第三方域请求,而不会影响访问者体验。但是,只要有可能,您应该尝试在本地托管资源和内容。

从本地服务器检索内容通常要快得多,并且更容易提高内容的性能。例如,您可以使用缓存插件或设置 CDN。

有许多不同的 WordPress 插件和服务可以帮助您在本地托管内容。例如,如果您想使用自定义排版,那么您可以在 WordPress 中托管本地字体,而不是从第三方(例如 Google Fonts)加载它们。

同样,您可以使用 SeedProd 等插件轻松地将独特的图标字体添加到您的 WordPress 主题中。

如果您使用的是 Google Ads、Google Analytics、Campaign Manager 或其他流行的免费 Google 产品,则可以使用 MonsterInsights 和 Performance Addon 将 gtag.js 脚本本地托管在您自己的服务器上。

通过用本地资源替换外部域请求,您通常可以提高网站的性能,而不会影响其功能和内容。

方法 6. 使用延迟加载

延迟加载不是一次性加载所有内容,而是仅下载用户屏幕上可见的内容。然后,当用户向下滚动屏幕时,它将加载更多内容。这可以使页面看起来加载速度更快。

默认情况下,WordPress 将延迟加载图像,但根据图像的位置,它也可能有助于延迟加载外部托管的内容。例如,如果您想在 WordPress 博客文章中嵌入 YouTube 视频,那么您可以选择内置延迟加载的插件。

其他插件(例如 Smash Balloon YouTube Feed)带有内置缓存和视频播放器延迟加载功能。即使您显示来自第三方网站的内容,这也可以缩短感知的页面加载时间。