性能

为什么测试WordPress博客网站性能？ 网站速度等问题十分重要，很简单，这是经过多次验证的，网站越快，你的网站的访客体验就越好。 更快的网站即更好的用户体验 – 只有更少的滞后， 更快的网站更适合移动端阅读查看， 更快的网站在Google等搜索引擎中排名更高， 最后，更快的网站转换才会做得更好（人们通常不喜欢等待超过两秒钟来加载网页）。 那么，我们应该如何测试WordPress网站性能？ 或者，换言之，你怎么知道你的网站是否很慢？ 下面将是你所需要的答案： 推荐4个网站性能测试工具 1. 测试你的网站加载时间 首先，测试WordPress网站性能的最重要方法 – 测试网站的速度。 对于初学者，您只需在浏览器的地址栏中输入网站的网址，然后自我感知。但这种测试是局面的，这不代表你的网站所有访客都是获得同样的加载体验。 你需要更全面更客观更好的测试，这时候你需要借助知名网站加载速度测试工具Pingdom： 在开始测试之前，选择您要测量站点性能的服务器位置。 最好选择离目标受众最近的位置，比如说你的网站访客大部分在美国，那么你需要选择美国地区的测试服务器： 点击“START TEST”后几秒钟，Pingdom会让您了解网站各个方面的加载情况及评分。您甚至可以展开查看加载的每一项内容了解详情： 你会最终获得诸如性能评分，加载时长，加载速度在众多测试网站中的占位，页面体积，页面请求数量等等。 2.测试站点承受的并发流量值 如果你的网站流量不小，你必须做一下Load Impact工具测试： 只需在框中输入您网站的网址，然后点击“Run free test”即可。 Load Impact的作用是它实际创建了25个并发（bot）用户，并将它们发送到您的站点以查看站点在负载下的执行情况。 测试持续五分钟。 测试完成后，您会得到非常详情的摘要+图表： 乍一看，这似乎很复杂，但阅读该图表并不是很困难。 基本上，你只需要重点看： (!) 绿线代表逐步增加并发访问时你的网站加载时间走势，如果越平缓，代表你的网站可承受的并发访问能力比较好；如果线条呈上升状态，则说明你的网站性能需要改善。 3. 全面测试你的WordPress性能 与所有软件产品非常相似，您的WordPress网站由多个小元素，脚本等组成。但是，并非所有这些元素都始终100％优化… 这时候你需要使用到GTmetrix，提供了一种测试WordPress网站性能的方法。 同样，您只需输入网站的网址并点击“Analyze”按钮即可。 过了一会儿，您将获得非常详细的测试报告： 图像优化， 浏览器缓存， JavaScript优化， CSS优化， 重定向， HTTP请求优化，以及更多。 GTmetrix还使用两套不同的评分系统为您网站打分，如果分数低于90%，你可考虑进一步优化上面提到的各个项： 4.测试插件的优化程度 Finally, we have the […]

在Web性能方面，任何优化都不会太小。随着时间的推移，许多这些小技巧和优化可以开始减少相当多的整体加载时间。在此前，我们分享了如何在WordPress中禁用表情符号。今天我们想与您分享如何在WordPress中禁用嵌入。 当他们发布WordPress 4.4时，他们将oEmbed功能合并到核心中。您之前可能已经看到或使用过它。这允许用户只需粘贴URL即可在其网站上嵌入YouTube视频、推文和许多其他资源，WordPress会自动将其转换为嵌入内容，并在可视化编辑器中提供实时预览。例如，我们从Twitter粘贴了这个URL：https://twitter.com/kinsta/status/760489262127120385，它被转换成你在下面看到的。您可以查看官方支持的嵌入类型列表。 嵌入Tweet推文 WordPress长期以来一直是oEmbed消费者，但随着更新，WordPress 本身成为oEmbed提供者。此功能对很多人都很有用，您可能希望保持启用状态。但是，这意味着它现在还会在您的WordPress站点上生成一个额外的HTTP请求来加载wp-embed.min.js文件。这会加载到每个页面上。虽然这个文件只有1.7KB，但这些东西会随着时间的推移而增加。请求本身有时比内容下载大小更重要。 wp-embed.min.js 在WordPress中禁用嵌入 有几种不同的方法可以在WordPress中禁用嵌入。您可以使用免费插件、代码或内联缩小的JS来实现。 插件禁用嵌入 代码禁用嵌入 内联缩小的JS 1. 使用插件禁用WordPress嵌入 禁用嵌入的第一种方法是简单地使用一个名为Disable Embeds的免费插件，该插件由Pascal Birchler开发，  他实际上是WordPress的核心贡献者之一。 Disable embeds插件 这个插件超级轻量级​​，准确地说只有3KB。在撰写本文时，它目前有超过20,000 次活跃安装。您可以从WordPress插件库下载它 ，也可以在WordPress仪表盘中的“插件-安装插件”下搜索它。无需配置，只需安装、激活，额外的JavaScript文件就会消失。具有以下特点： 防止其他人嵌入您的网站。 防止您嵌入其他未列入白名单的网站。 禁止在您的WordPress网站上加载JavaScript文件。 您仍然可以使用YouTube和Twitter的嵌入iframe脚本嵌入内容。您还可以使用像perfmatters这样的高级插件，它允许您禁用嵌入以及对WordPress网站的其他优化。 使用perfmatters插件禁用嵌入 2. 使用代码禁用WordPress嵌入 如果您不想安装其他插件，您也可以使用代码禁用嵌入。首先创建网站备份，然后，将以下内容添加到您的主题的functions.php文件中。注意：代码来自上面的Disable Embeds插件。 重要的！如果操作不当，编辑WordPress主题的源代码可能会破坏您的网站。也就是为什么要先备份后改代码！ function disable_embeds_code_init() { // Remove the REST API endpoint. remove_action( ‘rest_api_init’, ‘wp_oembed_register_route’ ); // Turn off oEmbed auto discovery. add_filter( ’embed_oembed_discover’, ‘__return_false’ ); // Don’t […]

