你有 WordPress 网站吗？ 您是否面临 WordPress 网站低速性能的问题？ 你想提高你的网站速度吗？ “如何加快您的 WordPress 网站”？

这篇文章将帮助您提高 WordPress 网站的速度性能。 让我们开始吧…

定义出色用户体验的最重要标准是网页的快速加载速度。

快速加载页面可以提高页面浏览量，并帮助您提高在搜索引擎上的排名。

因此，您几乎没有时间向用户/访问者展示您的 Web 内容并将它们保留在您的网站上。

一个缓慢的网站通常会让访问者在没有完全加载的情况下离开。

在线用户总是很着急，想要快速的结果； 如果加载时间更长，他们往往会失去浏览网站的兴趣。

大约 53% 的移动访问者会离开时间超过 3 秒的网站。

根据一项涉及谷歌、亚马逊和其他大公司等大公司的 StrangeLoop 研究，页面加载每延迟一秒就会导致 7% 的转换损失。

除此之外，页面浏览量下降了 11%，整体客户满意度下降了 16%。

现在众所周知，谷歌和其他搜索引擎已经开始在搜索结果中下推网站，这需要大量加载时间，从而影响到缓慢的 WordPress 网站的流量生成。

因此，如果您必须从您的网站获得更多流量、用户、订阅者和收入，那么加速您的 WordPress 网站至关重要。

本文将为您提供有关页面速度、网站速度慢以及克服所有相关问题需要做什么的所有必要细节。

为了开始，首先您需要了解导致 WordPress 网站加载缓慢或响应时间不佳的原因，以及您需要采取哪些步骤来加快 WordPress 网站的性能。

这将帮助您考虑解决问题必须采取的正确步骤，并有助于提高您的 WordPress 网站速度。

跨页面体验参数测试 WordPress 网站的性能有助于将选择的内容归零，从而提高速度。

代码缩小、视频或图像优化以及服务器托管升级是人们在寻求 WordPress 网站速度改进时可能必须考虑的一些主要因素。

您还应该定期进行网站审核，以避免速度障碍并留住用户浏览您网站上的内容。

进一步阅读以了解网页如何加载以及为什么慢速是一场噩梦！

提高 WordPress 网站速度成功的重要提示

找出在减慢 WordPress 网站速度方面起关键作用的因素，以及快速加快 WordPress 网站速度所必须采取的步骤。

目录

• WordPress 网站的网页加载速度如何？
• 您可以对 WordPress 网站速度做些什么！？
• PSI 如何帮助提高 WordPress 网站速度？
• 最大的内容涂料
• 以下是影响 LCP 的因素
• 首次输入延迟 (FID)
• 什么是累积布局偏移 (CLS)？
• 如何改进 CLS？
• 优化图像和视频
• 优化服务器托管
• 用户的硬件和网络连接
• 托管服务
• 缓存的优势
• 不要使用很多重定向
• 插件审核
• 使用内容交付网络 (CDN)
• 结论

找到一种快速提高 WordPress 网站速度的方法

WordPress 网站的网页加载速度如何运作？

必须了解影响网页内容加载方式、WordPress 网站速度加载和网站性能指标的因素。

您可以对 WordPress 网站速度做些什么！

我们在访问网站时所看到的几秒钟内发生的事情，实际上是一个复杂且多层次的技术过程。 让我们看看那些：

1. 服务器请求：第一步是在键入 URL 或单击链接时向服务器发出请求。
2. HTML 响应：在收到请求后，服务器对其进行处理以向用户的浏览器发送 HTML 响应。
3. 页面渲染：由 HTML 对象（DOM 树）构建的页面文档对象模型由浏览器连同 CSS 属性一起创建，以渲染网页。
4. 布局：浏览器进一步定义了网页的布局过程，元素的放置和格式，绘画，在网页的正确位置。

用户与特定网页交互的方式取决于不同的页面体验信号。

以下页面体验信号对于确定有助于提高 WordPress 网站速度的用户体验至关重要：

