如何测试你的WordPress网站的功能、速度和安全性

跨浏览器支持

在多个浏览器上测试你的WordPress网站是很重要的，可以看到你的网站对所有访问者来说是什么样子。这是因为不同的浏览器使用不同的代码。因此，每个浏览器以自己的方式处理和显示元素。

例如，一个用Chrome浏览器访问你的网站的用户与一个用Firefox浏览器访问你的网站的用户可能会有不同的看法。而在2021年，虽然有32亿互联网用户首选Chrome作为他们的主要浏览器，但大量用户继续使用Firefox、Edge、Opera和Safari。

你可能想知道哪些浏览器在你的访客中很受欢迎，以便专门为这些浏览器优化你的网站。如果你使用谷歌分析，你可以在你的受众报告中找到这些信息。

然后，你可以使用BrowserStack等工具测试你的网站是否支持跨浏览器：

用BrowserStack运行跨浏览器测试

通过BrowserStack，你可以在3000种不同的浏览器上测试你的网站，包括最新版本的Edge、Safari、Firefox和Chrome。你还可以在投入付费计划之前利用免费试用。

单元测试

单元测试涉及测试一个应用程序的最小单元。它可能是一个函数、属性或方法。然后分析这些单元的正确操作，以确保应用程序的行为符合预期。

你可以使用第三方工具（如Travis CI）自动运行单元测试。但是，在开发过程中，在本地进行测试要比应用修改和等待Travis CI运行测试更快。

例如，你可能想对一个主题或插件进行单元测试。要做到这一点，你需要安装Git、SVN、PHP和Apache。此外，你还需要准备好你的插件。

为了开始，打开DevKinsta来启动你的本地开发环境。然后，安装PHPUnit。现在，你需要用以下命令来生成插件的测试文件：

在这一点上，你可以通过运行安装脚本在本地初始化测试环境：

这个脚本在 /tmp 目录和WordPress单元测试工具中安装了WordPress的副本。

下一步是使用 phpunit 来运行插件测试。关于完整的说明，请查看这个单元测试的指南。

移动/桌面响应性

由于超过60%的人使用移动设备上网，确保你的WordPress网站是响应性的，这比以往任何时候都重要。这样，你可以确保你的页面在所有的屏幕尺寸上都能顺利显示，包括桌面、平板和手机。

测试你的网站的响应性的最简单的方法是在你的移动设备上简单地输入你的网站的URL。然而，如果你想从你的桌面上测试你的网站的外观，你可以使用WordPress定制器来做。

只需前往外观>自定义：

用WordPress定制器测试WordPress的响应性

根据你的主题，你会看到不同的面板。但是，在你的页面底部，你可以点击移动或平板电脑图标，在指定的屏幕尺寸下预览你的网站。

此外，你可以访问谷歌浏览器的开发者工具，看看你的WordPress网站在移动设备上是如何显示的。你需要做的就是在谷歌浏览器中打开你网站上的一个页面。

然后，右键点击该页面，选择检查：

用谷歌浏览器的检查功能测试WordPress的响应性

现在，在弹出窗口的顶部找到 “显示/隐藏设备工具栏“（在元素标签的左边）：

点击Chrome浏览器检查中的显示/隐藏设备工具栏

点击它，你的屏幕就会立即适应：

用谷歌浏览器的检查功能以移动视图查看您的网站

正如你所看到的，你现在能够测试你的网站在自适应尺寸中的显示情况。如果你点击尺寸下拉菜单，你可以在其他设备上测试你的页面，如不同的iPhone和三星Galaxy型号。

用户界面（UI）测试

当我们谈论你的网站的用户界面（UI）时，我们指的是你的网站的任何组成部分，访问者可以与之互动。例如，大多数网站都有链接、按钮、菜单等。在某些时候，用户将需要与这些元素互动。

因此，测试你的用户界面是超级重要的。如果有些东西不能正常工作，访问者会感到沮丧并离开你的网站。

你可以建立一个本地环境来测试你的用户界面元素。例如，你可能想开发一个新的导航菜单并进行尝试。

在这种情况下，你可以从你的DevKinsta仪表盘上打开你的本地管理区。然后，在本地网站上导航到外观>菜单。现在，点击创建新菜单。

给你的菜单起个名字，然后点击保存菜单。然后，从屏幕的左边添加菜单项，并选择添加到菜单：