今天，我们将深入探讨如何调试WordPress性能问题，以及帮助大家​​解决问题的工具和策略。虽然像这样的每个案例都相当独特，但故障排除的工作流程通常保持不变。希望下次您发现自己遇到WordPress性能问题超出您的理解或控制范围时，您可以使用它。 WordPress性能清单（当事情发生时） 这个性能检查表有点不同。这不是分享如何加快WordPress网站的速度，而是重点介绍下一次您发现自己陷入困境时该怎么做。并且会有下一次，你可以指望它。也许您的主机已经伸出手说您的站点使服务器过载。或者您可能已经注意到某些东西正在拖累您的网站，例如非常流行的admin-ajax.php请求。 在举起双手并宣布退出之前，请遵循以下建议。一切都有答案，但有时很难找到答案。  实施性能监控 利用New Relic等工具 利用测试环境——这是有原因的 投资更好的服务器 WordPress维护服务 不要害怕向开发者提出问题 您可以随时雇用WP开发人员 1. 实施正常运行时间和性能监控 当涉及到这些类型的问题时，您永远不会做好充分的准备。要确保在访问者之前了解站点故障，您可以做的最好的事情之一是实施正常运行时间和性能监控。 正常运行时间监控 事实上，多亏了New Relic Synthetics和APM，我们还可以在需要时监控有关WordPress站点的多个不同数据点： 最终用户加载时间 应用服务器加载时间 错误率 吞吐量 成功率（正常运行时间） Apdex分数 Apdex分数 这与正常运行时间和性能监控有关。 有时，这可能涉及牵扯第三方开发人员，尤其是在错误代码是根源的情况下。或者这可能意味着需要增加PHP worker。最后，它可能是很容易修复的东西。 我们希望您取得成功，为您的访问者提供一个快速的网站始终是我们的首要任务之一。如果我们可以查明插件 A 导致您的网站关闭，我们希望您知道。通常情况下，我们往往会看到许多性能问题源于糟糕的插件更新、拙劣的代码或不支持最新版本的PHP等。 正常运行时间和性能监控工具 您还可以使用许多第三方工具来提醒您正常运行时间和性能。以下是您可能想要查看的一些内容： updown.io  （正常运行时间监控） Pingdom  （正常运行时间和性能监控） Uptime Robot  （正常运行时间监控） StatusCake（正常运行时间和性能监控） ManageWP（正常运行时间和性能监控） 2.利用New Relic之类的工具（它们是无价的） 像New Relic这样的工具不仅非常适合监控正常运行时间和性能，而且在解决性能问题源自。或者您可以尝试使用像Query Monitor这样的免费插件。 New Relic中有几个地方可以帮助快速缩小性能问题。第一个是“WordPress → 插件和主题”选项卡。在我今天用作案例研究的woorkup网站上，我可以立即看到我遇到的问题很可能来自我运行的“gp-premium”插件。但为什么？好吧，我们会做到这一点。 New Relic插件和主题 注意：New Relic中的上述部分并不总是100%准确。在这种情况下，它是。但总是建议至少先检查那里。 因此，在看到之后我有一种很好的感觉或预感，它是我的“gp-premium”插件（这是我的GeneratePress WordPress主题的扩展）中的东西。知道这一点后，我转到了“事务Transactions”选项卡。我们可以立即看到admin-ajax.php事务的数量排在了第一位！ […]

