优化WordPress似乎是一项艰巨的任务。放置插件会破坏一切。它很快就会变成一团糟。一些图像质量插件使图像难看,小巧,无法使用。您最终会失去网站质量以提高性能。不用担心,我们将逐步教您如何优化wordpress以及应注意的地方。

要求

  1. 自动优化。获取插件 这里
  2. 服务器上安装的LiteSpeed缓存(可选)
  3. PerfMatters。获取插件 这里
  4. ShortPixel(您可以使用Litespeed替换此插件)

我强烈建议您使用此插件来优化WordPress网站。它们可能非常有用,并且可以廉价地优化您的网站页面。

警告:这可能会破坏您的WordPress网站。在应用到正在运行的网站之前,请创建一个沙箱以尝试此设置。

自动优化

自动优化是生成关键CSS的最佳插件,这意味着它将删除CSS代码中的大部分无用部分。它还优化了JS代码并使其最小化。

JavaScript选项

一些选项可能会破坏您的网站。我已经用颜色放置了您可能要应用于您的网站的设置。绿色的图标不太可能破坏您的网站,红色的图标更有可能破坏您的网站。如果您知道您的网站已损坏,请查看已损坏的.js,然后尝试将其添加为“排除自动优化”。这将解决大多数问题。

还聚合内联JS吗?
汇总JS文件? 汇总所有链接的JS文件以加载非渲染阻止?如果关闭此选项,则单个JS文件将保留在原位置,但将被缩小。
还聚合内联JS吗? 让Autoptimize也从HTML中提取JS。 警告:这可以使Autoptimize的缓存大小快速增长,因此只有在知道自己在做什么的情况下才启用它。
强制加入JavaScript ? 尽早加载JavaScript,这可能会解决一些JS错误,但是会使JS呈现阻塞。
从“自动优化”中排除脚本:
要从优化中排除的脚本的逗号分隔列表,例如“ whatever.js,another.js”(不带引号)以排除由Autoptimize聚合的那些脚本。重要提示:除非禁用了“ misc”下的该选项,否则“自动优化”仍然会消除排除的非最小化文件。
添加try-catch包装? 如果您的脚本由于JS错误而中断,则可能需要尝试一下。

CSS选项

CSS选项

内联和推迟CSS?
汇总CSS文件? 汇总所有链接的CSS文件?如果关闭此选项,则单个CSS文件将保留在原位置,但将被缩小。
还汇总内联CSS? 选中此选项以进行自动优化以在HTML中聚合CSS。
生成数据:图像的URI? 启用此选项可在CSS本身中包含小的背景图像,而不是作为单独的下载内容。
内联和推迟CSS? 仅在页面加载后才加载主要自动优化的CSS时,内联“在CSS之上”。 查看常见问题 有关更多信息。可以针对不同类型的页面实现完全自动化 关键CSS 标签。
内联所有CSS? 内联所有CSS是阻止CSS被渲染阻止的简便方法,但是通常不建议这样做,因为HTML的大小会大大增加。另外,它可能会将元标记向下推到某个位置,例如Facebook和Whatsapp将再也找不到它们,从而在共享时破坏缩略图。

不建议使用“内联所有CSS”,因为它会增加加载时间。虽然可以“异步”加载它,但它会加载到页面上,并且可能会延迟第一次绘制的时间。

HTML优化

优化HTML代码?
保留HTML注释? 如果希望HTML注释保留在页面中,请启用此选项。

我不建议您不要保留html注释,因为它们往往没有任何功能。

图像优化

只需勾选几个复选框以优化和延迟加载图像即可大大提高您的站点速度,其中包括WebP支持!

优化图像快速优化图像,并通过Shortpixel的全球CDN提供服务。通过优化您的公开可用图像(也采用“下一代” WebP图像格式),获得Google的更多喜爱,并提高网站的加载速度。 短像素 然后从Shortpixel的全局CDN缓存并快速投放。 立即注册 无论使用何种流量,均可获得1000奖金+ 50%的图像优化积分。从$4.99开始,可以购买更多图像优化。问题?看看 ShortPixel常见问题解答!仅适用于公开可用的网站/图像。此功能的使用取决于Shortpixel的 使用条款 和 隐私政策.
延迟加载图片?图像延迟加载将延迟不可见图像的加载,以使浏览器可以最佳地首先加载“折叠以上”页面的所有资源。

这应该可以为您的网站进行设置。简单,没有太大麻烦。这个插件也是免费的。

正如我所说,请务必进行彻底测试。这可能会破坏某些功能。

额外的优化

Google字体照原样
删除谷歌字体
合并并链接到头部(字体加载速度快,但呈现阻塞),包括 显示:交换.
合并并预加载到头部(字体加载较晚,但没有渲染阻止),包括 显示:交换.
与异步合并和加载字体 webfont.js
删除表情符号删除WordPress的核心表情符号的内联CSS,内联JavaScript和其他未自动优化的JavaScript文件。
从静态资源中删除查询字符串删除查询字符串(或更具体地说, 版本 参数)不会改善加载时间,但可能会提高性能得分。

现在,棘手的部分来了。仅当您确定自己在做什么时,才应该执行此部分。

转到tools.pingdom.com并测试您的网站。

在1小时内优化Wordpress的简易指南。 1个