用于UI测试的本地WordPress

在菜单设置下，选中 “主菜单” 的方框。然后，保存你的更改。

你也可以点击屏幕顶部的管理与实时预览，看看你的菜单是如何形成的：

用实时预览查看你的本地菜单

接下来，在一个新的浏览器中打开你的本地网站，在前端查看你的新菜单：

在本地环境中测试你的用户界面

你也可以通过点击每个菜单项来测试导航链接。例如，当我们点击我们的Wholesale Ordering链接时，我们会被重定向到我们添加到菜单的相关页面：

本地环境中的菜单链接测试

通过这种方式，你可以测试新的设计元素，并确保你的用户界面能够正常工作。

视觉测试

视觉回归测试（VRT）确保你所有的设计元素和布局都能按照它们应该有的样子出现。出于这个原因，VRT经常在网站变化后实施，比如当你切换主题或更新一个插件时。

这样，你可以确保这些变化没有扰乱你的视觉元素。例如，你的内容可能错位了，或者按钮可能消失了。

就像UI测试一样，如果不在前端访问你的网站，你往往对这类问题一无所知。你可以找到自动的VRT工具来不断地测试你的网站，寻找视觉上的异常情况。

或者，你可以简单地在你应用你的变化之前和之后手动比较你的页面。比如你想切换主题。最安全的做法是在DevKinsta这样的本地环境中进行，这样你就可以在将变化应用到你的真实网站之前进行视觉测试。

现在，我们在本地网站上激活了Twenty Twenty主题。正如你所看到的，主页上的所有按钮、文本和图片都是集中排列的：

在DevKinsta中运行视觉测试

然而，当我们切换到Twenty Twenty-Three主题时，你可以看到Shop now的按钮是错位的：

用视觉WordPress测试检测视觉错误

通过为你的测试设置一个本地环境，你就能够发现像这样的视觉异常。

如何测试你的WordPress网站的速度（6个考虑因素）

测试你的WordPress网站的另一个重要方法是检查你当前的网站速度。在本节中，我们将看一下六个注意事项，以帮助你测试你的网站性能。

考虑到这一点，开始使用Kinsta APM可能会有帮助。通过我们的应用性能监控工具，可以很容易地发现WordPress的性能问题：

Kinsta APM tool

例如，你可以深入了解所有的PHP进程，MySQL数据库查询，以及外部HTTP调用。因此，你将能更好地发现长时间的API调用，缓慢的数据库查询，以及非优化的插件和主题代码。

更好的是，Kinsta APM在所有Kinsta计划中都是免费的，而且你可以直接从你的MyKinsta仪表盘上访问该工具。总的来说，这是一个易于使用的解决方案，可以帮助你提高网站的性能和加载时间。

缓慢的查询或脚本

首先，为了确保你的网站在尽可能高的水平上运行，你可以测试WordPress的缓慢查询或脚本。慢查询和脚本对你的整体页面速度有影响，并使你的网站效率降低。

识别慢速查询和脚本的最简单方法是启用Kinsta APM。如果你是Kinsta的客户，你可以免费使用这个工具。不过，你需要在你的MyKinsta仪表盘上启用它。

要做到这一点，只需登录你的账户并选择你想使用APM工具的网站。现在，导航到APM标签并点击启用：

从你的MyKinsta仪表盘上启用Kinsta APM工具

然后你需要选择你想使用该工具的时间。由于APM工具使用的是服务器资源，它可能会对你的网站性能产生影响。因此，最好只在你积极排除性能问题的时间段内启用该工具。

作出选择并点击Enable monitoring time：

启用Kinsta APM的监控时间

该工具可能需要几分钟的时间来收集你网站的数据。之后，切换到Database标签，找到Slowest database queries部分：

查看最慢的数据库查询

在这里，你会发现你网站上最慢的十个数据库查询。如果你点击一个查询，你还可以查看事务样本：

查看事务样本

这样，你可以找到更多关于样本的信息，跟踪时间线，跨度细节，以及堆栈跟踪。

缓慢的插件

虽然编码不良的插件会影响你的WordPress网站的安全，但它们也会影响性能。因此，尽快发现这个问题很重要。