你有没有注意到你最受欢迎的博客文章——那些引发大量评论的文章——需要更长的时间才能加载？如果您的评论系统没有经过仔细配置，很高兴看到WordPress评论滚滚而来，但它确实会减慢您的网站速度。 想想使评论起作用的资源： 查询数据库以提取现有评论， 为每个新评论创建数据库条目， 评论和评论元数据由访问者的浏览器接收和处理， 请求、下载和加载外部资源，例如Gravatar，以及 在许多情况下，必须下载和处理大型JavaScript和jQuery资源，才能使评论系统按预期方式工作。 结果，繁忙的评论部分会增加网络服务器的负载，增加页面的整体大小，增加所需的HTTP请求数量，并添加额外的JavaScript资源供浏览器应对。无论您是使用原生WordPress评论还是插入了第三方评论系统（如Disqus或Facebook评论），评论都会拖累您网站的速度，您应该优先考虑优化您的网站的性能网站的评论部分。顺便提一句。如果您在处理垃圾评论时遇到问题，请务必阅读我们关于如何阻止WordPress垃圾评论主题的详细指南。 修复加载缓慢的评论的策略 优化原生WordPress评论 使用第三方评论系统 延迟加载评论 修复加载缓慢的评论的策略 如果您发现评论部分正在减慢您最受欢迎的博客文章的加载速度，您可以做一些事情： 完全禁用评论。这肯定会解决问题。但是，如果您的评论部分没有增加任何价值，您真的应该考虑它。如果您的评论部分太忙而使您的网站变慢，那么它可能会增加足够的价值，您不会想将其杀死。查看我们关于如何在WordPress中禁用评论的完整教程。 优化原生WordPress评论。如果您使用的是原生WordPress评论系统，您可以采取一些措施来加快速度。 使用第三方评论系统。如果您的网站托管在廉价且资源匮乏的共享服务器上，那么使用第三方评论系统可能会加快包含大量评论的页面的速度。 延迟加载评论。无论您使用的是WordPress原生评论还是Disqus之类的第三方评论系统，都要找到一种延迟加载评论的方法，以免它们减慢初始页面渲染速度。 让我们分别考虑每种策略，以便您找出最适合您网站的策略。 优化原生WordPress评论 您可以做两件事来加速已经加载了大量原生WordPress评论的网页：限制最初加载的评论数量并使用本地托管的头像。让我们依次看看每个选项。 限制显示的评论数量 默认情况下，WordPress设置为在初始页面加载时加载您的所有评论。但是，加载数十甚至数百条评论，每条评论都包括一个独特的头像，确实会扩大您的页面并创建大量额外的HTTP请求。 您可以非常轻松地减少初始页面加载时加载的评论数量。 转到WordPress管理区域中的设置 > 讨论。 查找其他评论设置部分。 选中分页显示评论旁边的复选框，并为您希望在初始页面加载时显示的评论数量添加一个值。 滚动到页面底部单击按钮保存更改。 WordPress管理后台中的评论设置 完成这些步骤后，您指定的评论数量将在初始页面加载时显示。 使用本地托管的头像或在您的CDN上 WordPress内置了对Gravatar的支持。这意味着任何拥有Gravatar帐户的用户在使用原生WordPress评论系统对博客发表评论时，都会将他们的自定义图像添加为头像。这为评论部分添加了一个很好的个性化元素，但成本很高。加载WordPress评论时，每个唯一的Gravatar都需要一个HTTP请求。因此，如果一个页面加载了来自50个不同评论者的评论，则需要50个HTTP请求才能下载所有这些Gravatar。可以想象，这会对页面速度产生相当大的影响。 如果您认为Gravatar不值得添加HTTP请求，您可以有两种选择。首先，您可以通过转到设置>讨论，找到头像部分并取消选中头像显示框来完全禁用头像。 如果您不想采取如此激烈的措施，另一种选择是切换到本地托管的头像。为此，请安装WP User Avatar插件。安装完成后，转到Avatars > Settings并选中复选框以Disable Gravatar and use only local avatars。如果您不喜欢WP User Avatar附带的默认头像，woorkup教程中有一张关于使用本地托管头像的干净神秘用户图片，您可以上传并用作默认头像。 请记住，进行此更改后，所有评论都将使用默认头像显示，除非用户在您的网站上注册并上传自定义头像。 您最后的选择是将您的Gravatars加载到您自己的CDN上。 使用第三方评论系统 您可能出于多种原因对切换到第三方评论系统感兴趣。首先，需要考虑服务器负载。创建和加载评论是一个资源密集型过程。如果您的博客评论部分真的很忙，那么将该工作卸载到第三方评论系统将减轻您网站服务器的负载。 此外，第三方系统提供比原生WordPress评论系统更好的用户体验。他们还可能鼓励更多访问者发表评论，因为已经拥有第三方系统帐户的访问者可以立即发表评论，而无需注册或向您的网站提供详细信息。 在某些情况下，所有这些好处都会发挥作用。然而，这并不是普遍正确的。 不是每个人都喜欢第三方评论系统，其他人担心在幕后收集的数据。此外，第三方评论系统比原生 […]

