任何问题请联系WX:uu16853

买模板送网站采集器 让你轻松放开双手运营网站!

购买更多有优惠!

WordPress Time to First Byte,TTFB,网站优化,首字节时间 文字详细教程

如果您想优化网站的速度和性能,了解需要关注的关键指标非常重要。例如,首字节时间 (TTFB,英文全称Time to First Byte) 测量用户浏览器从您网站的服务器接收首个“字节”数据所需的时间。不要渲染它或在屏幕上显示它。但是要简单地向浏览器返回一个字节。 在这篇文章中,我们将解释首字节时间TTFB是什么以及它为什么重要。然后我们将讨论如何衡量它,以及如何在WordPress网站上减少它。最后,我们将总结一些常见问题。 首字节时间(TTFB)是什么 TTFB衡量您的服务器对访问者浏览器请求的响应能力。换句话说,它是用户到达网页和服务器识别它之间所花费的时间。 这很重要,因为浏览器从服务器接收首字节数据所需的时间越长,加载页面所需的时间就越长。并且因为TTFB是最初的交互,很长的首字节时间意味着页面的其余部分甚至无法开始加载。因为服务器还没有响应。 因此,TTFB 在您网站的用户体验 (UX)及其搜索引擎优化 (SEO) 中起着举足轻重的作用。它也是Google考虑确定您网站的页面加载体验并进而确定其排名的Web Vitals之一(与FCP、LCP和CLS一起)。 TTFB类似于First Contentful Paint (FCP),它也用于衡量加载体验和用户的等待时间。但是,FCB会测量访问者看到页面上出现的首个元素所需的时间。TTFB是任何信息,无论可见与否。 网站的TTFB由三个主要流程组成: HTTP请求从访问者的浏览器发送到服务器。 服务器处理请求并准备其响应。 服务器将响应发送回浏览器。 此过程越快,您的加载时间就越快,响应也就越快。但是,一些因素和问题会在每个步骤中延迟和减慢它。因此,为了优化您网站的速度和性能,您可能希望专注于减少TTFB。 如何测量TTFB 您可以通过多种不同的方式来测量TTFB,包括使用实验室和现场工具。这意味着模拟结果(实验室)和使用真实用户数据(现场)的测试。但是,在此之前,先了解什么是好分数是有帮助的。 通常,有利的TTFB介于200毫秒 (ms) 和500毫秒(0.2到0.5秒)之间。当然,数字越小越好。任何超过600毫秒的值都被认为是低分。由于谷歌引入了页面速度作为排名考虑因素,许多网站的拍摄时间都在 100 毫秒以下。然而,在大多数情况下,低于 200 毫秒的任何东西仍然被认为是“好”的。 您可以使用多种工具来测量TTFB。让我们来看看一些最佳选择。 WebPageTest WebPageTest是一种在线工具,可让您快速轻松地测试页面速度。但是,您也可以使用它来访问包含关键指标(包括TTFB)的详细报告。 要使用它,您只需在文本字段中输入您的URL,然后单击“Start Test”按钮: 在结果页面上,您可以查看有关您网站的大量信息。在顶部,您可以找到TTFB的一般分数。在以下部分中,您可以在First Byte列下找到以毫秒为单位的时间: 根据WebPageTest,目标是域名服务器 (DNS)、套接字和安全套接字层 (SSL)协商所需的时间加上100毫秒。TTFB每增加100毫秒,在线工具就会将您网站的分数降低一个字母等级。 GTmetrix GTmetrix是另一个免费的在线工具,可用于测量TTFB。您可以在文本字段中输入您的网站URL,然后单击测试您的站点按钮: 该工具完成对您的URL的分析后,将显示性能报告,其中包括总体成绩以及您的Web Vitals: 在页面的更下方,您可以单击“Performance”选项卡: 在浏览器计时部分下,您可以找到TTFB。 这些只是您可以使用的在线测试工具的两个示例。其他流行的选项包括Bytecheck、Pingdom和KeyCDN等网站速度在线测试工具。它们都以与这两个选项类似的方式工作。粘贴URL,实时运行测试,然后解析结果报告。 谷歌浏览器开发者工具 另一种测量TTFB的方法是Chrome DevTools。如果您是Chrome用户,则可以使用此方法直接在浏览器中测量TTFB,而无需使用第三方工具。我们上面提到的许多速度测试都使用您可以选择的各种服务器位置,这样,它就直接来自您。 因此,请记住您的特定网络条件和网络延迟会影响 […]

WordPress PageSpeed Insights,Speed Index,网站优化,首屏展现平均值 文字详细教程

在考虑页面速度时,首屏展现平均值 (SI,全称Speed Index) 是一个有趣的指标。它绝对是您页面性能的指标,但它与其他以用户为中心的指标(例如First Contentful Paint和Largest Contentful Paint)完全不同。SI表示您的网站加载首屏的速度。或者换句话说,当用户视口中的所有内容都完全可见时。查看页面的加载时间时,您不太可能因首屏展现平均值而受到惩罚或奖励。这不是忽视它的理由。作为一个单一的指标,它是为数不多的包含多个其他指标的指标之一,可以让您对网站的整体速度、效率和性能有一个全面的了解。 什么是首屏展现平均值? Lighthouse是Google PageSpeed Insights的支柱,它会查看多个性能指标来为您的网站评分。首屏展现平均值 (SI) 就是其中之一,报告将以秒为单位显示时间,而不是像其他一些指标一样以毫秒为单位。Google将SI定义为“页面内容可见填充的速度”。 很直接,对吧? 首屏展现平均值不考虑后端脚本或其他非绘制负载。不过,它们确实会影响它。SI只是衡量用户完整查看您的内容所需的时间。虽然其他指标(例如LCP)是在显示内容的最大部分时衡量的,但首屏展现平均值考虑了实际应该显示的任何和所有内容。 这不是整体页面速度的衡量标准。这考虑了浏览器何时呈现所有元素。包括不可见的脚本和影响性能的元素。但是,如果您想很好地衡量用户何时认为页面已完全加载,则SI是要观察的指标。由于它是如何以用户为中心的,SI可以很好地表明整体站点的健康状况,也可以作为站点用户体验 (UX)的基准。 如何测量首屏展现平均值 与大多数网站性能指标一样,最常用的工具之一是Google自己的PageSpeed Insights。这个工具也是它返回的结果中最特别的工具之一。即使是最完善的站点,它也相对挑剔。PageSpeed Insights最常根据过去28天收集的汇总数据为您的网站提供实验室数据。但是,如果您有足够多的访问者通过Chrome将信息转发回Google,您也可以从报告中获取真实的实测数据。不过,并不是每个网站都能得到这个。 如您所见,其中许多指标的速度都是绿色的。这表明它们是“好”的。这显然是您想要您的网站的地方。但是,首屏展现平均值为4.0秒和橙色。用户需要等待很长时间才能看到首屏的所有内容。 什么首屏展现平均值分数才算优秀? PageSpeed Insights使用以下分数对您网站的首屏展现平均值进行排名并相应地对其进行颜色编码: 绿色(良好)——0 到 3.4 秒 橙色(中等)——3.4 到 5.8 秒 红色(慢) – 超过 5.8 秒 正如我们之前所说,PageSpeed Insights在其测量中非常重要。如果您处于橙色或红色状态,则可能需要使用诸如GTmetrix或Pingdom的速度测试类的工具来查看其实时数据显示的内容。我们认为最好在不同时间使用多种工具测试您的网站,以获得最佳整体性能图。 如何优化首屏展现平均值得分 您可以采取多个步骤来优化您的首屏展现平均值分数。如果您已经尝试优化您的网站以提高(或从技术上讲,降低)页面速度,那么您可能也以某种方式影响了您的 SI 分数。我们将向您展示一些专门针对您的 SI 时间的方法,以便您的页面尽快加载,从而为您的访问者提供最佳体验。 减少渲染阻塞资源 更具体地说,减少JavaScript执行时间是提高首屏展现平均值得分的最佳方法之一。渲染阻塞资源是脚本和代码,它们优先阻止您网站的其他部分加载。与站点同时加载不同的元素不同,一些元素会暂停所有其他元素,直到它们完成。 这会降低您网站的首屏展现平均值。为了解决这个问题,您可以推迟加载任意数量的脚本和代码位,直到可见元素绘制到DOM之后。识别罪魁祸首实际上相对容易,因为您可以使用Chrome开发工具在您的网站加载时查看您的网站,该工具将指出是什么阻止了元素的渲染。 此外,WordPress用户可以使用W3 Total Cache或WP Rocket等缓存插件(或站点优化插件)来处理此问题。通常这些插件有一个简单的切换来延迟渲染阻塞资源。 减少网站主线程工作 […]

WordPress Autooptimize,css交付,CSS优化,WP Rocket 文字详细教程

CSS文件控制WordPress网站的视觉格式和样式。但是,如果您的CSS代码没有以最佳方式交付,那么它可能会降低您的网站速度。在本教程中,我们将向您展示两种优化WordPress网站CSS交付的简单方法。 WordPress网站CSS交付如何影响WordPress性能 CSS文件用于定义WordPress站点的视觉外观。您的WordPress主题包含一个CSS样式表文件,您的一些插件也可能使用CSS样式表。CSS是现代网站所必需的,但CSS文件可能会降低您网站的速度和性能,具体取决于它们的设置方式。 即使网站速度稍有延迟,也会造成糟糕的用户体验,并可能影响您的搜索排名和转化,从而导致流量和销售额减少。 CSS文件可能会减慢网站速度的一种方式是,是否需要在显示页面之前加载它们。这意味着您的访问者将看到一个空白页面,直到CSS文件加载完毕。这被称为渲染阻塞CSS。CSS文件可能会降低网站速度的另一个常见原因是,它们包含的代码比显示当前页面可见部分所需的代码多。额外的代码意味着它们需要更长的时间来加载。 好消息是,您可以通过优化CSS代码的交付方式来提高WordPress网站的性能。这是通过确定显示当前网页的第一部分所需的最少CSS代码来完成的。这被称为关键 CSS。然后将此关键代码内联添加到页面的HTML中,而不是添加到单独的样式表中,以便无需先加载CSS文件即可呈现代码。 在您的访问者可以看到页面的内容后,可以加载其余的CSS。这称为“延迟加载”。在本教程中,我们将向您展示两种优化WordPress网站CSS交付的方法,您可以选择最适合您的一种。 方法 1:使用WP Rocket优化WordPress CSS交付 方法 2:使用Autooptimize优化WordPress CSS交付 方法 1:使用WP Rocket优化WordPress CSS交付 WP Rocket是市场上最好的WordPress缓存插件。它提供了优化WordPress CSS交付的最简单方法。事实上,这就像选中一个框一样简单。WP Rocket是一个付费插件,但最好的部分是所有功能都包含在基础版本中。 您需要做的第一件事是安装并激活WP Rocket插件。激活后,您需要导航到“设置”»“WP Rocket”页面并切换到“File Optimization”选项卡。 接下来,您需要向下滚动到CSS files部分。在那里,您需要选中“Optimize CSS delivery”选项旁边的框。 此功能将智能地识别对访问者首先看到的网页部分进行格式化所需的关键CSS。您的页面将加载得更快,而其余的CSS将在您的访问者看到其内容后加载。 您现在需要做的就是单击“Save Changes”按钮并等待WP Rocket为您的所有文章和页面生成必要的CSS文件。它还会自动清除您网站的缓存,以便您的访问者看到您网站的新优化版本,而不是缓存中存储的任何未优化版本。 WP Rocket 还有很多其他方法可以帮助您提高网站的性能。要了解更多信息,请参阅我们关于如何在WordPress中正确安装和设置WP Rocket的教程。 方法 2:使用Autooptimize优化WordPress CSS交付 Autooptimize是一个免费插件,旨在改进您网站的CSS和JS文件的交付。虽然Autoptimize是一个免费插件,但它没有WP Rocket那么多的功能,及需要更多的时间来设置。 例如,它无法像WP Rocket那样自动识别关键 CSS。相反,Autoptimize需要高级第三方服务的帮助,这需要额外的费用并需要额外的时间进行配置。但是,如果您预算紧张并且不需要WP Rocket的所有其他功能来加速您的网站,那么它可能是一个不错的选择。 您需要做的第一件事是安装并激活Autooptimize插件。激活后,您需要访问设置»Autoptimize页面以配置插件设置。在那里,您需要向下滚动到CSS选项部分并选中顶部的Optimize CSS Code框。 完成此操作后,您需要确保未选中“Aggregate CSS-files”选项,然后选中“Eliminate render-blocking CSS”。您现在可以单击“Save […]

WordPress Query Monitor,WordPress调试,网站性能 文字详细教程