一世。 Core Web Vitals ：网络指标中有一些主要因素会强烈影响用户在网页上的交互、页面加载性能和视觉稳定性，它们是首次输入延迟 (FID)、最大内容绘制 (LCP) 和累积布局转换 (CLS)

Google 的专家建议，Core Web Vitals 指标有助于确保成功的网页导航。

ii. 移动友好格式：移动优化是谷歌搜索的首要任务之一。

由于大多数用户通过移动设备浏览互联网，因此必须创建适合移动设备的设计，以快速吸引注意力并加快加载速度。

iii. 安全浏览：网站的安全浏览算法会处理任何威胁或恶意行为，并确保您的网站和用户的浏览会话安全。

iv. HTTPS连接：我们都知道根据谷歌每个HTTP网站都是不安全的，所以第一件事就是尽早切换到HTTPS。

v. 可访问性：弹出式窗口和其他插页式广告将受到 Google 的处罚，除非它们不能保持合理的大小并继续对用户造成不愉快的惊喜。

坚持依法创建的非公开可索引登录对话框和弹出窗口。

PSI 如何帮助提高 WordPress 网站速度？ 让我们了解一下……

谷歌有一个称为 Page Speed Insights (PSI) 的工具，它有助于衡量网站速度排名，并提供更广泛的机会来改进优化，更快地将网站加载给用户。

PSI 允许以下优化建议来提高 WordPress 网站速度：

• 减少服务器响应时间
• 删除折叠内容中的渲染块 JavaScript 和 CSS
• 利用浏览器缓存
• 允许压缩
• 优化图像和文件
• 缩小 CSS、HTML 和 JavaScript
• 允许可见内容
• 避免着陆页重定向

最大的内容涂料

Largest Contentful Paint 或 LCP 是最大的渲染图像或文本块。

转到 Google Search Console 查看那里的数据，因为这是 Google 在衡量您的网站时会使用的数据类型。

对于速度较慢的 WordPress 网站或任何网站，搜索引擎评估网站速度的决定因素是检查第一次呈现的速度。

称为 Chrome 的 DevTools 的速度测量工具是各种以开发人员为中心的工具的汇编，用于准确确定页面加载时会发生什么。

整个页面加载速度有多快并不重要。

同样，您的网站必须允许用户看到他们在视口中首次遇到的页面块并与之无缝交互。

以下是影响 LCP 的因素：

1. 服务器的响应时间：LCP 受服务器响应时间的影响很大，这进一步取决于数据库、托管服务提供商等等。

如果您的网站主机与多个其他网站共享其服务器，您可能会在交通高峰时段遭受重创。

发出请求后，访问者必须等待服务器响应，如果它忙于处理其他请求，它最终会变得迟缓，这是共享主机中非常常见的问题。

2. 渲染阻止 JavaScript 和 CSS ：在 HTML 处理期间，浏览器通常会遇到等待从服务器下载以供进一步执行的 JS 和 CSS 文件。

只有这些 JS 和 CSS 文件才能使网页具有交互性并带来视觉吸引力。

默认情况下，JavaScript 会阻止 DOM 构造，这就是为什么让 JavaScript 异步以防止解析器被阻塞很重要的原因。

3. 资源加载指标：每个资源（如图像、视频、文件等）使用的加载持续时间对 LCP 有很大影响。
4. Time to First Byte：也是诊断网站 LCP 和整体性能的有用指标。 TTFB 是用户的浏览器接收页面内容的第一个字节所花费的时间。

对于 WordPress 网站，各种服务器规范、插件、格式和主题决定了服务器的响应时间。

更新服务器并使用更优化的主题和插件确实有帮助。

5. First Contentful Paint： FCP 是一个以用户为中心的指标，用于衡量网页加载速度。 它从用户的角度确定网站的性能，而不是传统的速度测试措施。

FCP 测量用户在浏览器上有效地浏览内容所需的时间。 快速 FCP 让用户保持联系，您就是您的网站，并向用户保证正在发生的事情。