许多优化文章都关注如何加快WordPress网站的速度，例如优化图像或迁移到更快的主机。虽然这些都很重要，但今天我们想与您讨论第三方性能的影响以及它如何影响您的WordPress网站。基本上，您从站点外部调用的任何内容都会产生加载时间后果。使这个问题更加严重的是，其中一些只是间歇性地缓慢，使得问题的识别更加困难。今天我们将探索识别和分析第三方服务和性能问题的方法。 什么是第三方外部服务？ 识别外部服务 分析持续的第三方性能问题 分析间歇性第三方性能问题 什么是第三方外部服务？ 第三方外部服务可以被认为是从您自己的服务器外部与您的WordPress站点通信的任何东西。以下是我们经常遇到的一些常见示例： 社交媒体平台，如Twitter、Facebook和Instagram（小工具或转换像素） 第三方广告网络，如Google Adsense、Media.net、BuySellAds、Amazon Associates 网站分析，例如Google Analytics、Crazy Egg、Hotjar A/B测试工具，例如Optimizely、VWO、Unbounce WordPress评论系统，例如Disqus、Jetpack、Facebook评论 备份和安全工具，例如 VaultPress、Sucuri、CodeGuard SumoMe、HelloBar等社交分享工具 CDN网络，例如KeyCDN、Amazon CloudFront、CDN77和StackPath 外部托管的Javascript 外部服务如何导致问题 外部服务通常会带来两个问题。一个是由纯粹的体积带来的，另一个是等到它们加载。 如果您有很多外部服务，则需要加载所有这些服务，并在每次页面加载时等待来自它们的信息。您的呼叫越多，等待的时间越长，您自己的服务器上的负载就越高，您遇到第二个问题的机会就越大。 在某些情况下，页面加载将等到您的站点和外部服务之间的数据传输完成。如果在标头中调用服务并且服务中断，您的页面将简单地拒绝加载。 当然，可以做一些事情来加快速度，例如异步加载脚本，但我们稍后会介绍他。在大多数情况下，庞大的体积是调试3rd方性能问题时必须处理的最大问题之一。 识别外部服务 识别这些服务并不难。最简单的方法之一是打开网站速度测试工具，无论是Pingdom、GTmetrix、WebPageTest还是Chrome Devtools，并通过它运行您的网站。您应该会看到已加载的资源列表。将鼠标悬停在资源上，如果它在开头不包含您的域名，则它是您正在调用的外部服务或外部资产。 您可以在下面看到缩小版的jQuery是从外部源 (https://ajax.googleapis.com) 加载的。 外部服务——JavaScript 如果您不知道外部服务的用途，您可以随时尝试浏览主域或在Google中搜索其名称，因为应该会出现相关的开发人员或公司。这是确定服务是否合法的好方法。正如您在下面看到的，搜索jQuery文件会导致一些知名公司（如jQuery和Google）描述托管此文件。所以你可能是安全的。 jQuery外部脚本 分析持续的第三方性能问题 如果您的网站总是很慢，那么您需要弄清楚是什么让它变慢了。如果您的网站有间歇性问题，那就有点困难了。让我们从持续缓慢开始。我们在这里假设您的网站由于外部服务而运行缓慢。虽然许多速度问题可能是由外部服务引起的，但还有大量其他问题，因此这可能无法解决您的问题。 首先，您需要确定是否有任何服务需要很长时间才能加载，以及它如何影响您网站的性能。所以我们建立了一个测试站点，其中包含以下内容： 2个AdSense广告 脸书点赞框 Instagram小工具 Disqus评论 Facebook转化跟踪像素 谷歌分析 WordPress测试站点 这将使我们能够一项一项地删除每项服务，并向您展示它们对您的整体网站负载的影响程度。我们还将分享一些加载它们的替代方法的策略。然后，您可以将相同的策略应用于您自己的WordPress网站。我们通过Pingdom运行测试站点，您可以看到的第一件事是“按域的内容大小”和“按域的请求”。如果您看到请求，而不是来自您的域名，则这些请求很可能是外部服务或外部资产。这是一个很好的起点。正如您在下面看到的，static.xx.fbcdn.net有37个请求，这不好！ Pingdom外部服务——（速度测试） 站点加载时间也是1.94秒，这真的很糟糕，因为正如您在上面看到的，测试站点上没有任何内容。这是一个较小规模的测试，可帮助您更好地分析第三方性能。WordPress网站越大，问题就越大。但从根本上说，大多数问题都可以通过类似的方式解决。 处理Google AdSense 我们首先要解决的是Google Adsense。通常，当您运行速度测试时，您可以将鼠标悬停在每个条上，以查看加载过程的每个部分花费了多长时间。您应该寻找超长的条（与其他条相比）以及仅在特定条完成后才开始加载条的地方——这些是您的瓶颈。一旦您发现某个特定元素的加载时间过长或阻止其他资源加载，您就需要弄清楚它为何存在以及它来自何处。 这可能有点困难，对服务的调用可以在您的主题中编码，也可以来自插件。但是，正如我们之前提到的，还有绝对数量的问题。如果我们查看下面来自pagead2.googlesyndication.com和tpc.googlesyndication.com的请求，我们可以看到这些条相当短，这意味着它们不会造成那么大的延迟。不过，其中一些确实有更长的接收时间（绿色条），这是Web浏览器从服务器接收数据所需的时间。最大的问题是一旦将所有请求加在一起。 我们喜欢将Google […]

网站速度对其成功至关重要，因为47%的访问者可能会离开加载时间超过两秒的网站。 虽然有几个因素会影响您的网站性能，但图像需要特别注意。除了使用适应不同屏幕尺寸的图像外，您还应该提供缩放图像。 提供缩放图像涉及通过将图像重新调整为完美尺寸来优化图像——不要太小，也不要太大。使用正确缩放的图像将对网站速度和性能产生积极影响，从而改善您网站的SEO（搜索引擎优化）。 本文将解释如何在您的WordPress网站上提供缩放图像。我们还提供了插件推荐，以帮助您自动提供缩放图像。 什么是缩放图像？ 如何提供缩放图像？ 步骤 1-分析网站 步骤 2-使用检查工具找出最大显示尺寸 步骤 3-重新缩放图像 步骤 4-替换图像 5个提供缩放图像支持的插件 1. Smush 2. Optimole 3. EWWW Image Optimizer 4. ShortPixel 5. Perfect Images 什么是缩放图像？ 缩放图像是经过调整以适合网站所需的确切尺寸的图像。 如果您使用小图像填充较大的区域，则放大时会变得模糊。另一方面，如果你使用过大的图像，浏览器会缩小它们以适应给定的尺寸，但图像尺寸会保持不必要的大。 例如，如果您将500 x 500像素的图像用于50 x 50像素的缩略图，则浏览器必须先下载并缩小图片，然后才能将其显示给访问者。此过程效率低下，并且会减慢网站加载时间。 但是，如果您通过提供缩放图像来优化图像，则不会出现此问题。 如何提供缩放图像？ 现在是时候学习如何在您的WordPress网站上正确提供缩放图像了。有两种方法可以做到这一点——手动或使用插件。本节将向您展示如何手动缩放图像。 步骤 1-分析网站 如果您想在完全优化整个媒体库之前尝试使用少量图像，请尝试缩放在您网站的多个页面上重复出现的图像。例如，网站徽标或标题图像。 首先，您需要在网站上找到需要重新缩放的图像以及要使用的适当尺寸。为此，我们将使用GTMetrix。 1. 打开GTMetrix并输入您的WordPress网站URL。单击Test Your Site按钮。 2. 完成网站分析后，转到“Structure”选项卡并单击“Properly size images”部分。 3. 本部分将显示您网站中的哪些图像需要优化。Potential Savings列将显示提供缩放图像后的潜在节省。保存图像的URL以备后用。 步骤 […]