同样，你可以使用Kinsta APM工具来识别缓慢的插件。一旦你在你的MyKinsta仪表板上启用了该工具，请导航到APM标签。然后，切换到WordPress：

测试慢速插件

你会看到的第一个部分是Slowest WordPress plugins。记录的最慢的插件被列在该部分的顶部。

为了获得更多关于性能问题的信息，点击所列的一个插件。这将加载该插件所运行的交易样本。例如，你将能够查看时间戳、交易跟踪时间线、跨度细节、跟踪时间线，以及更多。

缓慢的页面

测试WordPress的缓慢页面也很重要，因为这可能会导致糟糕的用户体验。另外，页面速度是谷歌等搜索引擎的一个排名因素。

你可以使用一个免费的网站速度测试工具，如Pingdom或PageSpeed Insights来生成一个快速的页面速度分数。然而，你可以使用Kinsta AMP工具对你的页面速度有更深的了解。

一旦你启用Kinsta APM，它将需要几秒钟来加载你网站的性能指标。之后，转到Transactions标签：

用Kinsta APM测试缓慢的WordPress页面

在这里，你将可以查看一些关于你网站整体事务时间的数据。但你也可以向下滚动到Slowest transactions，以查看占用交易时间最多的PHP进程：

查看最慢的事务

如果你选择一个事务，你可以找出产生该事务的URL。然后，点击URL来查看Transaction trace timeline：

最慢事务的时间线

这样，你可以找到占用时间最长的跨度。如果这些跨度被判断为对你的性能至关重要，它们通常会被突出显示为橙色或红色。

缓存

缓存提供了一个简单的方法来提高你的加载时间。它的工作原理是在服务器上存储你的网站的副本。这样，当用户请求你的页面时，你的服务器可以显示缓存的版本，使数据的发送速度大大加快。

在Kinsta，你可以访问服务器级别的缓存，该缓存在所有实时网站上自动启用。但如果你使用的是暂存环境，你就需要手动启用缓存。

在你的MyKinsta仪表板上，点击WordPress Sites，选择你的网站。然后，导航到Tools，在Site cache下，点击Enable：

在MyKinsta中启用服务器级缓存

现在，测试你的缓存的最简单方法是通过Pingdom这样的网络速度测试工具运行你的网站。然而，重要的是要多运行一次测试。这是因为如果你只运行一次，内容可能还没有被缓存在主机的服务器或CDN上。

在Pingdom的URL框中输入你的网址，并选择一个位置。现在，在Response Headers下，找到x-kinsta-cache。如果这个读作MISS，那么你的网站没有从缓存中加载。

要解决这个问题，你需要在Pingdom测试中多运行几次你的网站。这应该会导致x-kinsta-cache和x-cache标头文件登记为HIT。现在，你扫描结果，看一下表示等待时间或第一字节时间（TTFB）的大黄条。

如果一个页面没有来自缓存，这个数字通常很高。同样，您可以在禁用缓存的情况下进行一次测试，然后在启用缓存的情况下再进行一次测试，以清楚地看到其中的差别。

内容交付网络（CDN）

内容交付网络（CDN）使您能够通过一个离您的访问者更近的服务器来提供您的网页，从而改善您的加载时间。对于所有Kinsta计划，您可以访问一个由Cloudflare支持的CDN。

对于新网站，CDN是默认启用的。但你可以通过登录你的MyKinsta仪表盘来检查你的CDN是否启用。

前往WordPress Sites，选择你的网站名称。现在，点击CDN标签并点击Enable。如果你看到Disable，那么你就知道CDN是激活的：

启用Kinsta CDN

要测试你的CDN，最简单的方法是使用网站速度测试工具。但首先，检查静态资产的HTTP头是一个好主意，以确保它是从Kinsta CDN加载的。

你可以使用你的浏览器的检查工具或使用Kinsta的免费HTTP状态和重定向检查器来检查。现在，你需要选择一个网站速度测试工具，如Pingdom：

Pingdom

你可能想在禁用CDN后运行第一次测试。然后，你可以在启用CDN后重新测试你的网站，看看有什么不同。你还想从不同的地方测试你的CDN。

一旦你的测试完成，你会想看看从Kinsta CDN（xxxxkinstacdn.com）加载的请求。关于这个话题的全部细节，请查看我们关于如何运行CDN测试的文章。

负载测试