FCP 可以通过实验室测试和现场测试（实际使用经验）来测量。 根据 Google 的说法，当 FCP 在 1.8 秒或更短的时间内发生时，将为您网站的访问者提供良好的用户体验。

首次输入延迟 (FID)

FID 决定网页的交互速度。 当用户访问站点或单击链接/站点元素时，浏览器会处理该操作以提供结果。

访问者期望更快的结果，交互速度取决于用于由用户操作触发的页面内容的内部和第三方代码。

FID 是一个字段度量：用户可以随时点击页面上的任何 Web 元素，每个元素都可以有特定的延迟。

您只能使用 Google 的跟踪库、Event Timing API 或 web-vitals JavaScript 库使用 JavaScript 测量 FID。

什么是累积布局偏移 (CLS)？

CLS 定义了网页的稳定性。 它决定了网页内容稳定的速度。 在网页上随机或异步加载资源会导致动态添加 DOM 元素，并且内容的某些片段会移动。

低 CLS 确保质量、可用性和令人愉快的浏览体验。

布局转变背后的原因是什么？

• 具有不特定尺寸的随机文件、图像或视频
• 第三方广告、弹出窗口或小部件
• 不规则大小和未指定的字体

如何改进 CLS？

• 使用大小合适的特定文件、图像和视频。 放置易于加载和响应式的图像。
• 避免在网页上分层内容。 不要在现有内容之上合并新内容。
• 通过注意文件或图像的纵横比和大小属性来避免布局变化。
• 始终为第三方广告或小部件保存一个广告位或选择具有固定尺寸的广告单元。
• 在放入动画和预加载字体文件或字体时使用 CSS 转换属性：优化字体的显示值。

衡量核心网络生命力的工具

要获取有关您网站的 Core Web Vitals 的数据，您可以使用 Chrome 用户体验报告或 CrUX（仅收集已选择加入的 Chrome 用户的数据）、PageSpeed Insights（合并来自 CrUX 的数据）或 Search Console 的 Core Web生命体征报告。

您还可以在实验室环境中使用 Chrome DevTools 和 Lighthouse for WordPress 网站速度测试这些指标，从而提高网页质量。

除此之外，许多网站监控解决方案都会分析 Core Web Vitals。

开始提高您的 WordPress 网站的速度

所以，现在你必须清楚你的WordPress网站速度和用户流量的不足，如何检查网站的薄弱环节，以及关注哪些参数来让网站的性能回到正轨！

现在是开始思考实际改善页面体验信号必须考虑的操作模式的时候了。

以下是要检查和处理的主要元素：

• 代码缩小
• 视觉内容优化
• 主机升级

代码缩小

为了优化您的代码以实现 SEO，您必须查找所有不必要的和渲染阻塞源并删除它们。

缩小过程是指消除代码的所有冗余部分，例如未使用的源代码、注释等。

从缩小代码开始； 删除所有不必要且未使用的内容。

该过程使 CSS 和 JS 文件更小，使它们能够更快地在浏览器中加载并消耗更少的带宽。

缩小可以手动实现，也可以借助 Google 推荐的 CSSNano 和 UglifyJS 等自动缩小工具来实现。

如果您不确定要删除哪些未使用的代码，那么您只需转到 Chrome 中的开发者工具即可； 打开它并转到 Sources 选项卡，最后转到 Coverage 选项卡，它提供有关 JS 和 CSS 文件的实际数据，并显示页面上实际执行的代码量。

最小化外部脚本

每次加载网页时，还要加载 CTA 按钮、弹出窗口或从其他地方加载的任何脚本网页元素。

最小化外部脚本会有所帮助，因为它们会根据脚本大小大大降低网页速度。

设备特定版本

代码的分发有助于根据设备类型限制来源。

浏览器检测设备的类型并将信息发送到服务器，以便服务器可以相应地响应站点的相应版本。

为了让这种情况发生，网站的代码应该包含与不同设备兼容的各种合适的版本，使每个单独的网站免于不必要的代码请求。

内联 CSS

在呈现页面之前，浏览器需要通过解析 HTML 标记来构建 DOM 树。

遇到脚本时，解析器会在继续解析 HTML 之前执行它。 该过程导致第一页呈现的延迟时间。

有必要通过内联、异步或延迟 JavaScript 尽量减少阻塞 JavaScript 的使用。

大多数时候，如果对 CSS 代码了解不多，使用内联 CSS 确实会有所帮助。

这样，您将直接将样式应用于每个 HTML 元素，并且浏览器不需要单独下载 CSS 文件，这将允许更快的首次渲染。

渐进式渲染

在第一次渲染之前遇到 CSS 或 JS 文件时，浏览器必须执行它们以便进程暂停。

可以在 WebPageTest 上运行测试，以识别网页上任何潜在的渲染阻塞源。 如果代码负责网页上的主要用户体验，则必须避免它。

对于那些不需要立即加载的元素（如社交分享按钮），可以异步加载 JavaScript。

有两个属性可以帮助分配脚本负载，以便资源异步可用，即同步和延迟。

它们都减少了浏览器的 HTML 解析时间，而不会破坏页面上的显示方式。 这些属性也可以应用于第三方 JS。

优化图像和视频

沉重的网页是加权视觉内容的结果。 大约 21% 的页面重量是由视觉内容引起的，因此正确优化图像和视频非常重要。

沉重的视觉内容会减慢网站的速度，使其难以及时加载。

如果您的文件或视觉内容没有针对大小或加载速度进行优化，它们可能会导致网站严重变慢。

图片应该调整大小以适应您的 WordPress 网站主题的大小尺寸，同时小于 200kb。

各种 WordPress 网站包含大量内容，包括大量文件、图形、图像或视频。

缺乏对此类视觉内容的优化会导致这些网站的加载速度变慢，最终会降低 Google PageSpeed Insights 中的分数，因此可以考虑通过使用 SHORTPIXEL 等工具压缩这些重图像或视频来升级他们的网站。

让我们进一步了解有关视觉内容的基本强制性步骤，以提高 WordPress 网站速度页面体验：

• 在不损失质量的情况下调整图像大小：使用 CMS 中内置的图像压缩解决方案。
• 使用与浏览器兼容的文件格式：JPEG 和 PNG 是最常见的图像格式。 WebP 是一种很有前途的格式； 但是，并非所有浏览器都支持它。 使用 GIF 很好，但如果它们很重，那么必须考虑将它们转换为视频文件。
• 指定多个比率：使图像在任何设备上看起来都不错。 请注意，大多数流行的 CMS 都会为您执行此操作。
• 异步加载：如果您的网页包含许多图像，那么您必须允许它们异步加载以提高第一次渲染的速度。 延迟加载和解码是要使用的方法。
• 在第三方网站上托管大型视频文件，以减少您网站的加载过程时间。

优化服务器托管和资源交付有助于提高 WordPress 网站速度

根据搜索引擎算法优化您的 WordPress 网站非常重要。

SE Ranking 中的网站审核让您大致了解服务器响应 WordPress 网站页面的速度。

AMP 页面的使用有助于增加移动速度时间。

使用 AMP 页面，您需要做的就是手动分离页面的不同元素，以尽可能减轻它们的重量，从而加快加载速度。

在优化服务器响应时间时要考虑的其他操作涉及：

• 网站流量
• 从用户端看设备和网络的容量
• 每个网页上的资源
• 选择合适的托管解决方案
• CMS 和插件

用户的硬件和网络连接有助于提高 WordPress 网站速度

用户设备的类型是影响网页交互性的一个重要因素。

访问者如何与您的网站进行交互很大程度上取决于所使用的设备类型和连接。

与使用稳定连接的 PC 相比，从 CPU 功率和内存有限的智能手机浏览网站相当乏味。

因此，调查和跟踪大多数访问者使用的设备类型并测试网站在这些设备上的负载和性能非常重要。

在这里，您可以模拟较慢的连接和功能较弱的设备。

托管服务