您将看到类似的内容。现在,这将告诉您应该重新连接或dns预取的链接。这是一个很好的例子,因为我们的网站仅重新连接到Google字体。这意味着将更少的时间用于对其他网站进行DNS查找。在这种情况下,它不是很相关,但是在此示例中,我可以输入:

fonts.gstatic.com,fonts.googleapis.com

另外,请务必听取Google速度分析,因为它会告诉您是否需要预先加载任何请求。如果他们建议您预加载任何.js或.css,然后将其放在“预加载特定请求”中并键入。在我的情况下,我将按他们建议先加载字体的方式放置字体,以缩短首次渲染的时间。

使用自动优化的其他优点之一是,它使您有机会生成缓存文件。这会创建很多文件,因此请确保它对您的网站有用。此外,每次删除缓存时,加载网站的时间都会更多。如果您的网站访问量很多,可能会使其崩溃并使用异常数量的CPU。

香气

该插件的费用。但这绝对值得。

选件

选择您要启用的性能选项。

禁用表情符号启用
禁用嵌入启用
删除查询字符串启用
禁用XML-RPC启用
删除jQuery Migrate启用
隐藏WP版本启用
删除wlwmanifest链接启用
删除RSD链接启用
删除短链接启用
禁用RSS源启用
删除RSS Feed链接启用
禁用自我Pingbacks启用
禁用REST API启用
删除REST API链接启用
禁用Dashicons启用
禁用谷歌地图启用
停用Google字体启用
禁用密码强度计启用
禁用评论启用
删除评论网址启用
延迟加载启用
使用本机启用
禁用心跳DefaultDisable EverywhereOnly仅在编辑帖子/页面时允许
心跳频率15秒(默认)30秒45秒60秒
限制帖子修订DefaultDisable Post Revisions123451015202530
自动保存间隔1分钟(默认)2分钟3分钟4分钟5分钟
更改登录网址出于安全目的可能很有用。

这在很大程度上取决于您的网站。如果您有Google Maps或不需要Google字体,请按照最适合您的网站的方式进行操作。同样进行彻底的测试,并确保它不影响任何功能。

在其他选项卡上,启用“脚本管理器”。

这部分非常有用,因为在Google中,您经常会收到一条警告,提示“删除未使用的CSS文件”或“删除未使用的js文件”

在1小时内优化Wordpress的简易指南。 2

在此示例中,您会看到一些几乎完全未使用的文件。他们说可以节省10.3 KB的10.6 KB,这意味着删除它可能很安全。进行彻底测试。 Perfmatters在这里为我们提供了帮助,因为您可以直接禁用它们。

转到http://yourwpdomain.com/yourwpdirectory/fileyouwanttoedit表现

或只是添加 表现 到您要优化的页面。

在这里,您将看到正在加载的脚本。

在1小时内优化Wordpress的简易指南。 3

一些将具有以下信息:

在1小时内优化Wordpress的简易指南。 4

在这里,您可以将其与未使用的.css的google建议进行匹配。禁用您认为不会影响您的网站的所有未使用的CSS。还要对.js文件执行此操作。但是正如我之前所说,您几乎必须通过设置和逐页检查设置来查看哪个有效,而哪个无效。此插件将删除所有未使用的.js和.css文件,这将大大提高您的性能。

短像素–图像优化

Shortpixel是市场上最好的图像优化器之一。这是我的设置:

短像素图像优化

就我个人而言,我非常关心图像质量。因此,我决定将图像尺寸调整为1025×1024。此处介绍的大多数设置对于您的网站将非常有用。

建议您在高级页面设置上启用以下选项:

CMYK到RGB转换 调整图像的颜色以用于计算机和移动屏幕显示。网络图像仅需要RGB格式,并将它们从CMYK转换为RGB使其更小。
WebP图片:在前端交付图像的WebP版本:
同时创建 WebP版本 的图像, 免费.
 使用标签语法
 全局(在将HTML发送到浏览器之前处理整个输出缓冲区)
优化视网膜图像 如果存在Retina图像(@ 2x),也要对其进行优化。如果您有一个Retina插件可以生成特定于Retina的图像(@ 2x),ShortPixel也可以优化它们,以及常规的媒体库图像和缩略图。  更多信息 
优化其他拇指 还可以优化未列出的缩略图,有些插件会创建未在元数据中注册的缩略图,而只会与其他缩略图一起创建。让ShortPixel也对其进行优化。 
优化PDF 自动优化PDF文档。

如果要启用“将PNG图像转换为JPEG”,则应格外小心,因为它有时会篡改您想要的具有透明背景的图像。

您还应该启用以下功能:

优化上传媒体 媒体库项目上传后自动优化(推荐)。默认情况下,ShortPixel将自动优化所有新上传的图像和PDF文件。如果取消选中此选项,则需要运行Bulk ShortPixel或转到“媒体库”(在列表视图中),然后单击右侧的“立即优化”按钮。 
前端处理 自动优化前端用户添加的图像。如果您有用户从前端自定义表单添加图像或PDF文档,请选中此选项。如果同时连接许多用户,则可能会增加服务器的负载。

LiteSpeed缓存

仅当您具有Litespeed服务器时,才应使用此插件。它大大减少了响应时间。

转到缓存并启用“缓存控制设置”上的所有设置。同样启用缓存控制设置。有关更多信息,请访问 Litespeed网站。

分享到facebook
脸书
分享到twitter
推特
分享到linkedin
领英
在这篇文章中: