如何提升WordPress建站的用户体验感

用户体验已经成为网站建设的重要标准，越来越多的公司都会以“网站建设的目的是什么，网站建设的受众是谁”这个来理念来贯彻整个网站建设。今天深圳网站建设公司就和大家分享一下如何提升WordPress建站的用户体验感。


1. 使用快速的网络主机

正如我所提到的，服务器响应时间也称为首字节时间 (TTFB) 会影响每个核心 Web 重要指标。负责服务器响应时间的第一大因素是您的网络主机。他们使用的堆栈非常重要。

虽然快速的服务器响应时间并不能保证您会粉碎核心 Web Vitals，但它为这样做提供了正确的基础。没有正确的基础，其他一切都可能不会产生预期的结果。越快越好。因此，请确保您的网络主机速度快，并且他们使用的是良好的技术堆栈。

例如，在Convesio，他们不遗余力地提供最高可用的硬件和软件来支持他们的平台。这就是他们集成 Cloudflare Enterprise 功能以提高性能的原因。这意味着用户可以为构建快速且对 Core Web Vitals 友好的网站打下坚实的基础。

2. 使用基于服务器的缓存

WordPress 博客和 WooCommerce 大多是动态而非静态的。这意味着网站上的项目不断变化。由于这些更改是有规律的，并且每次访问都必须对数据库进行查询等，因此使用缓存来提供静态的感觉。对象缓存可以极大地改进数据库查询。并且页面缓存可以改善前端渲染。

虽然缓存可以加速 WordPress 网站，但有一个大问题，它被称为缓存命中率。有多少用户通过缓存获得服务？核心 Web Vitals 的真实数据是从 Chrome 用户体验报告 (CrUX) 中收集的。并不是每个 chrome 用户都参与其中。只有那些“选择同步浏览历史记录、未设置同步密码并启用使用情况统计报告”的用户。因此，在每天访问您网站的 1000 名用户中，只有 40 名可能会解释真实世界的数据。

因此，拥有更高的缓存命中率很重要。虽然缓存插件很好，但问题是命中率。使用基于服务器的缓存可以显着提高缓存命中率。这增加了您将缓存内容提供给为您的真实世界核心 Web 生命报告做出贡献的用户的机会。请记住，实验室数据不算数。如果您的 Web 主机不提供基于服务器的缓存，您可以使用Cloudflare为您的站点提供更高的缓存命中率。通常，基于服务器的缓存比基于插件文件的缓存更有效。尤其是当您有很多并发用户时。

3. 使用快速轻量的主题

WordPress 是开源的，拥有非常庞大的社区。迄今为止最大的 CMS 社区。虽然这是一件好事，但它也可能产生坏影响。例如，有很多人为 WordPress 开发产品，诸如 WordPress 主题之类的产品。这些开发人员有不同的经历和动机。

WordPress 社区中有许多编码不当的主题，它们非常臃肿。使用此类主题可能会阻碍您加快网站核心 Web Vitals 速度的努力。一个糟糕的主题会影响 TTFB 和每个指标核心 Web Vitals 指标。确保您寻找一个编码良好的主题，该主题遵循 Google 的所有公认最佳实践。而且它很轻，不臃肿。像Yellowlab.tools这样的工具可以帮助您测试任何主题的演示，看看它在考虑最佳实践的情况下如何执行。

4. 移除不必要的插件

虽然插件不是坏事，但使用编码不当的插件弊大于利。当用户访问您的网站时，插件会增加请求的数量。理想的解决方案是只使用必要的插件。并且还要为各种需求寻找最轻量级和编码良好的插件。请记住，插件的流行并不意味着它最适合该目的。

5.优化JS

优化 JavaScript (JS) 将大大改善您所有的核心 Web 重要指标。如果您曾经在PageSpeed Insights或Web.dev等工具上测试过您的网站，并且收到“消除渲染阻塞资源”警告，那么这很可能是由 JS 引起的。您可以删除注释和空格以减小 JS 文件的大小。推迟加载非关键 JS 也会有所帮助。

一些插件可以帮助实现这一点，一个例子是Autooptimize。虽然我们建议您使用基于服务器的缓存，但一些缓存插件具有可以实现这一点以及更多功能的功能。一个例子是 WP Rocket 和 WP Fastest Cache。如果您使用基于服务器的缓存，您可以关闭它们的缓存功能并使用优化功能。

6.优化CSS

当您通过 Google PageSpeed Insight 运行您的网站时，“删除未使用的 CSS”是非常常见的建议。当用户访问您的网站时，浏览器将在呈现之前首先加载并执行您网站标题中引用的所有 CSS。如果它们太多，它会减慢速度。一些插件甚至在不需要的页面上加载它们的 CSS。

您可以为您的页面生成关键 CSS，这将消除由 CSS 引起的所有问题，并且浏览器只会首先加载关键 CSS。删除空格和注释可以减小文件大小。您可以使用Asset CleanUp等免费插件删除页面中未使用的 CSS 。

7. 使用 CDN

互联网是全球性的。除非您将网站访问限制在特定地区，否则您将获得来自全球各地的用户。虽然您的网站可能托管在您所在的国家/地区并在那里快速加载，但您的用户可能位于距您 10,000 多公里以外的国家/地区，这对您的 Core Web Vital 分数有所贡献。

使用内容交付网络 (CDN) 可确保您的网站在全球范围内快速提供服务。如果您有来自世界不同地区的用户，您会看到页面速度有很大提高，同时也提供更好的用户体验。

8、优化广告投放

首屏广告对您的 LCP 和 CLS 影响最大。如果广告中的图片大于首屏的所有图片或文本块，则可以计入您网站的 LCP。在AdSense和类似广告网络上投放的图片的问题在于您无法对其进行优化。而且它们可能未经优化。这是你无法控制的。如果它不会影响您的收入，请考虑移除首屏广告，尤其是针对移动设备的广告。此外，在首屏使用响应式广告会影响 CLS，因为加载时布局会发生变化。您可以通过为广告设置最小高度属性来克服此问题。这将防止布局偏移。

9. 延迟加载图片

图像会影响页面的大小。页面越大，加载所需的时间就越长。延迟加载图像将确保图像仅在需要时加载，从而减少页面大小并缩短加载时间。您可能已经在速度测试工具中看到警告“延迟屏幕外图像”。它只是告诉您延迟加载图像。

10.设置图片属性

当布局发生变化时会发生 CLS。例如，浏览您的主页并突然加载图像，页面变大并且您正在阅读的网站部分现在不在视野中。那是布局转变。设置 size 属性将在页面加载时保留该大小。这样当图像最终出现时，不会出现布局偏移。