即使您已尽最大努力优化网站上的资源，共享主机也确实会影响您的网站加载速度和用户体验。

托管市场提供多种高性价比的解决方案，满足您的需求； 但是，其中很多不适合处理产品或服务的商业网站、加载视觉内容的网站或来自许多不同位置的目标用户。

为了克服相关问题，建议选择专用服务器，避免跨网站共享托管。

如果您的预算不灵活，无需担心。 您可以通过选择在共享主机环境中模拟专用服务器的虚拟专用服务器 (VPS) 从共享主机升级。

利用缓存提高 WordPress 网站速度

• 为移动设备启用缓存有助于提高您的 WordPress 网站速度
• 根据您的 XML 站点地图首选项激活基于站点地图的缓存预加载

要为 WordPress 启用缓存，可以编写代码或简单地使用 W3 Total Cache 或 WP Rocket 等插件。

一些托管服务提供商会自动缓存静态内容，最终优化服务器的性能。

缓存允许您存储先前显示的内容，以便通过指示服务器或浏览器在用户每次返回页面时不要加载它。

从缓存中直接加载内容通过减少服务器资源来提升性能。

据观察，服务器端缓存可以将加载时间减少多达 30% 甚至更多。

不要使用很多重定向

重定向是将访问者从一个网页转发到另一个网页。 每次重定向都会添加一些额外的秒数或更多时间来加载页面。

这种延迟会影响整个 WordPress 网站的加载速度和用户体验。 它们有时可以使用，但建议避免过多的重定向。

必须减少冗余重定向的数量，因为每个重定向都会减慢页面加载过程。 开始使用可帮助您跟踪单个和批量重定向的工具。

SE Ranking 的网站审核允许您检查网站上的重定向、跟踪其状态代码并识别潜在的有害问题。

插件审核

插件显着影响网站的速度和整体性能。 使用 CMS 和最新插件（基于最新的 PHP 版本）至关重要。

使用测试工具检查减慢您网站速度的插件。

MonsterInsights 是一个 WordPress 插件，可以毫不费力地实时测量您的所有 Google Analytics 数据、Google Search Console 报告、电子商务报告和 SEO 排名报告。

MonsterInsights 为所有设备和活动快速使用通用跟踪系统，无需任何代码实现。

借助 MonsterInsights，您可以跟踪文件下载、页面浏览量以及获得最大文件下载量的国家/地区。

另一个名为 Jetpack 的插件在单个自定义包中提供了 20 个插件的广泛服务。

如果您的网站没有响应式设计，您可以从其通用 CDN 提供图像，启用图像延迟加载并使用 Jetpack Mobile 主题。

使用内容交付网络 (CDN)

内容交付网络通过在全球不同位置缓存内容来提高 WordPress 网站速度。

与主机服务器相比，CDN 缓存服务器更接近最终用户。

使用 CDN 可以大大缩短您的网页加载时间、降低跳出率并提高用户在您网站上的留存率。

CDN 服务器通过减少源服务器上的数据量来降低服务器端的带宽成本。

(左) 单服务器分发 (右) CDN 分发方案

CDN 可以提供自动缩小和压缩存储在其服务器上的代码文件。

使用 StackPath 等 CDN 工具可帮助您上传图像或视频，而不会影响质量或大小，最终更快地加载您的网站。

关于提高 WordPress 网站速度的结帐结论

没有网页优化肯定会严重影响您的 SEO 和网站速度。

定期测试您的网站速度很重要。

各种开发人员和营销经理都关心测试其网站的速度状态，并采取积极措施克服潜在问题（如果有）。

具有高速和高性能的 WordPress 网站会带来高回访和低跳出率。

它们提供更高的参与度、更高的转化率和创收率、更高的自然搜索排名以及无缝的用户体验。

相反，较慢的可能会花费您金钱并损害您的善意。 找出问题并寻找最适合的解决方案来提高您的 WordPress 网站加载速度。

减少页面加载时间可以促进营销和销售流程，为您的网站提供更高的流量并吸引合格的、可转换的潜在客户。