想象一下这种情况:您正在处理WordPress开发项目并安装了十几个或更多插件。但是,您的网站并没有像您希望的那样嗡嗡作响。您已经排除了所有常见的疑点:托管已经足够,没有明显的JavaScript或PHP错误,也没有其他明显的错误。您怀疑您安装的一个或多个插件是罪魁祸首,但您如何确定是哪个插件导致了问题? 识别麻烦插件的常用方法是逐个停用插件,直到您尝试解决的行为停止。但是,安装正确的插件后,您可以更快、更准确地查明和调试WordPress问题。这是Query Monitor旨在解决的那种场景。 什么是Query Monitor? Query Monitor有什么作用? 如何使用Query Monitor 什么是Query Monitor? Query Monitor是一个免费的WordPress调试和开发插件。您可以使用它来识别和调试缓慢的数据库查询、AJAX调用、REST API请求等等。此外,该插件还会报告网站详细信息,例如脚本依赖项和依赖项、在页面生成期间触发的WordPress钩子、托管环境详细信息、当前页面满足的条件查询标签等等。 WordPress插件-Query Monitor 该插件由John Blackbourn开发,他是WordPress的核心提交者,目前是Human Made的一名开发人员,之前受雇于WordPress.com VIP — 换句话说,他是真正了解WordPress的人。Query Monitor于2013年被添加到WordPress插件目录中,目前拥有超过10,000次活动安装——对于开发插件来说,这是一个令人印象深刻的总数。该插件的用户评分为五颗星,这有助于解释它在开发人员中的受欢迎程度。 Query Monitor有什么作用? 很多。 我们不会花时间列出Query Monitor提供的每个功能,但如果您想深入了解细节,请查看GitHub上的Query Monitor。在高层次上,Query Monitor所做的是在生成WordPress网页的同时监视服务器上或服务器与访问者浏览器之间发生的每个WordPress事务。然后,它将报告附加到网页的页脚,详细说明它收集的所有信息。它适用于每个页面,包括 /wp-admin/ 页面,因此您可以使用它调试任何前端或后端页面。 该插件以核心功能命名:数据库查询监控。每个查询都受到监控、计时,并绑定到生成它的函数。因此,您可以根据查询的处理时间对查询进行排序,并查明有问题、加载缓慢的查询。 Query Monitor还跟踪并列出生成页面的WordPress钩子和条件标签应用程序。作为开发人员,您可以使用此信息来确定添加新插件或主题功能时要使用的正确挂钩或条件标签。 Query Monitor提供了很多附加信息。处理Query Monitor生成的所有内容的最佳方法是将其安装在测试站点上并查看报告。 如何使用Query Monitor 使用您喜欢的方法安装Query Monitor:它位于GitHub上,也可从WordPress插件目录获得。安装插件后,您会注意到的第一件事是管理栏中添加了一个新菜单项: Query Monitor管理栏 新项目上的标签显示了一些指标: 页面生成时间, PHP内存使用高峰, 数据库查询时间,以及 进行的数据库查询总数。 将鼠标悬停在管理栏上,将出现一个下拉菜单。Query Monitor生成的所有数据都包含在添加到页面底部并分为多个部分的单个报告中。单击下拉菜单中的任何项目以转到查询监视器报告的相应部分。例如,下面是页面上运行的整体“queries”的屏幕截图。 Query Monitor查询 如果发生任何PHP错误,或者任何查询花费的时间过长,其他项目将添加到下拉菜单中,突出显示这些问题。单击它们以查看更多详细信息。 您可能会注意到列表中的最后几项从一页更改为下一页。这些以绿色显示的项目是当前页面满足的条件查询标签。 […]

WordPress CSS优化,CSS属性,web开发,字体渲染,页面布局,页面渲染 文字详细教程

即使在2021年,网络性能仍然是一个问题。根据HTTP Archive,平均每个页面需要2MB的下载,发出60多个HTTP请求,在移动设备上完全加载可能需要18秒。样式表占60 kB,分为七个请求,因此在试图解决性能问题时,它很少是最优先考虑的。 然而,CSS确实有影响,不管它看起来多么轻微。一旦解决了JavaScript问题,学习正确优化CSS应该是下一个重点。 CSS如何影响页面性能 CSS性能分析工具 间接CSS性能优化 优化CSS加载性能 优化CSS性能 CSS如何影响页面性能 CSS看起来是无辜的,但可能需要一些繁重的处理。 CSS渲染阻塞 当浏览器遇到<link>标记时,它会在获取和解析CSS文件时停止其他浏览器下载和处理。 JavaScript也可以阻止浏览器渲染,但异步处理可以通过以下方式实现: async属性用于并行下载脚本,脚本准备就绪后立即运行。 defer属性以并行方式下载,然后在DOM就绪时按顺序运行。 type=”module” 属性加载ES模块(其行为类似于 defer)。 诸如图像之类的资源通常需要更多带宽,但可以使用有效的格式,并且可以延迟加载(loading=”lazy”属性),而不阻止浏览器渲染。 所有这些都不可能用CSS实现。文件被缓存,因此后续页面加载应该更快,但渲染阻塞过程仍然存在。 大型CSS文件处理耗时 样式表越大,下载和处理CSS对象模型(CSSOM)所需的时间就越长,浏览器和JavaScript API可以使用该模型显示页面。尽管CSS样式表比大多数其他网站文件都小,但它们也不能免于“越小越好”的经验法则。 CSS文件增长 识别不再使用的样式可能很困难,删除错误的样式可能会对站点造成严重破坏。开发人员通常选择最安全的“保留一切”方法。不再使用的页面样式、组件和小部件仍然存在于CSS中。结果如何?文件大小、复杂性和维护工作量呈指数级增长,使得开发人员删除冗余代码的可能性越来越小。 样式表可以引入其他资源 CSS可以使用@import规则引用其他样式表。这些导入阻止当前样式表的处理,并串联进一步加载 CSS 文件。 其他资产,如字体和图像,也可以参考。浏览器将尝试优化下载,但当有疑问时,它会立即获取它们。内衬基座 64 编码文件仍需进一步处理。 CSS可以使用@import规则引用其他样式表。这些导入会阻止当前样式表的处理,并以串行方式加载更多CSS文件。 也可以引用其他资源,例如字体和图像。浏览器将尝试优化下载,但如果有疑问,它将立即获取下载。内联base64编码文件需要进一步处理。 CSS效果渲染 浏览器有三个渲染阶段: 布局layout(或回流reflow)阶段计算每个元素的尺寸,以及它如何影响周围元素的大小或位置。 绘制paint阶段将每个元素的可视部分绘制到单独的层上:文本、颜色、图像、边框、阴影等。 渲染层合成(composite draws)根据堆叠上下文、位置、z-indexes等,以正确的顺序将每个层绘制到页面上。 如果不小心,CSS属性更改和动画可能会导致所有三个阶段重新渲染。某些特性(如阴影和渐变)在计算上也比块颜色和边距更昂贵。 CSS性能分析工具 承认您有CSS性能问题是恢复的第一步!找到并解决原因是另一回事。 以下工具和服务(不按任何顺序排列)可以帮助您识别代码中的样式瓶颈。 1. 开发人员工具网络面板 Web性能专家花大量时间在开发工具上,尤其是在网络面板上。DevTools是大多数现代浏览器的原生版本,不过我们将在示例中使用Google Chrome。 DevTools可以从浏览器菜单打开,通常是在“更多工具”>“开发人员工具”中,或者通过键盘快捷键Ctrl | Cmd+Shift+I或F12打开。 切换到“网络”选项卡,并确保选中“禁用缓存”,以防止缓存文件影响报告。您还可以更改限制选项以模拟较慢的移动网络。 刷新页面以查看下载和处理瀑布图: DevTools网络面板 任何耗时较长的加载进度条都值得关注,但您应该特别关注堵塞/停滞加载进度条(显示为白色)。在本例中,高亮显示的行和所有后续行都无法开始下载,直到在HTML页面顶部处理了渲染阻塞CSS和JavaScript文件。 过滤器框允许您显示或隐藏特定资源: […]

WordPress DNS缓存,服务器缓存,浏览器缓存,缓存 文字详细教程

在网络上获取信息需要处理能力和时间。数据需要从一台服务器传输到另一台服务器。使用缓存减少了这个时间和资源使用。 回答什么是缓存取决于上下文。总的来说,缓存是一种保存和快速调用常用数据的方法。管理缓存,尤其是在使用WordPress时,可能是流畅、快速运行的站点和令人沮丧的缓慢站点之间的区别。 这篇文章将回答“什么是缓存?”的问题。并提供一些有关如何管理您的见解。 什么是缓存? 缓存如何帮助您优化网站 使用缓存的网站技术 WordPress如何处理缓存 如何安装缓存插件 如何清除缓存 什么是缓存? Web缓存的工作原理 缓存获取应用程序处理的数据并将其存储以备后用。它并不一定要在本身的浏览器,但你会发现网站和其底层技术的使用缓存很多。 “缓存”是存储和调用已保存数据过程的术语。缓存通常包括两个元素: 缓存软件本身运行该过程并将其在各种其他元素之间穿梭。 随机存取存储器 (RAM) 和“内存中”引擎。它们存储通过缓存技术传递的数据。 这些元素必须是高质量和协作的。性能低下的RAM将无法足够快地调用数据以使软件有效地使用它。 考虑到页面文件的大小,大多数Web应用程序几乎都需要缓存。在某些情况下,可靠的实现可以为您提供宝贵的时间。评论网站加载速度快的用户间接称赞了网站服务器核心的缓存软件。我们将在接下来更详细地介绍这一点。 缓存如何帮助您优化网站 计算机技术在不断扩展。换句话说,内存、硬盘空间和其他此类计算机处理元件的大小正在快速增加。在我们的个人计算机中使用64KB RAM的日子已经一去不复返了。现在通常可以看到千兆字节 (GB) 的RAM。一些较新的Apple MacBook甚至可以容纳64 GB的内存。 由于现代Web开发和相关技术放置现场代码的需求,网站也变得越来越重。它不仅需要为最终用户提供更多的处理能力,还需要更强大的服务器和技术来适应。如果没有内存(和缓存),加载速度会慢到爬行。 因此,搜索引擎优化 (SEO) 早就认识到页面速度是网站排名的主要因素。虽然不知道确切的细节,但在搜索引擎结果页面 (SERP) 中放置站点的排名因素包括对站点速度的引用。 文件大小精简而平均也同样好 虽然排名指标不会像您想象的那样使用网站速度作为直接衡量指标——有太多因素在起作用,无法将其用作可靠的指标——但许多其他方面都将其考虑在内。例如,您网站的HTML代码质量和Google Chrome中的加载时间也会产生影响。 DevTools中记录的页面加载速度 关于用户体验 (UX),一个长期存在的指标表明用户将在仅等待两秒钟后放弃页面。它带来了几个问题: 您的Google RankBrain优化(包括跳出率)需要准确无误;否则,您的SEO努力将一事无成。 更快的网站加载速度将有助于控制跳出率。 您网站的用户体验是您网站最关键的元素之一。 通过减少页面加载所需的时间,缓存可以在所有这些方面提供帮助。更重要的是,您的站点使用的资源将减少,从而进一步产生影响。总的来说,快速加载最相关和最新信息的网站将比其他网站表现得更好。接下来,我们将研究您在使用缓存时可能遇到的一些问题。 缓存有时如何导致问题 当然,缓存并不总是花里胡哨。主要的问题是实现一个运行良好的缓存。对于许多小型站点(或至少非企业或网络)来说,不需要大而频繁的缓存周期。它可以看到您的服务器浪费资源缓存未更改的页面。 另一方面,缓存不足(或以正确的方式)的策略和实现可能会看到您提供过时的页面。这个问题有时会发生在 WordPress 网站上。但是,有一些技巧可以克服它。 当然,为页面的旧缓存版本提供服务可能会导致问题。考虑一个必须定期更新其信息的流行病资源站点。现在考虑浏览器缓存不足或不存在对页面的影响。 好消息是,设置缓存以减轻或减轻这些缺点的影响很简单。我们稍后会讨论这个。 使用缓存的网站技术 我们已经注意到缓存通常如何以几种不同的方式在计算中涉及。不过,在本文中,我们将研究非CPU缓存。如果您回顾一下Apple MacBook规格,您会注意到处理芯片中通常包含几兆字节 (MB) 的缓存: […]

WordPress WordPress优化,WordPress嵌入 文字详细教程

在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 rss,RSS Feeds 文字详细教程

WordPress主要以其强大的博客功能而闻名。人们使用RSS订阅源订阅您发布的新内容,也订阅第三方阅读器应用程序,例如Feedly。这样他们就可以随时随地阅读您的新鲜内容。然而,并不是每个人都使用WordPress的博客部分,对于一些企业,事实上,可能只是想在WordPress 中完全禁用RSS Feeds。 默认情况下,WordPress会生成各种内置的RSS Feeds,例如: http://example.com/feed/ http://example.com/feed/rss/ http://example.com/feed/rss2/ http://example.com/feed/rdf/ http://example.com/feed/atom/ 还为您的类别、标签、评论等生成Feed。 WordPress禁用RSS Feeds 有几种不同的方法可以在WordPress中禁用RSS Feeds。您可以使用插件或代码来完成。 使用插件禁用RSS Feeds 使用代码禁用RSS Feeds 1. 使用插件禁用RSS Feeds 禁用WordPress的RSS Feeds的第一种方法是使用像Disable Feeds这样的免费插件。此插件通过重定向所有请求来禁用WordPress网站上的所有RSS/Atom Feeds。它还禁用BuddyPress组Feeds和bbPress论坛Feeds。 您可以从WordPress插件库下载Disable Feeds,也可以在WordPress仪表盘中的“插件-安装插件添”下进行搜索。然后您可以在“设置-阅读”部分下更改设置。默认情况下,插件会将请求重定向到其相应的HTML内容。例如,如果访问者点击分类的RSS Feeds,他们将被定向到分类的存档页面。您还可以选择仅显示404错误,以及是否禁用全局文章Feeds和全局评论Feeds。 Disable Feeds插件 注意:该插件仅禁用源本身,您仍然需要在WordPress主题或相应的侧边栏和页脚小部件中自己删除指向RSS源的链接。 您还可以使用像perfmatters这样的高级插件,它允许您禁用RSS Feeds和禁用RSS Feeds链接,以及对WordPress网站的其他优化。 使用perfmatters禁用RSS Feeds 2. 使用代码禁用RSS Feeds 禁用WordPress RSS Feeds的第二种方法是简单地使用代码。 警告!如果操作不当,编辑WordPress主题的源代码可能会破坏您的网站。建议操作前,备份好原文件。 将以下代码复制到您的子主题的 functions.php文件中。 function itsme_disable_feed() { wp_die( __( ‘No feed available, please […]

WordPress Cache-Control,浏览器缓存,缓存服务器,缓存验证器 文字详细教程

您是否在WordPress网站上的Pingdom、GTmetrix或Google PageSpeed Insights中看到“指定缓存验证器(Specify a Cache Validator)”警告?这是因为缺少HTTP缓存标头,这些标头应该包含在每个源服务器响应中,因为它们都验证并设置了缓存的长度。如果没有找到标头,它每次都会为资源生成一个新的请求,这会增加服务器的负载。 使用缓存标头可确保 不必从服务器加载后续请求,从而为用户节省带宽并提高性能。 指定缓存验证器警告 Pingdom的警告指出: 以下资源缺少缓存验证器。未指定缓存验证器的资源无法有效刷新。指定Last-Modified或ETag标头以启用以下资源的缓存验证。 按照有关如何解决“指定缓存验证”的警告下面的步骤。 修复“指定缓存验证器”警告 关于此警告需要注意的第一件事是,您只能针对服务器上的请求修复此问题。如果您有3rd方请求,您会看到此内容,则您无能为力,因为您无法控制他们的Web服务器。尽管随时与他们分享这篇文章。请记住,使用Pingdom,您可能需要多次运行测试。可能是第一次出现警告,第二次消失。当您第一次运行该工具时,它会从服务器启动资产的缓存。 有四种不同类型的标题可以以不同的方式用于修复此警告。这可能会让人有点困惑,但我们将尝试尽可能简单地解释它。 验证缓存的标头 前两个标头是last-modified和ETag。这些标头可帮助浏览器确定自上次请求以来该文件是否已更改。或者更确切地说,他们验证缓存。 1. 上次修改 最后修改标头通常自动从服务器发送。这是一个您通常不需要手动添加的标题。发送它是为了查看自上次请求以来浏览器缓存中的文件是否已被修改。您可以在Pingdom中查看header请求或使用Chrome DevTools查看最后修改的header的值。 最后修改的标题 2. ETag ETag的头也很类似Last-Modified头。它还用于验证文件的缓存。如果您运行的是Apache 2.4或更高版本,则ETag标头已使用FileETag指令自动添加。就NGINX而言,自2016年以来,ETag标头默认启用。 ETag标头 您可以使用以下代码在NGINX中手动启用ETag标头。 etag on 决定缓存长度的标头 接下来的两个标头是Cache-Control和Expires。这些标头有助于确定文件在从服务器获取新副本之前应在缓存中保留多长时间。请记住,要修复您在Pingdom或GTmetrix中看到的警告,您需要确保您有一个既可以验证缓存又可以确定缓存长度的标头。 3. 缓存控制 Cache-Control是由不同指令组成的标头,允许您定义缓存的长度。一些最常见的指令包括: max-age:定义文件应该被缓存的时间。 public: 允许任何缓存公开存储响应。 private:只能通过浏览器访问文件缓存。 缓存控制头 在上面的示例中,我们可以看到资产正在使用max-age指令。604800秒等于7天的缓存。要在Apache中进行配置,只需将以下代码添加到您的 .htaccess 文件中。 <filesMatch “.(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$”> Header set Cache-Control “max-age=604800, public” </filesMatch> 要在NGINX中配置它,只需将以下代码添加到您的配置文件中。所有NGINX配置文件都位于该/etc/nginx/目录中。主要配置文件是/etc/nginx/nginx.conf. location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ { add_header Cache-Control […]

WordPress CDN加速,Pingdom,浏览器缓存,网站性能,网站测试 文字详细教程

今天我们想深入探讨如何更好地使用和理解流行的网站速度测试工具Pingdom的数据。您可以使用它对您的WordPress网站进行我们所说的瀑布分析。这可以帮助您快速诊断性能问题,并且不会误诊问题。 很多时候我们看到WordPress用户在Pingdom速度测试工具中解释数据错误,这导致有时将网站配置为比以前更糟糕的状态。请记住,所有此类工具都将用作指南,它们永远不会100%准确。重要的是在所有测试中保持一致并使用相同的工具。 Pingdom Pingdom是一家总部位于瑞典的公司(现归SolarWinds所有),提供各种不同的服务,例如正常运行时间监控、页面速度监控、交易监控、服务器监控和访问者洞察 (RUM)。他们最著名的事情之一可能是他们的免费网站速度测试工具。它是WordPress 社区中最受欢迎的性能测试工具之一。 为什么如此受欢迎?嗯,首先,它可能是最容易使用的速度测试工具!并非每个人都是网络性能专家,因此对于典型的WordPress用户来说,其他一些替代工具可能会让人不知所措。有时正如他们所说,少即是多。毕竟,您只关心两件事:您的网站有多快以及如何使其更快。 Pingdom网站速度测试 Pingdom 目前允许您测试来自全球7个不同地点(5大洲)的任何网站的速度: 亚洲 – 日本 – 东京 欧洲 – 德国 – 法兰克福 欧洲 – 英国 – 伦敦 北美 – 美国 – 华盛顿特区 北美 – 美国 – 旧金山 太平洋 – 澳大利亚 – 悉尼 南美洲 – 巴西 – 圣保罗 注意:我们注意到有时并非所有测试位置都可用。这很可能是因为它因维护而停机,或者由于太多人试图对其进行测试而使其过载。如果您一直使用的测试站点位置不再存在,请在一两个小时后回来查看。很有可能它会再次出现。 您选择的测试位置实际上非常重要,因为它与您的网站实际托管的物理位置有关。这就是一个叫做网络延迟的小东西 发挥作用的地方。但我们将在下面更详细地介绍这一点。 使用Pingdom速度测试工具进行瀑布分析 网页由不同的资源组成,例如HTML、JavaScript、CSS、图像和视频。这些中的每一个都会生成请求以呈现您在网站上看到的内容。通常,您的请求越多,您的网站加载速度就越慢。情况并非总是如此,但大多数情况下确实如此。 下面我们将分解每个Pingdom部分,并更详细地解释信息的含义,因为它与您网站的整体性能以及如何进行瀑布分析有关。 Pingdom摘要 性能洞察 响应代码 按内容类型划分的内容大小和请求 按域划分的内容大小和请求 […]

WordPress css,合并CSS 文字详细教程

在Pingdom、GTmetrix或Google PageSpeed Insights中看到“合并外部CSS”警告?对于许多WordPress网站来说,这是一个非常常见的错误。当您从CDN 和/或子域(外部域)加载10个或更多CSS文件时,通常会显示此警告。解决此问题的一种方法是串联您的CSS文件,或将它们组合起来,以便在单个请求中加载它们。 注意:如果您使用支持HTTP/2的提供程序通过HTTPS运行,现在通常可以安全地忽略此警告。使用HTTP/2,现在可以通过单个连接并行加载多个CSS文件。 Pingdom合并外部CSS警告 如果您仍在通过HTTP运行并且还没有迁移到HTTP/2,您可以按照下面的教程学习如何合并外部CSS文件。同样,串连(concatenation)现在是一种通常被认为已弃用的技术。现在,超过77%的浏览器在通过HTTPS以及许多CDN和网络托管提供商运行时支持HTTP/2。 使用CDN时通常会看到合并外部CSS警告,因为您将CSS文件托管在外部域(例如 cdn.domain.com)上。您可以做的只是将您的CSS文件连接到您的Web服务器上。一旦它们组合在一起,您将不再看到此警告,因为它将在单个请求中加载它们。最简单的方法之一是使用由Frank Goossens开发的名为Autoptimize的免费WordPress插件。 Autoptimize插件 这个插件非常轻巧,准确地说只有176KB。在撰写本文时,它目前有超过1,000,000次活跃安装。该插件可帮助您串联脚本、缩小、添加过期标头,以及将样式移至页眉和将脚本移至页脚的能力。 您可以从WordPress插件库下载它 ,也可以在WordPress仪表盘中的“安装插件”插件下搜索它。安装后,您将需要进入设置并启用“Optimize CSS Code”选项。这将串联(组合)您的 CSS 文件。如果您使用的是CDN,请确保输入您的CDN URL。这样,您的CSS文件将作为单个请求加载到CDN上。 合并外部CSS文件 在启用上述设置后,你将看到一个“autoptimize_xxxxx.css”文件的CSS文件。 组合CSS文件

WordPress MySQL优化,MySQL性能,数据库优化 文字详细教程

MySQL是最流行的Web服务器数据库管理系统之一。如果您正在运行一个WordPress网站,它很有可能使用MySQL作为其数据库。这使您必须了解如何完成MySQL性能优化。 优化您的MySQL数据库,以便软件可以更快地响应查询。最终,这可能会导致更短的加载时间和整体更快速的网站。此外,如果您正确维护您的数据库,它应该继续提供高性能,即使它的大小增长。 在本文中,我们将简要概述MySQL是什么以及它是如何工作的。然后我们将探索如何使用四个基本技巧来执行MySQL性能调整。 MySQL是什么以及它是如何工作的 完成MySQL性能调优的4个技巧 MySQL是什么以及它是如何工作的 动态网站将信息存储在数据库中,这是包含大量信息的复杂表格结构的奇特术语。数据库使您能够存储变量并“查询”它们以获得所需的信息。例如,当您加载WordPress网站时,内容管理系统 (CMS)将连接到其数据库以获取所需的信息。 如果由于某种原因WordPress无法连接到数据库,您可能会遇到诸如“ MySQL Server Has Gone Away ”或“ MySQL 1064 ”之类的错误。MySQL是一种开源软件,可让您创建和管理数据库。它远非唯一可在线使用的数据库管理系统。然而,它在市场份额方面确实占据主导地位,大约有15%的网站使用它。   MySQL市场份额 数据库管理有不同的方法,MySQL使用“关系”和“客户端-服务器”模型。这是什么意思: 关系数据库——这种类型的数据库将信息分解成表格。由于关系模型,您可以使用“键”或唯一标识符连接来自多个表的数据。 客户端-服务器模型——使用此模型,您的数据库位于服务器中,而您的网站是客户端。浏览器向您的网站发出请求,而后者又会查询数据库。 由于MySQL是开源软件,因此有许多可用的分支。例如,MariaDB,它是MySQL的一个分支。MariaDB 比其父软件提供了更高的性能。 学习如何让MySQL自己运行得更快仍然是一项宝贵的技能,但是,主要是在您的Web主机不为您进行优化的情况下。让我们谈谈优化需要什么。 完成MySQL性能调优的4个技巧 如果您使用WordPress并想学习如何让MySQL运行得更快,那么最好的办法不是专注于特定的配置。相反,您需要微调您的数据库以匹配您使用WordPress的方式。让我们谈谈这意味着什么。 1. 使您的MySQL版本保持最新 大多数网络主机会自动为您更新MySQL到最新版本。但是,如果您可以完全控制服务器,则需要手动更新数据库管理系统。由于您使用的是WordPress,您可能了解使软件保持最新状态的好处。MySQL性能调优有很多优点,比如: 较新的版本修补软件中的安全漏洞。 最新版本的MySQL得到了更好的优化,因此速度更快。 更快的数据库管理软件直接转化为更短的加载时间。但是,您可能不知道您使用的是哪个版本的MySQL。如果您对服务器具有完全访问权限,则可以启动命令行并运行以下命令: mysql -v -v参数将返回有关您的服务器使用的MySQL版本的信息。您可以将该信息与MySQL官方网站上的最新版本进行比较,以查看可用的更新版本。如果您不习惯使用命令行,可以通过WordPress仪表盘找出您正在使用的MySQL版本。 首先,访问仪表板并转到工具> 站点健康。接下来,打开信息选项卡并单击数据库:   在WordPress中检查MySQL版本 根据您的MySQL版本,软件可能会自动更新。如果没有,您可以使用命令行将MySQL更新到最新版本。 2. 检查您的数据库中是否存在孤立表 通常,您从网站上卸载的插件和网站主题会留下数据。这可能是由于糟糕的编码标准,或者因为插件/主题决定存储该数据,以防您想重新安装它们。这种方法背后的想法是将设置和配置存储在您的数据库中将节省您的时间和工作。 但是,所有这些未使用的表都可能导致数据库膨胀,这反过来可能会降低查询速度,具体取决于服务器的功能。理想情况下,您将在卸载插件后进行清理,以便防止孤立的表和数据堆积。您可以通过两种方式完成该任务:手动或使用插件。 在任何情况下对数据库进行任何更改之前,我们建议您完全备份您的WordPress站点。即使您的主机进行每日备份,这也适用,因此您将拥有站点的副本以在需要时恢复。 备份后,您可以通过phpMyAdmin访问您的数据库。如果您是宝塔面板用户,请登录宝塔面板后台并转到数据库。选择您要处理的站点点击“管理”链接。即可通过phpMyAdmin直接访问你的数据库: 通过宝塔面板访问phpMyAdmin 进入phpMyAdmin后,您可以使用该软件的搜索功能来查找与特定插件相关的孤立表。这种方法的问题是很难知道要使用哪些查询,除非您尝试清理的插件具有全面的文档。 例如,Yoast SEO建议在卸载插件后使用wpseo查询查找与插件相关的表。使用phpMyAdmin运行快速搜索将返回包含不同表中该术语的条目列表: 在您的数据库中查找与Yoast SEO相关的条目 尽管手动方法有效,但我们鼓励您使用数据库清理插件解决方案。使用其中一些插件,您甚至可以从仪表板中找到孤立的表并删除它们,而无需通过phpMyAdmin进行挖掘。 3. 确定MySQL正在自动加载哪些数据 […]

WordPress 图片盗链,防盗链 文字详细教程

没有什么比有人窃取图像或带宽更糟糕的了,但这种情况经常发生,因为互联网上的一切都是公开的,人们可以轻松链接到。如果此人链接到您必须获得使用许可的库存照片,这可能会花费服务器带宽、流量,即您的金钱。 今天我们将解释什么是盗链,它为什么不好,以及如何防止其他人在您WordPress网站上的盗链。 什么是盗链? 为什么盗链不好 防盗链会影响SEO吗? 如何防盗链 如何提交DMCA删除通知 什么是盗链? 盗链的概念非常简单。您可以在Internet上的某处找到图像,然后直接在您的站点上使用图像的 URL。此图片将显示在您的网站上,但将从原始位置提供。这对盗链者来说非常方便,但实际上是盗窃,因为它使用了盗链网站的资源。这就像我们上车开走我们从邻居车里吸走的汽油一样。 为什么盗链不好 以下是盗链时需要注意的几件事: 1. 盗链花费了原始网站所有者的钱 有人从他们的网站链接到您的图片可能看起来没什么大不了的,但这可能会给您带来很多额外的成本。燕麦片就是一个很好的例子。赫芬顿邮报热链接了他的一部由多张图片组成的卡通片。由于我们谈论的是一个流量很大的主要出版物,这给The Oatmeal带来了很多额外的成本,因为成千上万的人正在收到这些图像。在经典的Oatmeal举措中,The Oatmeal的创建者Matthew Inman将所有热链接文件替换为以下内容: 盗链示例 他还小心地用一张画着“后面”和“小便”的图片替换了最后一张图片。惊人的!但正如您所看到的,成本会迅速增加,特别是如果高流量站点是您的内容盗链的站点。您想相信所有作家和博主都知道如何正确使用图像吗?可能不是。这就是盗链保护存在的原因。 2. 盗链在大多数情况下是非法的 在很多情况下,盗链实际上是非法的。为什么?因为您在网络上看到的许多照片都附加了许可限制。以下是一些常见的图片限制,限制了流行图片网站的许可: “在任何情况下都不允许商业用途。” “在您拥有的网站或博客上发表的文章(在文章或新闻中仅用于说明目的)。” 如果有人链接到您的图片并在他们的网站上使用它,则上述两种限制都很容易被打破。他们很可能没有这样做的许可,因为他们没有为许可证付费。这也与没有在他们的网站上正确链接到它密切相关,但也与原始创建者的正确归属密切相关。 3. 服务器资源耗尽 盗链可能会大量消耗目标服务器的资源。想象一下,如果您在共享的 WordPress 主机上,而赫芬顿邮报突然链接到您的图像。您网站上的每小时查询可能会从几百次增加到几十万次。这甚至可能导致您的主机帐户被暂停。这绝对是不仅要使用高性能主机(可以处理像这样的打嗝),还要启用热链接保护以免发生这种情况的原因。 4.盗链只是懒惰 人们盗链仅仅是因为他们懒惰吗?嗯,很多时候,人们不会故意热链接到您的图像,并且不知道这甚至是一个问题。他们通常只是忙于写作,只是复制粘贴 URL 和文件。他们甚至可能不知道如何正确链接到图像。然而,这仍然不是一个好的借口。如果您在网络上撰写内容,了解链接到其他人的图像以及正确归属的最佳做法非常重要。 防盗链会影响SEO吗? 阻止他人盗链不会影响SEO,但确实需要正确设置。有来自Google、Bing、Yahoo等的爬虫需要访问您的图像才能索引并正确显示它们。例如,当您在Google图片搜索中看到图片时,缩略图会从Google的图片缓存中提供。但是原始版本(如果您单击它)实际上是从您的服务器提供的。 Google图片搜索中的盗链 并且您希望在Google图片搜索中使用您的图片。正如WordStream所说,谷歌图片搜索流量是一种“轻松取胜”,实际上可以为您的业务带来转化和潜在客户,否则您可能无法获得。 如何防盗链 有几种简单的方法可以保护您的图片免遭盗链,让我们来看看我们拥有的选项。 CDN Apache NGINX WordPress插件 禁用右键复制 重命名文件 cPanel 使用带有热链接保护的CDN 你们中的大多数人通过自己的网站在全球范围内提供内容,并反过来使用CDN提供商来加快资产的交付。CDN提供商(例如KeyCDN和Cloudflare)已经免费内置了强大的热链接保护,您可以启用它们。这是推荐的方法,因为它们对实际上不应该被阻止的机器人和其他推荐人有非常微调的规则。在CDN上执行此操作的另一个好处是,您无需对 WordPress 安装进行任何更改。 如果您使用KeyCDN,只需单击Zonereferrers并添加规则。抓取工具仍然可以访问和索引您的图像。 KeyCDN盗链保护 他们甚至有一个一键式选项,允许每个区域为空引荐来源。 […]

WordPress W3 Total Cache,W3TC,缓存插件 文字详细教程

W3 Total Cache拥有超过100万的活跃安装,是WordPress插件库中最受欢迎的缓存和优化插件之一。与其他提供相对简单和精简界面的WordPress优化插件不同,W3 Total Cache可以完全控制WordPress站点的缓存配置。 W3TC设置的精细程度使其成为希望最终控制其WordPress网站的高级用户和开发人员的理想插件。在本文中,我们将深入了解W3 Total Cache的设置,并为您提供推荐的配置以提高WordPress网站的性能。 如何安装W3 Total Cache 如何清除W3 Total Cache缓存数据 W3 Total Cache常规设置 W3 Total Cache设置 – 页面缓存 W3 Total Cache设置 — 最小化 W3 Total Cache设置 — 对象缓存 W3 Total Cache设置 — 浏览器缓存 W3 Total Cache设置 – 用户代理组 W3 Total Cache设置 – 引用组 W3 Total Cache设置 — Cookie组 W3 Total Cache设置 […]

WordPress WordPress优化,WordPress查询,WP_Query 文字详细教程

作为WordPress开发人员,我们经常需要从WordPress数据库中检索符合特定条件的文章、页面和其他内容。通常,我们不需要构建SQL查询(通常我们不应该),因为WP_Query类及其方法为我们提供了一种从数据库中检索数据的安全有效的方法。我们只需要声明一个参数数组,$query对象就会构建实际的SQL查询。 在这篇文章中,我将假设您已经了解WP_Query类的基础知识、它的方法和属性,以及在哪里可以找到可用变量的列表。 我们将重点介绍WP_Query类提供的参数,专门用于优化SQL查询,减少执行时间和资源消耗。 当流量和内容有限时,我们通常不会关心查询的效率。WordPress构建了优化良好的SQL查询,并提供了一个开箱即用的缓存系统。 当流量和网站内容显着增长时——多达数千个文章——那么我们必须考虑查询执行时间。 我们的工具箱 WP_Query – 为什么我们不计算行数 缓存或不缓存 返回的字段 我们的工具箱 我将向您展示的代码已经通过Query Monitor测试,这是一个免费插件,提供有关查询性能、触发挂钩、HTTP请求、重写规则等的基本信息。 作为插件的替代方案,我们可以强制WordPress存储查询信息,在wp-config.php中声明以下常量: define( ‘SAVEQUERIES’, true ); 当SAVEQUERIES设置为true时,WordPress会在$wpdb->queries数组中注册查询和一堆有用的信息。因此,调用者函数的名称和每个查询的执行间隔可以通过在像footer.php这样的模板文件中添加以下代码来打印: if ( current_user_can( ‘administrator’ ) ) { global $wpdb; echo ‘<pre>’; print_r( $wpdb->queries ); echo ‘</pre>’; } 以下是回显内容的示例: [4] => Array ( [0] => SELECT SQL_CALC_FOUND_ROWS wp_posts.ID FROM wp_posts WHERE 1=1 AND wp_posts.post_type = ‘post’ […]

WordPress New Relic,WordPress性能,事务管理,网站性能 文字详细教程

New Relic APM是一个强大的工具,可以深入了解WordPress网站的内部工作原理,以查明插件、主题模板文件、数据库查询、外部调用或导致客户网站性能问题的编码错误。 然而,让New Relic运行只是一个开始。如果您从未使用过New Relic APM(即使您使用过),您可能很难充分利用这个强大的工具。在本教程中,我们将向您展示如何使用New Relic APM来诊断和修复WordPress站点上的性能问题。 New Relic APM概览 New Relic APM 那么什么是New Relic APM?就我们的目的而言,以下定义适合: New Relic APM是一个Web应用程序,可提供有关WordPress站点性能的详细信息。 您可以通过向PHP添加扩展来安装New Relic 。该扩展程序侦听PHP处理的每个请求,然后将该信息发送回New Relic仪表板。然后,New Relic将该信息组织成一系列图表和图形,您可以使用它们来诊断网站的性能问题。需要注意的是,HHVM不支持New Relic。 让我们快速浏览一下New Relic的主要数据可视化。 概述 New Relic APM概述 概览提供了网站整体性能的快速快照。您不会从该屏幕诊断特定问题,但显示PHP、MySQL和外部调用如何协同工作的便捷编译可以为您指明正确的方向。 了解有关APM概述页面的更多信息。 事务 New Relic Transactions选项卡 事务(Transactions)选项卡是New Relic中最有用的选项卡。 学会喜欢事务选项卡,您将能够深入了解缓慢的事务,以识别数据库调用、外部资源或降低站点速度的代码瓶颈。事务视图中特别有趣的是慢Transactions列表。要查看列表,请向下滚动到事务选项卡的底部,然后查看页面的右下方。 New Relic Transactions跟踪 在这里,您将找到New Relic捕获的最慢事务的列表。我们现在不会在此部分上花费更多时间,但稍后我们将解释如何使用此部分来诊断您网站的问题。 了解有关New Relic APM事务页面的更多信息。 WordPress钩子 WordPress钩子 WordPress挂钩选项卡提供了通过WordPress操作挂钩触发的所有PHP函数消耗的时间的可视化。此信息对有经验的开发人员很有用,他们可以使用这些信息从重载的钩子中逆向工作,以识别由钩子触发的函数。 WordPress插件和主题 WordPress插件和主题 […]

WordPress WordPress性能,WordPress速度 文字详细教程

谈到WordPress的性能,我们有很多关于插件的说法。每个插件都添加了必须执行的PHP代码,通常包括脚本和样式,甚至可能对数据库执行额外的查询。这意味着不必要的插件会影响页面速度,并可能对用户体验和页面排名产生负面影响。 例如,考虑一个在首页上构建和显示自定义表单的插件,例如Contact Form 7。通常,您在单个页面上只需要一个表单,但理想情况下,您可能希望使用插件的短代码在任何页面上嵌入表单。因此,Contact Form 7会在您网站的每个页面上加载脚本和样式。 但是您真的想运行插件代码并在WordPress网站的每个页面上包含脚本和样式吗? 在这篇文章中,我将向您展示如何防止在特定文章/页面上加载不必要的插件,以便您可以安装其他插件(当然不要发疯),并且仍然可以快速加载您的WordPress网站。为了完成此任务,我们将在特定文章和页面上以编程方式禁用WordPress插件。这是一个四步过程: 选择适合您需求的最受欢迎的插件,并比较它们的功能和对页面速度的影响。 在页面加载之前以编程方式列出和过滤插件。 使用mu-plugin以编程方式过滤和停用不必要的插件。 使用插件过滤和停用不必要的插件。 跟踪网站性能。 选择插件时要遵循的三个一般规则 选择插件时,以下一般规则可能会有所帮助: 仅安装来自可信赖开发人员的编码良好的插件:考虑活跃安装、用户评级、客户端支持、更新频率以及来自WordPress社区的任何有用信息。 首选可扩展插件:在性能方面比较类似插件,利用浏览器开发工具和/或在线服务(如Google Pagespeed Insights、  Pingdom和GTmetrix)来评估每个插件对页面加载时间的影响。 不要安装不必要的插件:这应该是显而易见的,但值得一提的是,出于安全和性能原因,您永远不应该安装您并不真正需要的插件。此外,请确保您不时检查您的插件并卸载那些您不再需要和不再使用的插件。 WordPress插件目录提供了我们在选择插件时应始终考虑的相关信息 一个真实的例子 Contact Form 7是一个很棒的插件,可以在WordPress中构建和显示表单。它为我们的目的提供了一个完美的示例,因为它在每个页面上都包含以下文件,即使页面不包含表单: style.css scripts.js Chrome DevTools Network面板提供有关加载页面时发出的网络请求的详细信息 插件可能会减慢您的网站速度,但我们可以强制WordPress根据请求URL有选择地停用插件。如果您是开发人员,请阅读下一节,我们将学习如何以编程方式管理插件并构建过滤不必要插件的mu-插件。如果您不是开发人员,请随时跳到专门介绍允许过滤和组织插件的插件部分。 如何以编程方式获取所有活动插件的列表 首先,您可以使用简单的PHP代码片段获取WordPress网站上所有活动插件的列表。您可以在自定义插件或免费WordPress 插件(如Code Snippets)的编辑器中添加以下代码。如果您决定使用自定义插件,请不要忘记添加插件标题,如下所示。 wp_options表中的活动插件 每个活动插件都存储在wp_options表中,其中options_name的值active_plugins。所以我们可以通过一个简单的get_option调用来提取这些插件的列表。这是代码: <?php /** * @package active-plugins * @version 1.0 * * Plugin Name: Active Plugins * Plugin URI: http://wordpress.org/extend/plugins/# […]

WordPress WordPress数据库,wp_options,数据库优化,数据库清理 文字详细教程

我们一起看看WordPress数据库中的wp_options表。当涉及到整体WordPress和数据库性能时,这是一个经常被忽视的领域。尤其是在较旧的大型网站上,由于第三方插件和主题留下的自动加载数据,这可能是导致网站查询时间变慢的罪魁祸首。查看以下有关如何检查、排除故障和清理wp_options表的提示。 wp_options表是什么? wp_options表中包含的各种资料为你的WordPress网站,如: 站点URL、主页URL、管理员电子邮件、默认类别、每页文章、时间格式等 插件、主题、小部件的设置 临时缓存的数据 wp_options表 该表包含以下字段,我们在性能方面更关心其中一个字段: option_id option_name option_value autoload wp_options表自动加载 了解wp_options表的重要事项之一是autoload字段。这包含是或否值(标志)。这基本上控制它是否由wp_load_alloptions() 函数加载。自动加载的数据是在WordPress网站的每个页面上加载的数据。就像我们向您展示了如何禁止某些脚本在站点范围内加载一样,同样的想法在这里也适用。默认情况下,开发人员的自动加载属性设置为“yes”,但并非每个插件理论上都应该在每个页面上加载他们的数据。 WordPress网站可能遇到的问题是wp_options表中有大量自动加载的数据。这通常是以下原因造成的: 数据由插件自动加载,而实际上它应该设置为“no”。一个很好的例子就是联系表单插件。它需要在每个页面上加载数据还是只在联系页面上加载数据? 插件或主题已从WordPress站点中删除,但它们的选项仍留在wp_options表中。这可能意味着每次请求都会查询不必要的自动加载数据。 插件和主题开发人员正在将数据加载到wp_options表中,而不是使用他们自己的表。这方面存在争议,因为一些开发人员更喜欢不创建额外表的插件。但是, wp_options表也不是为保存数千行而设计的。 太多自动加载的数据是多少?这当然可以变化,但理想情况下,您希望它在300KB 到1MB之间。一旦开始接近3-5MB 范围或更多,很可能可以优化或删除自动加载的内容。任何超过10MB 的内容都应该立即解决。这并不总是意味着它会导致问题,但这是一个很好的起点。 对wp_options表中的自动加载数据进行故障排除 如果您的WordPress网站运行缓慢,可能是由于旧WordPress插件遗留的查询或自动加载数据。下面我们将向您展示如何检查数据库中自动加载的大小,以及深入了解实时站点的数据并分享我们为清理它所做的工作。 检查自动加载的数据大小 首先要做的是检查WordPress网站上当前自动加载的大小。为此,请登录到phpMyAdmin。单击左侧的数据库,然后单击SQL选项卡。然后输入以下命令并点击“Go”。 SELECT SUM(LENGTH(option_value)) as autoload_size FROM wp_options WHERE autoload=’yes’; 如果您的WordPress站点使用wp_ 以外的其他前缀,您可能需要调整上面的查询。 phpMyAdmin中的自动加载大小查询 autoload_size将以字节为单位返回。KB中有1024字节,MB中有1024KB。所以在我们的例子中,249,025字节等于0.25MB。所以对于这个网站,这是一个很好的尺寸!如果您返回低于1MB的任何内容,您不必担心。但是,如果结果要大得多,请继续本教程。 自动加载大小 下面是我们正在测试的站点,其中返回了137,724,715个字节,或者更确切地说是137MB。这是一个网站肯定有问题的一个很好的例子,或者说有一些事情需要优化。 wp_options表中的大型自动加载数据 您还可以使用更长的查询,如下所示。这将显示自动加载的数据大小、表中有多少条目以及按大小排列的前10个条目。 SELECT ‘autoloaded data in KiB’ as name, ROUND(SUM(LENGTH(option_value))/ 1024) as value […]

WordPress Gzip压缩,html压缩,代码压缩 文字详细教程

加快WordPress网站速度的最简单方法是消除所有不需要的资源。加速它的第二种最简单的方法是压缩所有需要的资源。在您的 Web 服务器上启用 GZIP 压缩是实现这一目标的最简单、最有效的方法之一。 默认情况下,所有现代浏览器都支持GZIP压缩。但是,要为您的用户提供无故障的压缩资源,您必须正确配置您的服务器。 在这篇文章中,您将了解网络数据压缩的基础知识、GZIP压缩是什么、它的各种好处,以及如何使用它来加速不同服务器设置上的WordPress网站。 Web上数据压缩的基础知识 什么是GZIP压缩? 如何检查GZIP压缩是否已启用 如何启用GZIP压缩 GZIP压缩的替代方案 Web上数据压缩的基础知识 网络上的数据压缩是减少网站传输的数据大小的过程。根据数据类型——文本、图像、样式表、脚本、字体——有多种压缩数据的方法。 网页的主要组成部分 例如,缩小HTML、CSS和JavaScript是一种减少浏览器发送数据量的简单方法。在这里,压缩器通过从源代码中删除不必要的字符(例如注释和空格)来压缩文本。 在下面的简单HTML文档示例中,共有三种内容类型:HTML标记、CSS样式和JavaScript代码。 每种内容类型都有独特的语法和语义。总的来说,这个HTML文档总共有357个字符。 <html> <head> <style> /* wbolt-banner is used on the homepage only */ .wbolt-banner { font-size: 150% } .wbolt-banner { width: 75% } </style> </head> <body> <!– wbolt banner START –> <div>…</div> <!– wbolt banner END –> <script> […]

WordPress WP-Cron,系统Cron 文字详细教程

CRON作业用于在您的WordPress网站上定期安排固定时间、日期或间隔的任务。WordPress cron作业的一些示例可能涉及安排要发布的帖子、检查更新或按预定义计划运行的备份插件。 在WordPress中,这是由WP-Cron处理的 ,它用于模拟系统cron。但是,根据您网站的流量,使用内置的cron处理程序实际上会开始影响您的页面加载时间。因此,今天我们将向您展示如何禁用WP-Cron ( wp-cron.php) 并改为使用系统cron以获得更快的性能。 WP-Cron的性能问题 如何禁用WP-Cron 如何调度系统Cron WP-Cron的性能问题 WordPress内置的Cron处理程序WP-Cron存在很多性能问题。首先,重要的是要了解WP-Cron不是真正的cron工作,它只是WordPress为模仿系统cron所做的工作而创建的。 WP-Cron不会连续运行。默认情况下,wp-cron.php每次加载页面时都会触发,这在高流量站点上可能会导致问题。如果一个站点没有足够的PHP workers,有时会有一个请求进来,WordPress会产生cron,但是cron必须等待worker,因此只是坐在那里。 相反的情况也是如此。如果一个网站没有很多流量,由于没有人加载页面,可能会错过时间表。 更好的方法是禁用WP-Cron并改用系统cron。这按预定义的时间表运行,甚至在官方插件手册中也有推荐 。 如何禁用WP-Cron 要禁用WP-Cron,请将以下内容添加到您的 wp-config.php文件中,就在“That’s all, stop editing! Happy blogging。” 注意:这会禁用它在页面加载时运行,而不是当您直接通过wp-cron.php. define(‘DISABLE_WP_CRON’, true); 禁用WP-Cron 如何调度系统Cron 然后,您将需要wp-cron.php从您的服务器进行安排。 如果您的站点是多站点,则您需要执行一些额外的设置步骤,以便为您的子站点运行cron作业。以下是我们可以为此推荐的一些资源: 使用WP CLI在多站点网络上运行Cron作业 在多站点实例上运行WordPress cron 对于单站点WordPress,建议您查看正确设置WordPress Cron作业以了解如何设置系统 cron。 在cPanel中创建Cron作业 如果您使用带有cPanel的主机,您还可以从其控制面板创建系统cron。注意:确保首先禁用上面的默认WP-Cron。 第1步 登录到cPanel。在高级部分中,单击Cron作业。 cPanel定时任务 第2步 在Add New Cron Job部分下,您可以从许多不同的预定义计划中进行选择,例如每小时两次或每周一次。您的托管服务提供商很可能对允许运行cron作业的频率有限制。每小时两次是共享主机的常见设置。 cPanel cron作业设置 第3步 添加以下命令。替换https://domain.com为您的域名。根据您的主机配置方式,此命令可能略有不同。然后单击“Add New Cron Job”。 […]

WordPress WordPress优化,代码优化,网站性能,网站速度优化 文字详细教程

网站性能优化,技术卓越的网站设计的焦点是决定现代在线业务成功的主要因素。毕竟,当等待缓慢的网页加载的折磨使访问者无法寻求替代方案时,不起眼的网站性能会扼杀企业的底线 – 不耐烦是数字美德! 我们创建了以下六章深入的速度优化指南,向您展示拥有一个快速加载、活泼的网站是多么重要!无数研究论文和基准测试证明,优化网站速度是最实惠和最高投资回报率的投资之一! 在以下指南中,我们将尝试解释技术细节,同时为您提供易于遵循的说明,您可以立即开始实施!我们希望您会发现它很有价值,也许值得分享! 教学般的页面加载速度可提高访问者的参与度、保留率并促进销售。根据Aberdeen Group最近的一项研究,即时的网站响应会导致更高的转化率,页面加载每延迟1秒就会降低16%的客户满意度、11%的页面浏览量和7%的转化率 。 第 1 章 – 网站速度优化介绍 第 2 章 – 网站性能影响业务成功 第 3 章 – 速度优化的移动网站使桌面黯然失色 第 4 章 – 影响网站性能的常见商业错误 第 5 章 – 网站速度测试 – 识别性能瓶颈! 第 6 章 – 如何提高网站速度? 第 1 章:网站速度优化介绍 什么是页面速度? 页面速度的定义基本上是指在网页或媒体内容从网站托管服务器下载并显示到请求的Web浏览器的时间长度。页面加载时间是单击链接到在请求浏览器上显示网页中的整个内容之间的持续时间。 页面加载时间 在用户体验和网站性能的背景下,了解页面速度需要三个核心方面: 将请求的材料连同随附的HTML内容交付给浏览器所用时间的视图。 浏览器对页面加载请求的响应。 当请求的网页在浏览器上呈现时,最终用户的视图——这是页面加载速度的最终经验衡量标准。 网站性能随后会影响根据专有和未公开算法开发的搜索引擎中的排名, 其中包括页面速度、用户体验、网站响应能力和许多其他网站性能指标等关键因素。 最大化网站性能的绝对关键原则是从头开始关注页面速度优化。性能优化插件、服务器端脚本和最终调整对页面速度和加载时间的影响很小——但很明显。然而,Web开发人员和在线业务所有者在他们的网站开发和设计策略中往往会忽略页面加载时间。 减缓?有多慢? 任何比眨眼都慢的东西——400毫秒。谷歌的工程师发现,几乎察觉不到的页面加载时间0.4秒足以让用户减少搜索。该技术在改善互联网体验方面取得了长足的进步。1990年代人满为患的网络世界通常被称为“全球等待”,但通信和网络技术的创新已经彻底改变了数字信息在互联网上的传输方式。下一代在线企业拥有即时交付内容所需的所有资源,但为了利用和补充这些资源,企业需要提供最佳用户体验的速度优化网站。 微软速度专家和计算机科学家Harry […]

WordPress Admin-Ajax,ajax,javascript,WordPress性能 文字详细教程

Ajax是一种基于JavaScript的Web技术,可帮助您构建动态和交互式网站。WordPress使用Ajax为其许多核心管理区域功能提供支持,例如自动保存文章、用户会话管理和通知。 默认情况下,WordPress通过admin-ajax.php位于站点/wp-admin目录中的文件引导所有Ajax调用。 大量同时发生的Ajax请求可能会导致高admin-ajax.php使用率,从而导致服务器和网站的速度大大降低。这是许多未优化的WordPress网站面临的最常见问题之一。通常,它表现为网站缓慢或HTTP 5xx错误(主要是504或502错误)。 在本文中,您将了解WordPress的admin-ajax.php文件、它的工作原理、它的优点和缺点,以及如何诊断和修复高admin-ajax.php使用率问题。 admin-ajax.php文件是什么? 如何在WordPress上诊断admin-ajax.php高频使用问题 admin-ajax.php文件是什么? admin-ajax.php文件包含在WordPress上路由Ajax请求的所有代码。它的主要目的是使用Ajax在客户端和服务器之间建立连接。WordPress使用它来刷新页面内容而无需重新加载,从而使其动态且与用户交互。 Admin Ajax如何在WordPress上工作的基本概述 由于WordPress核心已经使用Ajax为其各种后端功能提供支持,因此您可以使用相同的功能在WordPress上使用Ajax。您需要做的就是注册一个操作,将其指向您站点的admin-ajax.php文件,并定义您希望它如何返回值。您可以将其设置为返回HTML、JSON甚至XML。 WordPress中的admin-ajax.php文件 根据WordPress Trac,admin-ajax.php文件首次出现在WordPress 2.1中。它在WordPress开发社区中也称为Ajax Admin。   检查Ajax使用情况 上面的图表只显示了admin-ajax.php请求的数量,而不是它们可能来自哪里。这是查看峰值何时发生的好方法。您可以将其与本文中提到的其他技术结合使用,以缩小主要原因。 在Chrome DevTools中检查admin-ajax.php请求的数量 您还可以使用Chrome DevTools查看有多少请求被发送到admin-ajax.php. 您还可以查看“Network”部分下的“Timings”选项卡,了解处理这些请求所需的时间。 至于admin-ajax.php高使用率背后的确切原因,主要有两个主要原因:一是前端,二是后端。我们将在下面讨论两者。 如何在WordPress上诊断admin-ajax.php高频率使用问题 第三方插件是admin-ajax.php使用率高的最常见原因之一。通常,此问题会出现在站点的前端,并经常出现在速度测试报告中。 但是插件并不是这里唯一的罪魁祸首,因为主题、WordPress 核心、网络服务器和DDoS攻击也可能是Admin Ajax使用率高的原因。 让我们更详细地探索它们。 如何确定插件和主题的admin-ajax.php使用率高的来源 WordPress.org插件库中的Ajax驱动插件 WordPress开发人员经常使用Ajax来创建动态和交互式插件和主题。一些流行的示例包括添加实时搜索、产品过滤器、无限滚动、动态购物车和聊天框等功能。 仅仅因为插件使用Ajax并不意味着它会减慢您的站点的速度。 在WebPageTest报告中查看admin-ajax.php请求 通常,Admin Ajax在页面加载结束时加载。此外,您可以将Ajax请求设置为异步加载,因此它对用户感知的页面性能几乎没有影响。 正如您在上面的WebPageTest报告中看到的admin-ajax.php,在请求队列的末尾加载,但它仍然需要780毫秒。仅一个请求就需要很多时间。 GTmetrix报告表明admin-ajax.php使用率严重飙升 当开发人员没有在WordPress上正确实现Ajax时,可能会导致严重的性能问题。上面的GTmetrix报告就是这种行为的一个完美例子。 您还可以使用GTmetrix来挖掘单个文章和响应数据。您可以使用此功能查明导致问题的原因。 为此,请转到GTmetrix报告的Waterfall选项卡,然后找到并单击POST admin-ajax.php项。您将看到此请求的三个选项卡:标题、发布和响应。 POST admin-ajax.php请求的Headers数据 查看请求的Post和Response选项卡将为您提供一些提示,以找出性能问题背后的原因。对于此站点,您可以在“Response”选项卡中看到线索。 POST admin-ajax.php请求的响应数据 您可以看到响应的一部分与id设置为“fusion-form-nonce-656”的输入标签有关。 快速搜索这条线索将带您到ThemeFusion的网站,Avada主题的创建者。因此,您可以得出结论,该请求来自主题,或者与它捆绑的任何插件。 在这种情况下,您必须首先确保Avada主题及其所有相关插件已完全更新。如果这不能解决问题,那么您可以尝试禁用主题,看看是否可以解决问题。 与禁用插件不同,在大多数情况下禁用主题是不可行的。因此,尝试优化主题以消除任何瓶颈。您还可以联系主题的支持团队,看看他们是否可以提出更好的解决方案。 在GTmetrix中测试另一个慢速网站导致发现与Visual […]

WordPress 图片压缩,无损压缩,有损压缩 文字详细教程

根据HTTP Archive,截至2018年12月,图像占桌面和移动设备平均网站页面权重的40%以上。那是巨大的!当谈到新的移动优先索引和性能时,图像优化对于WordPress网站的加载速度起着至关重要的作用。图像压缩是您可以实施的最简单的优化之一,反过来也会产生最大的影响。从本质上讲,这需要通过使用两种流行的压缩形式来减小图像的文件大小:有损和无损。WEBP支持两种压缩方式! 今天我们将深入研究有损和无损这两种类型的图像压缩,并讨论我们建议您使用哪一种。这可能因您经营的业务类型而异。 有损压缩 无损压缩 哪种压缩方法更好? 如何在 WordPress 中使用有损压缩 有损压缩 第一种压缩形式是有损的。有损压缩涉及消除图像中的一些数据。因此,这意味着您可能会看到性能下降(质量下降或某些人称之为像素化)。所以你必须小心你减少了多少图像。不仅是因为质量,还因为你无法逆转这个过程。当然,有损压缩的一大好处以及为什么它是最流行的压缩方法之一是您可以将文件大小减少很多。 JPEG和GIF都是有损图像格式。 JPEG非常适合需要快速加载时间的站点,因为您可以调整质量级别以获得质量和文件大小的良好平衡。 WordPress自动压缩图像 您知道WordPress在您将JPEG上传到媒体库时会自动压缩它们吗?默认情况下,WordPress会自动将图像压缩至原始大小的90%。但是,从WordPress 4.5开始,他们将这一比例提高到82%,以进一步全面提高性能。如果您想知道为什么您的图像在新安装的WordPress上看起来有点像素化,这就是原因。 虽然自动压缩很棒,但我们通常看到82%远不足以真正影响您网站的性能。因此,如果需要,您可以通过将以下过滤器添加到主题functions.php文件来禁用此选项。请记住,在编辑您的网站之前,请务必先进行备份。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 100;’ ) ); 如果你想提高WordPress的自动压缩率,你可以添加过滤器并降低原始文件的百分比,例如下例中的70%。 add_filter( ‘jpeg_quality’, create_function( ”, ‘return 70;’ ) ); 请记住,这些不会影响已上传的图像。您需要使用像Regenerate Thumbnails这样的插件才能将其应用到您现有的媒体库中。或者更好的是,我们只是建议您不要理会您的主题,只需使用图像优化 WordPress 插件(我们将在下面进一步介绍)或在上传图像之前进一步压缩图像。 使用Save for Web(软件)压缩图像 您可以使用Adob​​e Photoshop、Affinity Photo、Affinity Designer或其他图像编辑器等工具来调整图像的质量设置(如下所示)。在大多数工具中,它位于“保存到网络”或“导出设置”下。 更改照片质量 如果我们对有损压缩率进行一些比较,我们可以看到 50% 看起来不错。33% 的一些背景细节开始变得有点模糊(但会很不明显),而5%显然是不可接受的。这只是为什么WordPress中的自动82%还不够的一个例子。您可以而且应该以更高的速率压缩以进一步减小文件大小。 original.JPG 2.82 MB(2,000 像素 x […]

WordPress WordPress性能,WordPress调试,网站性能 文字详细教程

今天,我们将深入探讨如何调试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 禁用评论,评论插件 文字详细教程

WordPress评论系统可能是一个有价值的功能。让访问者对您的帖子发表评论可以提高参与度并提供各种其他好处。同时,这不是您在每个网站上都需要或想要的功能。 幸运的是,如果您不使用它们,则可以禁用WordPress评论。除了删除不需要的功能外,这也是减少垃圾邮件和加快WordPress网站速度的明智方法。 在这篇文章中,我们将更多地讨论为什么可能想要在WordPress中禁用评论。然后,我们将引导您完成三种快速简便的方法。 为什么您可能会选择禁用WordPress评论 如何在WordPress中禁用评论(3 种方法) 为什么您可能会选择禁用WordPress评论 现在很容易忘记,但WordPress最初是作为一个博客平台。尽管从那时起它已经发展了很多,但它的许多核心功能仍然专注于对博客和类似类型网站有用的功能,例如相当强大的评论功能: WordPress网站上的评论示例 WordPress使您能够让访问者对您网站的内容发表评论。默认情况下,此功能对页面禁用,对帖子启用。这是有道理的,因为您很少希望允许在静态网页上发表评论。 另一方面,评论部分确实可以增强您的博客文章、新闻文章和其他及时内容。 尽管如此,并非每个网站都需要或将从评论部分中受益。事实上,有时最好完全禁用WordPress评论。一些有意义的情况包括: 当您没有博客,或者您使用“文章”内容类型来创建不同类型的内容(例如产品页面)时。 您的站点主要致力于通过静态页面提供信息,而不是生成对话。 您正在运行一个商业网站,并且您担心评论可能会使您的页面显得不那么专业。 您希望鼓励您的受众在您的文章和页面以外的其他地方进行交流,例如在专用论坛中。 无论您运行什么类型的网站,关闭WordPress中的评论还有其他一些潜在的好处。 例如,您不必担心垃圾评论会使您的网站看起来很乱,或者用垃圾链接填充您的文章。此外,禁用评论意味着您的页面会更精简,这会对您网站的性能产生积极影响。 每个站点都不同,因此您需要权衡针对特定细分市场和受众的评论的利弊。如果您决定要部分或全部禁用评论,有许多简单的方法可以实现。 如何在WordPress中禁用评论(3 种方法) 有很多方法可以在WordPress中禁用评论。三个主要选项是使用WordPress的内置设置、插件和一些自定义代码。 每种方法都有其优点,并且在特定场景中更有用。您可以通读所有三个或使用下面的链接跳转到您最感兴趣的部分。 使用WordPress的内置选项禁用评论 使用WordPress插件禁用评论 通过自定义代码禁用评论 1. 使用WordPress的内置选项禁用评论 禁用WordPress评论的第一个也是最简单的方法是使用平台中已经包含的设置。这是一个快速解决方案,尽管涉及某些限制(我们将在稍后讨论)。 但是,如果您只想完全关闭评论,这通常是最好的方法。 您可以采用两种方法,具体取决于您是要在WordPress中为特定文章或页面还是整个网站禁用评论。 选项 1:关闭对特定文章或页面的评论 首先,让我们看看如何关闭对特定文章或页面的评论。 但是,请记住,默认情况下页面的评论是禁用的,因此如果在某个时候启用了评论,您只需在单个页面上将其关闭。 首先,打开有问题的WordPress文章或页面。然后,查看右侧边栏。您应该会看到一个标签为“讨论”的部分:继续并打开它: 禁用对WordPress文章的评论 在这里,您会发现两个选项。要禁用评论,只需取消选中允许评论框。然后,确保保存或更新页面或文章,访问者将无法再对其发表评论。 作为参考,以下是使用经典编辑器的人的所有外观: 经典编辑器中的讨论设置和允许评论复选框 但是,请记住,这不会删除页面或文章上预先存在的评论。 为此,您需要在WordPress仪表盘的“评论”选项卡下手动删除它们。 选项 2:全局关闭评论 另一方面,如果您决定不允许对您网站的任何帖子发表评论怎么办?在这种情况下,您还需要在WordPress中全局禁用评论。 您可以通过导航到“设置”>“讨论”来执行此操作: WordPress的讨论设置 在这里,只需取消选中允许人们对新文章发表评论选项。这意味着以后在您网站上创建的所有文章都将禁用评论。 这种特殊方法有两个缺点。首先,与上面的选项非常相似,它不会从您的站点中删除任何现有评论(您仍然需要手动删除它们)。 此外,这也不会禁用对现有文章的评论,只会禁用对新文章的评论。幸运的是,您也可以使用一些小技巧来处理这些内容。在同一页面上,找到自动关闭对 _ 天之前的文章的评论选项,选中该框,然后在该字段中添加0。 这将关闭您网站当前文章的所有评论部分。与之前的设置结合使用时,这会导致全局禁用您的评论部分。 2. 使用WordPress插件禁用评论 […]

WordPress DNS Lookup,DNS查询,DNS速度 文字详细教程

您可以对WordPress进行许多不同的优化,其中一些比其他优化更重要。一个经常被忽视的因素是与DNS相关的查找时间,以及它对您网站的影响有多大。就像TTFB和网络延迟一样,在计算总页面加载时间时,这是一个重要的难题。 所以今天我们将深入探讨一些关于如何减少DNS查找并加快它们的速度、为什么应该这样做以及它如何在WordPress网站的性能中发挥作用的建议。 什么是DNS Lookup? 要向您展示什么是DNS Lookup,您首先需要了解DNS的工作原理。DNS(域名系统)本质上是互联网的支柱。解释DNS如何工作的一个常见参考是将其视为万维网的电话簿。您访问的每个网站和域都映射到一个IP地址。 当您在地址栏中键入Google.com时,您的ISP会执行DNS查询以请求与域关联的名称服务器。然后由服务器在后台完成到IP地址的映射,然后您就可以使用域名来访问它。如果没有DNS,您将必须输入类似216.58.217.206的内容才能访问Google。那不是很好玩吗! DNS的工作原理 当您浏览网站时,必须在下载任何内容之前为请求的每个域进行DNS查找。但是,不必对每个资源都执行DNS查找。例如,假设我们有以下HTTP请求: https://wpdev.ink/ https://js.stripe.com/v3/ https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/images/header.jpg https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/global.js https://cdn.wpdev.ink/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js https://cdn.wpdev.ink/fonts/open-sans-v13-latin-regular.woff2 https://cdn.wpdev.ink/fonts/open-sans-v13-latin-700.woff2 尽管上面总共有八个HTTP请求,但总共只有三个唯一域。这意味着有三个DNS查找。 https://wpdev.ink https://js.stripe.com https://cdn.wpdev.ink Pingdom中的DNS查找 以下是上述请求在Pingdom网站速度测试工具中的显示方式。DNS表示为粉红色条,以毫秒为单位。当您第一次通过Pingdom运行您的网站时,它会执行新的查找,并且必须查询每个域的DNS记录以获取IP信息。请注意,它不必在cdn.wpdev.ink域上多次查询DNS。这就是DNS的工作原理。它只需要查询一个域一次。所以下面总共有8个请求,但只有3个DNS查找。 此DNS查找会导致额外的加载时间,因为在DNS查找完成之前无法加载任何内容。请注意,在一个CDN URL上的DNS查找耗时超过300毫秒。这不包括在wpdev.ink或js.stripe.com上的查找。所以你可以看到这会如何随着时间的推移而累加。 Pingdom中的DNS查找 当您通过Pingdom多次运行您的网站时,它会缓存DNS,因为它已经知道IP信息并且不必再次执行查找。这就是为什么您的网站在通过Pingdom多次运行后显示速度更快的原因之一。正如您在下面的屏幕中看到的,在第二个测试中,CDN URL上的DNS查找时间为0毫秒。这是很多人误解的一个领域。但别担心,我们将在下面深入研究DNS缓存。 Pingdom中的DNS缓存 GTmetrix中的DNS查找 每个网站速度测试工具的工作方式略有不同,但几乎所有工具都会为您计算DNS查找时间。以下是相同请求在GTmetrix中的显示方式。DNS用绿色条表示,以毫秒为单位。 GTmetrix中的DNS查找 WebPagetest中的DNS查找 这是一个使用WebPageTest的示例。他们实际上对您的请求详细信息有一个快速概览,您可以在其中单击“DNS查找”列并按最高响应时间对其进行排序。我们以通过该工具运行usatoday.com为例,仅DNS查找时间就花了6.5秒! 由于所有的外部请求,许多这些新闻网站没有被高度优化是很常见的。但是正如您所看到的,他们站点上的DNS查找时间可能比大多数人的整个站点花费的时间更长。这就是DNS很重要的原因。 较长的DNS查找时间(网页测试) 如何减少和加速DNS查找 既然您对DNS的工作原理有了更多的了解,我们将向您展示一些关于如何减少DNS查找并在您的WordPress站点上加快查找速度的建议。在某些网站速度测试工具中,这有时也称为“最小化DNS查找”。 最小化Pingdom中的DNS查找 技巧 1 – 使用快速DNS提供商 重要的是要了解,就像托管一样,有越来越快的DNS提供商。这应该是您修复的第一件事。 通常,GoDaddy和Namecheap等域注册商提供的免费DNS速度非常慢。DNS提供商通常像CDN一样工作,他们在全球拥有多个POP。大型DNS提供商,如Amazon、Cloudflare、Dyn和DNS Made Easy,都拥有专门为具有低延迟环境的DNS设计的庞大基础设施。 我们进行了一些测试来比较一些流行的DNS提供商的速度。我们使用了KeyCDN的性能工具以及SolveDNS的速度测试,取了平均值。速度是从全球多个地点测量的。如您所见,除了Cloudflare,免费DNS提供商的速度肯定较慢。这就是为什么如果您认真对待您的业务和网站,我们强烈建议您使用优质DNS提供商。 DNS提供商速度 上述某些提供商在某些地区也比其他提供商更快,因此确定您需要快速DNS查找时间的区域(区域或全球)非常重要。 DNSPerf是另一种较新的DNS速度比较工具,您可以在选择提供商时使用。您知道吗,您也可以使用Cloudflare的DNS而无需其CDN功能? 技巧 2 – 更改TTL值以利用DNS缓存 […]

WordPress WordPress优化,WordPress性能,WordPress速度 文字详细教程

多年来,我们发布了许多WordPress速度优化教程,其中包含优化和加速WordPress的方法。但有时试图在一个地方找到您需要的一切可能会令人困惑。因此,今天我们将与您分享我们所知道的关于WordPress涡轮增压的所有知识,超过15年的经验和吸取的惨痛教训,所有这些都在一本终极指南中。无论您是刚开始使用WordPress还是经验丰富的开发人员,我们保证您会在本指南中找到有用的东西! 超过43.0%的网络现在由WordPress提供支持。虽然这很棒,但这也意味着有成千上万种不同的主题、插件和技术必须共存。对于日常的WordPress用户来说,当他们的网站开始出现瓶颈并且他们不知道为什么甚至不知道从哪里开始故障排除时,这很快就会变成一场噩梦。 在我们之前的页面速度指南中,我们讨论了许多性能的基础知识以及它如何对您的业务成功产生巨大影响。但今天我们将深入探讨您现在可以采取的适用步骤,以查看您自己的WordPress网站的改进。我们还将分享一些对我们来说非常宝贵的资源。 WordPress网站类型:静态或动态 选择高性能WordPress主机 选择离访问者最近的服务器 高级DNS优于免费DNS 您的WordPress主题很重要 WordPress插件的秘密 最佳WordPress设置 为什么缓存如此重要 图像优化是必须的 微调您的数据库 使用内容交付网络 (CDN) 需要时卸载媒体和电子邮件 如何找到瓶颈和缓慢的插件 后端优化建议 前端优化和外部服务的技巧 始终以移动为先进行优化 WordPress网站类型:静态或动态 在我们深入研究WordPress速度优化之前,首先要了解并非所有WordPress站点都相同,这一点很重要。这就是许多用户遇到问题的原因,因为您无法以相同的方式解决所有问题。我们总是给WordPress网站一个分类:静态或动态。因此,让我们首先探讨这两种类型的网站之间的差异。 主要是静态站点 静态通常包括博客、小型企业网站、低容量新闻网站、个人、摄影网站等网站。静态是指这些WordPress网站上的数据不经常更改 (可能每天更改几次)。甚至我们教学博网站的大部分内容也会被视为静态网站。 这变得非常重要,因为可以以教学般的速度直接从服务器上的缓存中处理许多请求!别担心;我们将在下面深入探讨缓存的主题。这意味着他们将有更少的数据库调用,并且不需要那么多资源来实现谷歌性能。 高度动态的站点 另一方面,我们拥有高度动态的网站。其中包括电子商务(WooCommerce或Easy Digital Downloads)、社区、会员、论坛(bbPress或BuddyPress)和学习管理系统 (LMS) 等网站。动态,我们的意思是这些WordPress站点上的数据经常变化 (服务器事务每隔几分钟甚至每秒发生一次)。这意味着并非所有对服务器的请求都可以直接从缓存中得到服务,并且需要额外的服务器资源和数据库查询。 这些站点通常也有大量的并发访问者和会话。在大部分是静态的信息或企业WordPress网站上,访问者可能会停留5或10分钟,直到找到他们需要的东西(这是一个很大的数字,通常跳出率要高得多)。在动态网站上,情况正好相反。访问者通常来到该网站是为了与某事或某人互动。如果他们正在学习在线课程,那么他们待上几个小时并不罕见。 你可以看到这是怎么回事。连接到您的WordPress主机的并发访问者增加得很快。更糟糕的是,除了“无法缓存的内容”问题之外,还有大量并发访问者。 选择高性能WordPress主机 WordPress主机是一家存储您网站所有数据的公司。您注册了一个计划,您的所有图像、内容、视频等都位于位于主机数据中心的服务器上。WordPress主机为您提供了一种访问数据、管理数据并将其路由给访问者的简单方法。很简单吧?嗯,不完全是。 您会在网络上遇到三种非常不同类型的 WordPress 主机。让我们深入探讨每种方法的优缺点。从一开始就选择正确的方法很重要,否则,您只会让自己头疼并浪费时间。 1. 共享WordPress主机 第一种也是最受欢迎的WordPress托管类型是我们所说的“共享托管”。其中包括业内最大的主机,例如Bluehost和HostGator等EIG公司,以及Siteground、GoDaddy、Media Temple、OVH、GreenGeeks和InMotion Hosting等提供商。他们通常使用cPanel,普通客户通常每月支付3至25美元。 任何使用此类托管的人都会在某个时候体验缓慢,这只是时间问题。为什么?因为共享主机往往会服务器人满为患,这反过来又会影响您站点的性能。站点暂停或频繁出现 500 错误是您经常遇到的事情,因为它们必须限制一切并整合资源才能生存。或者更糟糕的是,网站停机时间。即使您不知道,您的WordPress站点很可能与200多个其他人位于同一台服务器上。其他网站出现的任何问题都可能渗透到您的网站。 WordPress托管共享主机 无论您如何计算,扣除费用后,每月3美元都不会为托管公司带来任何收入。尤其是当您将支持归因于此时。只是一个小的共享主机订单,他们必然处于亏损状态。他们赚大钱的方式是追加销售和隐藏费用。这些追加销售包括迁移、域注册、SSL证书等。另一种常见的策略是提供巨大的注册折扣。但是,一旦续订到来,您就会得到真正的账单。 这些主机中的大多数都提供他们所谓的“无限资源”计划。你可能都看到了这一点。好吧,现实世界中没有无限资源这样的东西。主机在幕后所做的是限制客户端消耗大量资源。反过来,这最终会导致那些愤怒的客户离开,为更多不使用大量资源的客户腾出空间。最后,您将陷入一个恶性循环,即托管公司推出廉价计划并注册他们希望不会使用大量资源并会购买追加销售的客户。 由于站点数量与支持代表相比,共享主机的客户服务和支持几乎总是低于标准。共享主机必须将自己分散得很细才能盈利,这通常会给客户带来不愉快的体验。 2. VPS主机 第二种类型是VPS主机,或“在虚拟专用服务器上自己动手”。这群人通常由引导初创公司和具有更多开发、服务器管理和WordPress经验的用户组成。他们是DIY人群。这些人通常仍在努力省钱,但他们通常也关心绩效并意识到绩效对他们业务成功的重要性。Commons设置可能包括使用第三方VPS提供商,例如Digital Ocean、Linode或Vultr;以及像ServerPilot这样的工具来更轻松地管理它。 DigitalOcean的小型VPS起价为每月5美元,ServerPilot的流行计划起价为每月10美元。因此,根据您的设置,您可能会看到每月5到15美元或更多的费用。DIY方法可以降低成本,但这也意味着如果出现问题,您需要负责并优化服务器的性能。 […]

WordPress traceroute,服务器测试,网络延迟 文字详细教程

网络上的许多文章往往主要关注前端WordPress优化和加快网站速度的快速方法。服务器优化(例如网络延迟)有时会被忽视或忽视。因此,我们认为深入了解网络延迟的重要性及其在加载不同区域时对WordPress网站的影响会很有趣。 虽然CDN绝对可以帮助减少网络延迟,但您的主机服务器位置仍然非常重要,特别是如果您在非常特定的地理位置为访问者提供服务。延迟很重要,我们将向您展示几个原因。 什么是网络延迟? 网络延迟是指通过网络传输数据所涉及的时间和/或延迟。换句话说,一个数据包从一个点到另一个点需要多长时间。如今,这通常以毫秒为单位进行测量,但是,根据网络的不同,它也可能是秒。越接近零越好。 延迟是信号在地理距离以及通过各种通信设备时引入的等待时间。 – Whatis.com 换句话说,距离越远,延迟越大,这等同于更长的延迟。当涉及到通过光纤电缆传输的数据时,您无法超越光速。例如,下面是Google Cloud Platform网络的地图。他们有数千英里的电缆在海底覆盖整个地球。这就是为什么它是世界上最快的网络之一的原因之一。即使拥有这种广泛的最先进网络,仍然总是会有延迟延迟。 光纤电缆的延迟 有几个不同的因素会导致网络延迟,其中包括: 传输延迟: 不同类型的介质,例如无线或光纤连接,都会引入某种类型的延迟,因为它们只能推出这么多位。例如,光纤连接的传输延迟将低于 T1 线路。您还必须考虑数据包的大小。 传播延迟: 这是数据包传播所需的时间。这可能包括距离、网络延迟等。 排队延迟: 如果超出带宽,可能会出现排队延迟,数据必须在主机或路由器处等待。这可能会受到网络拥塞的影响。 为什么网络延迟很重要 有些人可能会争辩说,网络延迟并不是很重要,但是,这可能与您选择托管WordPress网站的位置有关。对于媒体和您的资产(例如图像、JavaScript、CSS、视频),CDN可以通过从更近的服务器提供副本来解决很多额外的延迟问题。但是,在大多数配置中,您仍然需要查询您的托管服务器以获取初始DOC加载。这就是延迟很重要的原因! Trainline将整个渠道的延迟减少了0.3秒,客户每年额外花费800万英镑(约合1150万美元)。– WPO 统计 对于为特定地理位置的访客提供服务的企业,延迟尤其重要。例如,假设您在悉尼有一家电子商务商店,您90%的客户来自澳大利亚。将您的网站放置在澳大利亚的服务器上,而不是将其托管在欧洲或美国,您的企业肯定会受益。我们将在下面讨论它对您的网站的影响有多大。 比较Google Cloud网络延迟 距离是延迟延迟的主要原因之一。然而,重要的是要记住,延迟不仅受距离的影响,还受它所产生的跳数、中间路由器等的影响。测量网络延迟的几种方法包括Ping、Traceroute和MTR。在这个例子中,我们将简单地使用ping时间并运行一些traceroute测试。如果您真的想深入研究数据,可以运行traceroute命令。 因此,我们在位于不同地理区域的Google Cloud Platform上启动了几台测试机器。许多其他托管服务提供商使用Google Cloud的标准层网络,这会导致速度变慢。 perf1主机(位于美国爱荷华州) perf2主机(位于澳大利亚悉尼) perf3主机(位于德国法兰克福) 然后我们使用KeyCDN的免费Ping测试工具 ,它允许我们同时从14个位置进行测试。请记住,ping时间越短越好, 因为这与数据通过Internet传输到其目标地址然后返回给您所需的延迟时间(以毫秒为单位)直接相关。我们还使用了他们的traceroute工具。 Perf1(爱荷华州,美国) 对于位于美国爱荷华州的测试服务器,位于美国的位置的ping时间要低得多(到达拉斯的平均ping时间为16毫秒)。当您开始深入欧洲或新加坡时,您开始体验更高的平均ping时间(到新加坡的平均ping时间为244毫秒)。 Ping时间 perf1(美国) 如果我们比较Traceroute,您可以看到一个示例,从美国爱荷华州到德国法兰克福需要7个额外的网络跃点(与从达拉斯的10个跃点相比)。这就是为什么重要的是要记住,网络跃点也会影响网络延迟。 Traceroute perf1(美国) Perf2(澳大利亚悉尼) 对于位于澳大利亚悉尼的测试服务器,澳大利亚和亚太地区的ping时间要低得多(到悉尼的平均ping时间为1毫秒)。当您开始深入欧洲或南美洲时,您开始体验更高的平均ping时间(到圣保罗的平均ping时间为319毫秒)。 Ping时间perf2(澳大利亚) 如果我们比较Traceroute,您可以看到一个示例  ,从澳大利亚悉尼到德国法兰克福需要14个额外的网络跃点。 Traceroute perf2(澳大利亚) Perf3(法兰克福,德国) 对于位于德国法兰克福的测试服务器,欧洲甚至美国的ping时间要低得多,这可能是由于两者之间的快速骨干连接(到阿姆斯特丹的平均ping时间为7毫秒)。当您开始深入到亚太地区或南美洲时,您开始体验更高的平均ping时间(到新加坡的平均ping时间为308毫秒)。 Ping时间 perf3(德国) 如果我们比较Traceroute,您可以看到一个示例  ,从德国法兰克福到巴西圣保罗需要11个额外的网络跃点。 Traceroute […]

WordPress HTTP请求,减少HTTP请求,网站优化 文字详细教程

您网站的HTTP请求越多,加载速度就越慢。因此,如果您可以减少HTTP请求的数量并优化它们的加载方式,您就可以提高网站的性能。 在这篇文章中,我们将带您了解有关如何减少WordPress上的HTTP请求的所有信息。 我们将从HTTP请求的基本介绍、它们的重要性以及如何分析WordPress站点的请求开始。 然后,我们将分享一些技巧和策略,您可以实施这些技巧和策略来减少站点的请求。除了帮助您处理GTmetrix中的“减少HTTP请求”消息外,这些策略还有助于处理Google PageSpeed Insights中的“避免链接关键请求”消息。 什么是HTTP请求? 为什么减少HTTP请求很重要? 如何查看和分析您网站的HTTP请求 如何在WordPress中优化和减少HTTP请求 减少HTTP请求的最佳WordPress插件 什么是HTTP请求? 当你建立一个网站时,它有很多不同的部分。您有在页面上使用的不同图像文件、控制内容外观的CSS样式表、添加所有酷功能的JavaScript文件,等等。 当有人访问您的网站时,他们的浏览器需要一种方法来从您的服务器下载该页面所需的所有资源。为此,它为每个单独的资源向服务器发出HTTP请求。 例如,它可能会说,“嘿服务器,我需要那个coolimage.png文件”和“嘿服务器,我还需要该联系表单插件的CSS样式表”。然后服务器用相关文件响应这些请求。 一旦网络浏览器获得这些文件,它就可以为您的访问者组装网页。当然,它比那要复杂一些,但这是基本思想。 HTTP是超文本传输​​协议的缩写,是这些计算机(访问者的浏览器和您的网络服务器)进行通信的方式。 需要理解的一件重要事情是每个单独的元素都是一个单独的HTTP请求。例如,如果网页上有五个图像文件,浏览器需要发出五个单独的HTTP请求,每个图像一个。 同样,如果您使用四个WordPress插件并且每个插件都添加了自己的CSS样式表,那么访问者的浏览器将需要发出四个单独的HTTP请求,每个插件的样式表一个。 为什么减少HTTP请求很重要? 一般来说,您网站的HTTP请求越多,加载速度就越慢。因此,如果您想让您的网站加载速度更快,您需要优化并减少您的网站所需的HTTP请求数量。 虽然这有点过于简单化,但基本思想是,Web浏览器只会在完成所有HTTP请求下载后才向您的访问者显示该网站(尽管有一些策略告诉浏览器可以等待某些文件)。 因此,如果一个网站在显示页面之前必须发出70个HTTP请求,这将比它必须发出40个HTTP请求需要更长的时间。 此外,某些HTTP请求会“阻塞”其他HTTP请求,这意味着浏览器在下载完之前的HTTP请求之前无法开始下载某些HTTP请求。 底线是:当您发出更少的HTTP请求时,您的网站加载速度会更快。 如何查看和分析您网站的HTTP请求 上面,您了解到在所有条件相同的情况下,减少HTTP请求的数量将加快您的网站速度。然而,所有HTTP请求并不总是“相等”的。一些HTTP请求比其他请求大。有些比其他的慢。 例如,请求一个巨大的3MB图像文件将比请求一个微小的20KB图像花费更长的时间。 如果您想对您的网站进行最大的改进,首先关注大的、加载缓慢的HTTP请求将获得最大的投资回报。 要分析您站点的HTTP请求,您可以使用称为Waterfall analysis的东西。 大多数速度测试工具都提供了这一点,但GTMetrix和Pingdom的接口非常方便。您还可以使用浏览器的开发人员工具。但是,我们将使用GTmetrix作为本次测试的示范。 插入URL后,您将在顶部看到一个基本摘要框。这会显示您的站点有多少HTTP请求,但它不会分解单个请求: 要分析您的个人请求,请转到下面的Waterfall选项卡。 在这里,您将看到站点上每个单独的HTTP请求的列表以及有关该HTTP请求下载所需时间的信息: 您可以看到并非所有HTTP请求都是相同的。例如,839.3 KB的图像需要1.12秒,而57.6 KB的图像仅需要87.5毫秒: 您还可以通过在服务器上搜索该插件文件夹的名称来查找来自您正在使用的不同WordPress插件的HTTP请求。例如,您可以看到WooCommerce添加了七个自己的HTTP请求: 通过这种方式,您可以查看您使用的任何插件是否添加了大量HTTP请求(尤其是加载缓慢的请求)。 如何在WordPress中优化和减少HTTP请求 概括地说,有两种广泛的策略可以减少HTTP请求: 删除HTTP请求。如果可能,您应该完全删除所有不必要的HTTP请求。例如,如果您有一个插件没有为您的网站增加任何价值,并且正在加载自己的CSS和JavaScript,只需完全删除该插件即可摆脱其所有HTTP请求。 合并HTTP请求。如果您有绝对必须加载的HTTP请求,您可以将它们合并到一个文件中。例如,代替六个小的CSS文件,您可以将它们组合成一个更大的CSS文件,它仍然会加载得更快,因为浏览器需要发出更少的请求(HTTP/2并不总是如此,我们将下面讨论)。 我们将从专注于删除HTTP请求的策略开始,然后我们将讨论如何组合剩余的HTTP请求。基本思想是去除你能去除的东西,然后组合剩下的东西。 1. 删除不必要的WordPress插件 首先,您需要使用瀑布分析从插件中提取所有请求。您可以通过搜索“插件”来实现这一点,这将提取来自wp-content/plugins文件夹的每个HTTP请求。 如果您将鼠标悬停在文件名上,您可以看到它来自哪个插件。例如,在这里您可以看到来自您可能正在使用的滑块插件的请求。 进一步挖掘会发现Slider Revolution添加了三个自己的HTTP请求,即使这个测试页面不包含任何滑块: 如何查看HTTP请求来自哪里 如果您将 Slider Revolution […]

WordPress Google字体,Web字体,本地字体 文字详细教程

在您的WordPress网站上托管和使用字体时,有很多不同的选择。您可以在本地托管它们,也可以使用Google字体(现在大多数主题都集成了Google字体),或使用其他3rd方服务,如Adob​​e Fonts。 今天,我们想深入探讨在WordPress中托管本地字体具有优势的几个原因。您不仅可以有更多的HTML字体选择,而且有时也有性能优势。查看我们下面的深入教程,了解如何在本地托管您的高级字体以及来自Google字体的任何字体系列。 什么是Web字体? 本地托管字体与第3方字体 如何在WordPress服务器托管Web字体 什么是Web字体? 当您浏览某人的WordPress网站时,您会看到两种基本字体,Web安全字体或Web字体。或者他们也可以混合使用两者。 建议阅读:如何在WordPress中更改字体。 Web安全字体是预装在设备或操作系统上的字体。Web安全字体的一些示例包括Arial、Times New Roman和Courier New以及通用字体系列,如serif、sans-serif(请参阅现代字体)和等宽字体。这些是您已经看到多年的字体。查看Web安全字体的完整列表。 Web 字体是未预装在设备上的字体,必须由用户的浏览器下载才能显示。Web 字体的一些示例包括 Google 的 Open Sans 和 Roboto 字体,以及来自 Adob​​e Fonts 的流行的 Proxima Nova 字体。 Google Fonts是一个开源字体目录,在过去几年中得到了广泛使用。根据BuiltWith的数据,在排名前10,000的网站中,超过45%的网站在其网站上使用Google字体。如果我们查看Google Fonts分析,我们可以看到它们的浏览量超过17千万次。这是很多!Open Sans和Roboto是他们使用最广泛的两个字体系列,Roboto 在过去一年中增长了77%。我们有一篇关于最佳Google字体的文章,请务必查看:  15 种最佳Google 字体(按数字排序)。 谷歌字体统计 本地托管字体与第3方 在我们深入学习本教程之前,重要的是要了解托管本地字体和简单地使用3rd方服务之间的一些优缺点。在本地托管字体意味着您实际上在自己的服务器上拥有字体文件(和/或复制到您的CDN,您也将其用于所有其他资产)。而如果您使用第三方(例如Google Fonts或Adob​​e Fonts),则只需通过链接到外部资产来包含字体。 本地字体的优势 1. 更广泛的字体选择 使用本地字体的一个巨大优势是您可以选择更广泛的字体!虽然Google Fonts和Adob​​e Fonts等3rd方服务拥有庞大的库,但它们无法与高级字体商店相比,您可以在其中购买所需的任何高级网络字体并将其托管在您的网站上。我们实际上将在下面的教程中使用高级字体,您无法从任何3rd方服务中获得。 2. 可以更好地整合 由于字体选择范围更广,在本地托管它们可能会让您选择一种与您的品牌更好地集成的字体,以保持整个网站的一致性。这一切都取决于您的设计需求和偏好。 3. 不必依赖第三方服务 当您在本地托管字体时,您不必依赖3rd方服务或其服务器。众所周知,诸如Adob​​e Fonts(以前称为Typekit)之类的服务会出现故障,这反过来又会让您看起来很糟糕。对WordPress网站的依赖越少越好。 […]

WordPress Google Cache,缓存,谷歌缓存 文字详细教程

Google的网络爬虫不断在互联网上搜索新的和更新的网页。 当这些爬虫为站点的内容编制索引时,它们不仅仅使用该信息来提供搜索结果。他们备份页面并将它们添加到名为 Google Cache 的统一数据库中。 您可能已经使用 Google 缓存查看已关闭或​​未正确加载的旧版本网站。但是您知道您也可以使用它来解决您网站上的问题吗?它甚至可以帮助您进行SEO工作。 本文介绍了Google Cache及其检查方法。我们还将了解Google缓存如何提供帮助 – 以及何时不应过分依赖它。 什么是谷歌缓存? 为什么Google缓存很重要 如何查看Google缓存 使用Google缓存的原因 Google缓存的限制 为什么找不到缓存的网页? 如何解决网站缓存页面的问题 如何从Google缓存中删除页面 什么是谷歌缓存? Google缓存页面是在Google抓取过程中获取的页面内容的原始HTML备份。谷歌缓存作为一个整体由这些备份页面组成。 如果您查看网站的缓存版本,它可能看起来很像该网站在被抓取时的样子。但有几个原因有时会出现与您预期不同的情况。 两个主要原因是: 网页由您的浏览器呈现,而不是由 Google呈现。这可能会导致与网站的当前版本存在差异。 JavaScript不会保存到缓存中,因此您网站的某些部分可能会丢失。 在缓存页面的顶部,您会看到一个横幅,显示三件事: 缓存页面的URL — 这通常是您要访问的URL。在某些情况下,例如重定向的URL,它会有所不同。 缓存此版本页面的日期– 您可以查看您正在查看的缓存页面是昨天还是上周创建的。这不一定是最后一次抓取您的网页;我们稍后会讲到。 版本— 您可以选择查看完整版本、纯文本版本或页面来源。完整版向您显示浏览器呈现的页面。纯文本版本已关闭CSS且不显示图像,但您仍会看到超链接。单击查看源代码会显示页面的源代码: 教学博主页的缓存版本示例 为什么Google缓存很重要 Google Cache的主要用途是供人们浏览互联网。它允许他们查看已关闭或加载有问题的网页。 作为网站所有者,Google缓存至关重要还有其他原因。您希望您的网站永远不会关闭或出现故障,但它确实发生了。拥有缓存可使用户可以使用您的内容,即使某些内容无法正常工作。 您还可以使用您网站的缓存版本来了解您的网站是如何编入索引的并诊断问题。请继续阅读以了解更多信息。 如何查看Google缓存 您如何从Google搜索引擎结果访问缓存的Google页面取决于您使用的设备类型。在桌面Web浏览器中,您有两个选择: 您可以点击指向Google搜索结果中页面缓存版本的链接。 可以直接进入页面。 在移动浏览器上,您只能选择使用直接URL。 从Google搜索结果查看缓存页面 即使您有从搜索结果页面查看缓存站点的经验,您也可能希望阅读本文,因为Google在2021年初改变了查找缓存链接的方式。 首先,在Google上搜索您要查看的页面。在搜索结果中页面的URL旁边,您应该会看到一个下拉的三角图标。单击它们,会出现一个标有“页库存档”的弹出窗口:     Google 的“页库存档”功能   此功能目前处于测试阶段。它旨在让您在单击之前了解有关站点的更多信息(例如它是否安全)。 […]

WordPress Advanced Woo Search,Ajax搜索,Elastic,ElasticPress,Elasticsearch,Ivory Search,WordPress搜索,搜索缓存,搜索跟踪 文字详细教程

为什么人们首先使用网站搜索表单?这是因为他们正在寻找通过浏览网站或使用导航无法获得的即时和相关结果。 有时,这些搜索结果会提供他们问题的答案(例如有关公司退货政策的信息)或匹配产品或内容的列表(例如与页面构建器插件相关的博客文章)。不过,无论他们在寻找什么,有一件事是肯定的: 访问者希望您的WordPress搜索表单能够快速准确地提供结果。 当您从整体上看待消费者行为时,这是有道理的。谷歌在在线搜索方面设定了一个几乎不可能的标准。根据SparkToro的调查结果,Google中超过一半的搜索都是零点击的。基本上,谷歌已经使搜索变得如此高效,以至于人们通常不需要访问网站来获得他们问题的答案。 当然,您的网站访问者并没有使用内部搜索来期待或想要零点击结果。他们正在使用搜索来查找您网站的其他部分进行探索。但是,你的WordPress的搜索和谷歌搜索做的共同点是:消费者想要快速,方便,并从他们两个中找到相关的结果。 只有一个问题:WordPress自带的搜索功能不是很好。 这就是为什么在本教程中,我们将探索您需要了解的一切,以优化访问者的WordPress搜索体验: 内部搜索到底有多重要? 如何将搜索添加到您的WordPress网站 如何改善内部WordPress搜索体验 内部搜索到底有多重要? 如果您以正确的方式设计网站,访问者自然会遵循您在他们面前布置的路径。一个组织良好的菜单也有帮助。 也就是说,内部搜索在这方面发挥着重要作用。 将WordPress搜索视为您网站的快速通行证。当您的搜索功能按其应有的方式执行时,它可以在几秒钟内将您的访问者从第1步带到第5步。 这对于包含大量内容的 WordPress 网站特别有用。这里有些例子: 电子商务 Nordic Ware等在线商店可以帮助访问者从主页访问: Nordic Ware:主页在标题中带有搜索栏 只需使用网站右上角的搜索栏即可获得更窄的产品列表: Nordic Ware:搜索结果页面 通过始终显示产品搜索表单,访客无需筛选商店的菜单或类别来查找他们正在购买的特定商品。 博客、播客和新闻网站 拥有大型内容存储库的网站(例如教学博有36页的WordPree教程技巧文章(并且还在不断增加))将从搜索栏中受益: 教学博:WordPress教程技巧分页 通过在文章列表顶部放置一个特定于资源中心的搜索表单,读者可以比滚动36页更快地找到他们正在寻找的主题: 教学博资源中心列表顶部的WordPress搜索栏 包含大量内容的资源中心可能会变得难以导航。由于您希望保持博客页面简短以保持较高的加载速度,因此增加出现的文章数量并不是一个好主意。 相反,搜索栏将帮助您的访问者更有效地浏览与其当前兴趣无关的文章。 在线目录站点 搜索是访问者在在线目录列表(例如房地产、旅游、专业服务等)的网站上做的第一件事,就像来自Trulia的这个例子: Trulia:主页搜索属性 搜索元素总是很简单,可以开始。例如,指定地点、人名或职位。但是结果页面始终允许用户根据需要过滤结果: Trulia:示例搜索结果页面 知识库 搜索是Elementor等产品的帮助中心和知识库的有用组件: Elementor:知识库文章主题和计数 与手动搜索类别相比,搜索可帮助用户更快地找到问题的答案: Elementor:在文档中搜索“模板” 在很多情况下,用户在使用SaaS产品时遇到的问题可以很容易地由用户自己解决。如果您想让实时聊天和帮助台支持远离易于解决的问题,请使您的知识库易于搜索。 Bottom Line 如果有大量的东西在您的网站,不要假设导航将帮助游客努力通过自己的方式吧。建立类似快速通行证的搜索体验,让他们准确地到达他们需要和想去的地方。 如何将搜索添加到您的WordPress网站 您有几个选项可以为您的网站实施和启用基本的WordPress搜索: 使用您的主题将WordPress搜索添加到菜单中 根据您安装的WordPress主题,您只需点击几下即可将搜索添加到您的菜单中。在这个例子中,我使用了Astra主题,顺便说一句,结果非常快! 首先要做的是转到外观>自定义: WordPress – 导航到自定义菜单 […]

WordPress WordPress评论,延时加载,评论插件 文字详细教程

你有没有注意到你最受欢迎的博客文章——那些引发大量评论的文章——需要更长的时间才能加载?如果您的评论系统没有经过仔细配置,很高兴看到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评论系统更好的用户体验。他们还可能鼓励更多访问者发表评论,因为已经拥有第三方系统帐户的访问者可以立即发表评论,而无需注册或向您的网站提供详细信息。 在某些情况下,所有这些好处都会发挥作用。然而,这并不是普遍正确的。 不是每个人都喜欢第三方评论系统,其他人担心在幕后收集的数据。此外,第三方评论系统比原生 […]

100% Secure Checkout

PayPal / MasterCard / Visa