与流行观点相反，网站速度测试和负载测试之间有一个关键的区别。从本质上讲，速度测试测量页面的加载时间，包括MySQL和PHP响应时间。

另一方面，负载测试提供了比速度测试更精细的颗粒度。例如，它通常可以用来测量某些情况下的加载时间，比如当你的网站受到流量大增的影响时。

设置负载测试的过程是相当复杂的。这就是为什么向开发人员寻求帮助是一个好主意。

如何测试你的WordPress网站的安全性

最后，在测试WordPress时，重要的是确保你网站上的所有软件都是安全的。虽然这涉及到平台使用的WordPress核心软件，但它也延伸到主题和插件的安全。

事实上，测试主题和插件可能更加重要，因为它们并不总是来自一个有信誉的来源。如果你从第三方网站安装主题和插件，就没有办法验证该软件是否经过了所有必要的安全检查。

这意味着插件或主题的编码可能很差，甚至包含恶意脚本或错误，会破坏你的网站。除此之外，重要的是保持你网站上的所有软件都是最新的，因为过时的软件可以被用作恶意行为者的后门，以获得访问权。

核心安全

虽然WordPress是一个安全的平台，但它对网络攻击并不免疫。因此，定期评估你的核心软件的安全是很重要的。

保护你的核心软件的最好方法之一是选择一个高质量的虚拟主机。例如，可提供DDoS保护、防火墙和恶意软件扫描的服务器提供商。如果服务器提供商支持快照功能，即使你的网站被感染了，我们也可以帮助它恢复到原来的状态。

在任何情况下，当一个新的WordPress更新发布时，你可以先在一个暂存网站或本地环境中运行更新，以测试它是否安全。

主题安全

当你发现一个你想安装的新主题时，最好的办法是在本地开发环境或你的暂存站点上激活该主题。当你网站上的现有主题发布更新时也是如此。

大多数主题更新都带有安全问题的补丁。然而，你也可能遇到一个糟糕的更新，与你网站上的一些其他软件冲突。

同时，如果它是一个你以前从未使用过的主题（而且你对开发者不熟悉），在本地环境中安装该主题会更安全。这意味着，即使该主题破坏了你的网站，你的实时网站也不会受到影响。

然后，像你通常在WordPress中那样安装和激活主题。通常情况下，在你把主题安装到你的真实网站上之前，至少要等一个星期（运行一个新的主题更新也是如此）。

然而，如果你想评估你网站上现有主题的安全性，最简单的方法是使用安全扫描器。WPScan是一个很好的选择，它可以检测你的WordPress主题中的任何漏洞。

插件安全

插件也可以对你的网站的安全构成威胁。这就是为什么定期评估你的插件的安全性是很好的做法。

正如我们上面所讨论的，你可以在本地环境或暂存站点安装一个新的插件（或运行一个插件更新）。这样，如果出现任何问题，你的真实网站将保持完整。

然而，与主题一样，安装一个像WPScan这样的漏洞扫描器也是有用的。这个工具是完全免费使用的。你所需要做的就是注册一个账户。然后，你可以将API令牌添加到你的WordPress网站。

一旦扫描器被链接到你的网站，导航到WPScan > Settings，你可以设置每天或每小时的自动扫描：

用WPScan测试插件的安全性

或者，点击 “Report” 选项卡，手动运行一个测试。一旦测试结束，向下滚动到Plugins部分：

WPScan报告

在这里，你可以看到你网站上所有插件的完整列表。如果你的插件是安全的，你会看到每个插件名称旁边有一个复选标记。否则，你会发现在Vulnerabilities栏中列出一些信息。

当你选择正确的主机时，确保速度和安全性是最好的

当然，你可以优化你的网页，并采取所有必要的安全措施来运行一个成功的网站。然而，最终，确保你的网站安全和快速的最好方法是使用一个高质量的虚拟主机。

尽可能选择采用较新技术和高性能CPU的云服务器，并且应该具有全球或者全国可用性。此外，您还应该启用CDN，以为全国甚至全球用户都拥有极速访问体验。

对于那些关注网络安全的人来说，您可以通过安全插件或者服务器提供商所支持功能来加强你的网站。你可以期待每日备份、恶意软件扫描、DDoS保护和防火墙。此外，我们应该启用SSH安全访问，你只需做的即安装一个免费的SSL证书。