任何问题请联系WX:uu16853

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

购买更多有优惠!

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评论系统更好的用户体验。他们还可能鼓励更多访问者发表评论,因为已经拥有第三方系统帐户的访问者可以立即发表评论,而无需注册或向您的网站提供详细信息。 在某些情况下,所有这些好处都会发挥作用。然而,这并不是普遍正确的。 不是每个人都喜欢第三方评论系统,其他人担心在幕后收集的数据。此外,第三方评论系统比原生 […]

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

数字图像是网络的固有部分,没有媒体就很难创建任何内容。不起眼的静止图像是为您的写作提供额外背景的绝佳方式。 但是,如果没有优化,图像的文件大小可能会很大。有损与无损压缩是一个常见的考虑因素,因为每个都可以减小图像的大小,尽管也需要考虑质量权衡。 您几乎总是需要对图像应用一些压缩。这样可以将质量保持在您指定的可接受的水平,同时减小文件大小。选择正确的压缩级别将取决于您的最终目标和要求。 在这篇文章中,我们将研究有损与无损压缩。在整个过程中,我们将讨论图像“成型”的过程、压缩是什么,以及优化图像的许多其他方面。 有损与无损之间的差异 数字图像的元素 网络图像优化的工作原理 有损压缩的优缺点 无损压缩的优缺点 如何在有损与无损之间进行选择 使用在线压缩服务来优化您的图像 有损与无损之间的差异 当涉及到任何数字图像压缩时,有几种不同的格式可供选择。有时这些会根据许多因素而有其他名称。但是,在核心级别,您会发现两种类型: 有损压缩:这里的目的是为图像提供尽可能小的文件大小。因此,图像质量通常在优先级列表中处于低位。 无损压缩:您仍然会发现使用这种压缩格式可以显着减小文件大小,但图像不会受到伪影和其他问题的影响。 在大多数情况下,您决定使用哪种格式将归结为您的最终目标:您想要小文件,还是专注于保持质量? 有损压缩将从图像中永久删除它认为不必要的数据。它使用许多不同的技术来实现这一点,从而产生更小的文件大小。 无损压缩也会删除数据,但如果需要,它可以恢复原始数据。目标是保持高质量,同时减小文件大小。 有几种方法可以实现这一点,但结果通常是相同的。要找到适合您需求的正确选项,让我们先退后一步,回顾一下图像和压缩的基本知识。 数字图像的元素 与软件和Web开发一样,通常有一个“堆栈”将图像从相机拍摄到Web。 图像以“原始”数据开始(因此名称为RAW)。这类似于应用程序的代码:片段、行和值转换为带有颜色、图像占位符、动态元素等的背景。 对于图像,RAW文件根据相机制造商、编辑软件、色彩空间算法等呈现略有不同的图像表示。从那里,您编辑图像并将其导出为多种文件格式之一(稍后将详细介绍): 在Capture One中编辑RAW文件的示例 构成标准数字图像的几个不同元素: 文件类型:不同类型将提供可能适合或不适合您的最终图像的质量。关键是为应用程序选择最合适的文件类型。 分辨率:您经常会看到这表示为百万像素 (MP),但您也将使用每英寸像素 (PPI) 或每英寸点数 (DPI)。更高的分辨率提供更高的质量,但它们也会增加初始文件大小 位深度:这个方面决定了图像中的颜色信息。低位深度只会渲染几种颜色,而高位深度可能会一次渲染数百万种颜色。一般来说,越高越好。 尺寸:这是图像占用的物理空间。例如,1,000像素x500像素可以定义图像的总大小。 颜色空间:这是一种确定颜色显示方式的算法。每个色彩空间的设置都不同,这通常取决于摄影师的偏好。 这些元素结合起来提供不同质量的最终图像。例如,一张高分辨率、高位深度的大型JPEG照片将提供最高的质量和清晰度: 高质量的图像 相比之下,即使是大尺寸且能够显示多种颜色的图像,在低分辨率下也会显得很差: 低质量的图像 这种平衡是您在应用压缩之前开发核心图像的方式。但是,您用于图像的格式对最终质量有很大影响。 网络图像优化的工作原理 因为图像压缩在一般意义上是相同的,所以您可以将标准规则应用于优化网络图像的方式。 我们在其他地方介绍了很多这些概念,但值得快速总结以供参考: 使用72PPI分辨率,因为这是网络的标准。出于存档原因,您可以使用更高的PPI/DPI,但我们假设您正在发布到网络。 将图像的“长边”设置为2048像素,因为这对于许多不同的应用程序来说是最佳的。 如果可以选择,请使用8位颜色深度。 在发布之前通过压缩和优化工具运行图像。 这是一种简单的格式,可以为您提供一致的结果,尽管压缩和优化是我们将在本文其余部分进行扩展的内容。 为此,让我们看看有损压缩与无损压缩的优缺点。 图像压缩如何帮助您的Web图像 一般而言,“压缩”将最小值和最大值压缩在一起。例如,压缩会提高音乐中的最低音量并降低最高音量。这使得平均电平对耳朵更响亮。 对于图像,压缩更像是一个还原过程。这意味着更加强调从图像中删除数据以减小文件大小,同时保持尽可能高的质量。 有许多不同的专有算法可以帮助减少图像文件的大小。在许多情况下,这些都是特定公司专有的。您会发现许多“有损”和“无损”压缩标准,每个都有独特的描述符: ShortPixel中的压缩选项 综上所述,应用图像压缩有很多好处,这些好处不是特定格式独有的: […]

WordPress JavaScript延迟加载,JavaScript解析 文字详细教程

您是否通过性能测试工具运行您的WordPress网站,却遇到了延迟在WordPress中解析JavaScript的指令? 实施此更改可以对您网站的页面加载时间产生积极影响,尤其是对于移动访问者。但是警告可能有点难以理解,这就是为什么我们要准确解释延迟解析JavaScript的含义以及如何在WordPress网站上实现此更改。 以下是您将在本文中学到的内容: 在WordPress中延迟解析JavaScript意味着什么? 如何判断是否需要延迟解析JavaScript 延迟解析JavaScript的不同方法 如何在WordPress中延迟JavaScript解析(4种方法) 如果您只想直接跳到教程,可以单击上面列表中的最后一个链接。 在WordPress中延迟解析JavaScript意味着什么? 如果您曾经通过Google PageSpeed Insights、GTmetrix或其他页面速度测试工具运行过您的WordPress网站,您可能会遇到过延迟解析JavaScript的建议。 但是……这实际上是什么意思?为什么它是一个重要的性能考虑因素? 基本上,当有人访问您的WordPress网站时,您网站的服务器会将您网站的HTML内容传送到该访问者的浏览器。 然后访问者的浏览器从顶部开始,并通过代码呈现您的网站。如果在从上到下的移动过程中找到任何JavaScript,它将停止呈现页面的其余部分,直到它可以获取并解析JavaScript文件。 它会对找到的每个脚本执行此操作,这可能会对您网站的页面加载时间产生负面影响,因为访问者需要在浏览器下载和解析所有JavaScript时盯着空白屏幕。 如果您网站的核心功能不需要某个脚本(至少在初始页面加载时),您不希望它妨碍加载网站更重要的部分,这就是为什么这些页面速度测试工具总是告诉你推迟对JavaScript的解析。 那么延迟解析JavaScript是什么意思呢? 本质上,您的网站会告诉访问者的浏览器等待下载和/或解析JavaScript,直到您网站的主要内容已经完成加载。此时,访问者已经可以看到您的页面并与之交互,因此下载和解析该JavaScript的等待时间不再具有如此负面的影响。 通过加快内容的首屏加载时间,您可以让Google感到高兴,并为您的访问者创造更好、更快的体验。 如何判断是否需要延迟解析JavaScript 要测试您的WordPress站点是否需要延迟解析JavaScript,您可以通过GTmetrix运行您的站点。 GTmetrix会给你打分,还会列出需要推迟的特定脚本: 在GTmetrix中延迟解析JavaScript测试 延迟解析JavaScript的不同方法 有几种不同的方法可以延迟JavaScript的解析。首先,您可以将两个属性添加到脚本中: Async Defer 这两个属性都允许访问者的浏览器在不暂停HTML解析的情况下下载JavaScript。但是,不同之处在于,虽然async不会暂停HTML解析以获取脚本(如默认行为那样),但它会暂停HTML解析器以在获取脚本后执行脚本。 使用defer,访问者的浏览器在解析HTML时仍然会下载脚本,但他们会等待解析脚本,直到HTML解析完成。 与Web一起成长的这张图表很好地解释了这种差异: 图形解释异步与延迟 Varvy的Patrick Sexton推荐的另一种选择是,仅在初始页面加载完成后才使用脚本调用外部JavaScript文件。这意味着在初始页面加载完成之前,访问者的浏览器不会下载或执行任何JavaScript。 最后,您将看到的另一种方法是将JavaScript移动到页面底部。但是,这种方法并不是一个很好的解决方案,因为即使您的页面将很快可见,访问者的浏览器仍会将页面显示为正在加载,直到所有脚本完成。这可能会阻止一些访问者与您的页面进行交互,因为他们认为内容没有完全加载。 如何在WordPress中延迟JavaScript解析(4 种方法) 要在WordPress中延迟JavaScript的解析,您可以采取三种主要途径: 插件——有一些很棒的免费和高级WordPress插件可以推迟JavaScript解析。我们将向您展示如何使用两个流行的插件来做到这一点。 Varvy方法——如果您精通技术,您可以直接编辑您网站的代码并使用Varvy的代码片段。 Functions.php文件——您可以将代码片段添加到子主题的functions.php文件中以自动延迟脚本。 您可以单击上方直接跳转到您喜欢的方法或通读所有技术以找到最适合您的方法。 1. 免费的异步JavaScript插件 Async JavaScript是来自Frank Goossens的免费WordPress插件,他是流行的Autoptimize插件背后的同一个人。 它为您提供了一种使用异步或延迟延迟解析JavaScript的简单方法。 首先,您可以从WordPress.org安装并激活免费插件。然后,转到设置 →  Async JavaScript以配置插件。 在顶部,您可以启用插件的功能并在异步和延迟之间进行选择。记住: Async下载JavaScript,同时仍解析HTML ,但随后暂停HTML解析以执行 […]

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 […]

WordPress Cloudflare,Cloudflare插件,Cloudflare设置 文字详细教程

Cloudflare是一家提供内容交付网络 (CDN)、DNS、  DDoS保护和安全服务的公司。他们在网络性能行业因快速的DNS查找时间而闻名,并拥有由全球100多个不同数据中心组成的强大网络。他们得到了谷歌、微软和高通等业内知名人士的支持。他们的一些客户包括纳斯达克、Digital Ocean、Zendesk和思科。 如果您正在寻找一种简单的方法来加快和增强WordPress网站的安全性,Cloudflare是一个很好的解决方案。大多数客户甚至可以使用他们的免费计划,该计划提供无限的CDN带宽。请按照以下步骤在您的WordPress网站上安装Cloudflare。 注意:如果您使用Cloudflare,则无法使用来自Amazon Route 53的高级DNS。Cloudflare作为完整的代理服务运行,这意味着您必须选择其中一个。如果您想使用我们的高级DNS,您可以使用替代CDN来加速您的网站,例如KeyCDN,它不是一个完整的代理。 安装Cloudflare 常见的Cloudflare问题 如何清除Cloudflare缓存 安装Cloudflare 本教程假设您已经有一个Cloudflare帐户。如果您不这样做,您可以访问Cloudflare网站并注册一个免费帐户。 第 1 步 登录Cloudflare仪表盘,然后单击“+ 添加站点”。输入您的WordPress站点的域名,然后单击“Begin Scan”。(不需要加www或者HTTP/HTTPS,根域就可以了) 将WordPress站点添加到Cloudflare 可能需要一两分钟,然后单击“Continue Setup”。 第 2 步 Cloudflare为您提供了两种选择。您可以使用他们的CDN和protection(加速和保护您的网站),或者您可以简单地使用他们的DNS。大多数客户会想要前者,因为这是您将从Cloudflare提供的一切中受益的地方。为确保您的域已启用,请确保云以橙色点亮。如果您有其他记录,例如电子邮件(MX记录),这些记录应该关闭Cloudflare(灰色)。验证完所有内容后单击继续。您以后可以随时修改这些记录。 验证DNS记录 第 3 步 在下一页上,您需要选择 Cloudflare 计划。我们建议从适用于大多数用户的免费计划开始。然后点击“继续”。您可以阅读有关Cloudflare 计划差异的更多信息。 免费Cloudflare计划 第 4 步 然后,您需要将域上的名称服务器更改为指向Cloudflare(使用它们提供的名称)。因为Cloudflare是一个完整的代理服务,所以基本上它的工作原理是将您的域指向Cloudflare,然后Cloudflare将您的域指向服务器地址。切换名称服务器时没有停机时间。这里有几个指向不同域名注册商的文档链接,说明如何更改它们。 如何使用Namecheap更改名称服务器 如何使用GoDaddy更改域名服务器 如何使用Google Domains更改域名服务器 如何使用Bluehost更改名称服务器 然后点击“Continue”。 更改为Cloudflare的名称服务器 这应该不会花费很长时间,但最多需要24小时才能处理此更改。 第 5 步 如果您的站点尚未指向服务器,则需要更新A记录以指向Cloudflare仪表盘中的服务器IP。单击“DNS”并在A名称记录旁边,将其更改为您的服务器的IPv4地址。 更新Cloudflare A名称记录 就是这样!您的WordPress网站现在已安装Cloudflare。 第 […]

WordPress CDN加速,Cloudflare,Cloudflare APO,缓存服务器 文字详细教程

对于性能爱好者来说,Cloudflare的APO代表着在最大化WordPress性能方面向前迈出了一大步。 在我们的基准测试中,我们发现在我们的测试站点上启用APO可以将页面加载时间减少70-300%,具体取决于测试位置。 在本文中,我们将深入探讨Cloudflare APO的工作原理以及如何使用它来提高WordPress网站的性能! 什么是自动平台优化 (APO)? 边缘的静态HTML 2022年Web性能状况 Cloudflare的自动平台优化如何工作 使用高性能托管和Cloudflare APO最大限度地提高WordPress性能 如何为WordPress使用Cloudflare自动平台优化 如何确认适用于WordPress的Cloudflare APO是否正常工作 不使用Cloudflare插件的自动平台优化 什么是自动平台优化 (APO)? Automatic Platform Optimization(以下简称APO)是Cloudflare提供的一套新的一键式平台定制优化服务。 第一个接受“APO待遇”的平台是WordPress,它是全球最受欢迎的CMS,市场份额超过60%。未来,我们希望看到类似的APO服务适用于其他CMS和平台。 在较高的层面上,Cloudflare的WordPress APO通过两种主要方式提高了网站性能。 WordPress站点页面的静态HTML副本缓存在全球各地的Cloudflare边缘服务器中。 第三方字体由Cloudflare缓存和提供。 让我们深入了解一下APO在技术层面上的工作方式和原因。 边缘的静态HTML Cloudflare的APO与其他传统页面缓存和CDN解决方案之间的关键区别在于它能够在Cloudflare的边缘直接缓存静态HTML。为了描绘更清晰的画面,让我们通过从“无优化”到APO的四种不同的WordPress设置。 WordPress设置 #1 – 无页面缓存或CDN 默认情况下,WordPress不提供页面缓存或CDN支持。使用此配置,即使请求之间没有更改页面内容,所有请求也需要由PHP动态生成。 此外,没有内容交付网络 (CDN) 集成意味着所有静态资产(如CSS、JS、图像和字体)都由源服务器提供服务。 这种配置会使WordPress站点变得非常慢,尤其是对于远离源服务器的访问者而言。 WordPress设置 #2 – 没有CDN的页面缓存 实施页面缓存是提高WordPress性能的最佳策略之一。在一些WordPress托管服务器,托管堆栈包括一个高度调整的页面缓存层,由Nginx的FastCGI缓存模块提供支持。 页面缓存极大地减少了源服务器上的CPU负载,因为可以从缓存中提供请求,而无需生成动态HTML。 这可以释放您的CPU以专注于其他重要的动态任务,并使您的WordPress网站更加稳定。虽然此配置可能允许您的站点每秒处理更多请求,但它并不能解决“距离问题”。 如果没有合适的CDN,向遥远的访问者提供静态资产仍然是一个问题。 WordPress设置 #3 – 使用CDN进行页面缓存 到目前为止,添加用于提供静态资产的CDN的页面缓存是托管WordPress网站的最高效方式。 在这个模型中,源服务器仍然负责为页面提供实际的HTML。但是,CSS文件、图像和字体等静态资产被卸载到世界各地的各种CDN存在点 (PoP)。该模型背后的想法是静态资产,尤其是大图像,构成请求页面大小的大部分. 因此,通过将资产卸载到更靠近访问者的服务器,可以减少加载时间并提高性能。 使用CDN的全球流量路由 虽然此配置比前两个配置提供了显着改进,但它确实让您想知道如果WordPress性能不再因必须从源服务器提供HTML而成为瓶颈,会发生什么。 令人惊讶的是,在为WordPress引入Cloudflare的APO之前,这样的设置是不可行的——至少对于非技术用户来说是不可行的。 […]

WordPress WooCommerce优化,WooCommerce缓存,WooCommerce速度,网站性能 文字详细教程

对于电子商务网站来说,速度就是金钱。您的网站加载速度越快,购物体验就越好。更好的用户体验转化为改进的SEO、增加的投资回报率和更快乐的客户。这最终会带来更大的收入和利润。 今天的购物者期待高分辨率图像和视频、实时聊天、用户评论、实时库存、个性化以及许多其他动态工具。 网上购物者的注意力很短。因此,如果您没有正确执行这些功能,他们希望拥有更快、更顺畅的购买体验的所有功能都会减慢您的电子商务网站的速度。 WooCommerce是世界上最受欢迎的电子商务平台,可根据您的要求免费使用和调整。 WooCommerce引领电子商务(图片来源:BuiltWith) 迄今为止, WooCommerce的下载量已超过8800 万次。截至目前,它已在超过500万个网站上使用。 WooCommerce插件下载和使用统计 与其他流行的购物平台不同,如果您使用WooCommerce,则无需支付一定比例的收入。不过,运营一家由WooCommerce提供支持的商店会产生一些间接费用。 但是有一个问题!由于WooCommerce在有限的支持下是免费的,因此您有责任将其保持在最佳状态。好消息是,如果您知道自己在做什么,就很容易照顾它! 想了解如何可靠地加速您的WooCommerce网站吗? 为什么速度对在线商店很重要 衡量WooCommerce商店的速度 如何加快WooCommerce 优化WooCommerce管理面板 WooCommerce速度始于优质托管 为什么速度对在线商店很重要 第一印象很重要,速度是用户首先会注意到您的网站。在Google的一项研究中,如果加载时间超过3秒, 53%的移动用户会离开网站。 3秒是最佳实践(图片来源:Think with Google) 2秒是电商网站接受度的门槛。在Google,我们的目标是不到半秒。– Maile Ohye,谷歌技术主管 在另一项全球研究中,80%的用户表示他们发现加载缓慢的网站比暂时关闭的网站更令人沮丧。同一项研究还发现,如果网站加载速度太慢, 73%的用户会切换到竞争对手的网站。 即使页面响应时间延迟100毫秒,也会损害用户体验和在线收入。根据Akamai的说法,100毫秒的延迟会影响转化率7%,而2秒的延迟会提高跳出率高达103%。 如果您的网站每天产生1000美元的收入,那么页面加载时间延迟100毫秒可能会使您每年损失25,550美元的销售额。 业务越大,跌幅越大。例如,如果页面加载时间仅降低一秒,亚马逊预计每年将损失16亿美元的收入。 页面加载时间至关重要(图片来源:Think with Google) 上述数据表明,如果您的网站加载时间为6秒或更长时间,那么您失去的用户数量是您的网站加载时间少于 3 秒时的两倍。 除了用户体验,您网站的速度也会影响SEO。网站速度和性能在Google的网站排名算法中起着重要作用。 谷歌已将其搜索结果中显示的超过50%的页面转向移动优先索引。尽管如此,来自HTTPArchive.org的数据表明,运行WordPress的移动网站的平均加载时间在去年有所恶化。 顶级WordPress网站的表现如何(图片来源:HTTPArchive.org) 在网络星期一和黑色星期五等流量高峰期,让您的网站尽可能快地运行更为重要。随着优惠的爆发,确保购物者不会放弃您的网站对于完成销售至关重要。 鉴于这些统计数据,加快您的WooCommerce商店可以让您在竞争中获得显着优势。 衡量WooCommerce商店的速度 你无法衡量的东西,你无法改进! 现在您已经了解了为什么速度对您的WooCommerce商店很重要,是时候学习如何衡量它了。当您尝试加快WordPress网站速度时,了解如何衡量改进至关重要。 网站速度测试是测试WooCommerce商店响应能力的完美工具。但是,如果您没有正确执行此操作,您的网站在进行更改后可能看起来更慢,而实际上它更快。 一份网站速度测试报告(图片来源:Pingdom) 我建议您开始使用以下网站速度测试工具之一:WebPagetest、Pingdom、Google PageSpeed Insights或GTMetrix。 您还可以使用免费的WordPress插件查询监视器来查明表现不佳的主题、插件和功能。它可以帮助您调试低效的数据库查询、臃肿的函数、PHP错误、HTTP API调用等。 没有速度测试工具是完美的,但选择一个并坚持下去。您可以稍后再尝试其他选项。 Gary Illyes,Google网站管理员趋势分析师 实际表现和感知表现之间存在差异。用户体验比网站的技术魅力更重要。 因此,使用下面提到的技术来增强您网站的整体用户体验,而不仅仅是获得高速分数。 […]

WordPress Cloudflare教程,Cloudflare设置,https,SSL证书 文字详细教程

通过在您的站点前充当反向代理,Cloudflare是一种一体化的安全和性能产品,被全球超过12%的网站使用。作为WordPress 用户,将Cloudflare添加到您的网站有助于提高网站性能并减少恶意机器人和黑客的影响。 正确配置后,对您站点的所有请求将首先到达Cloudflare服务器,然后该服务器将确定是否应将请求转发到源服务器、从缓存中提供服务、阻止或使用自定义规则进行处理。 在本指南中,我们将深入探讨WordPress的最佳Cloudflare设置,讨论缓存和安全设置,并向您展示如何为WordPress多站点安装配置Cloudflare 。 如何为WordPress配置Cloudflare Cloudflare WordPress插件 WordPress的Cloudflare自动平台优化 Cloudflare Argo和Railgun 如何为WordPress多站点配置Cloudflare 如何为WordPress配置Cloudflare Cloudflare提供了多种安全和性能优势,但并非所有这些优势都与WordPress完全兼容。让我们深入了解Cloudflare的设置,以确定适合您的WordPress网站的最佳功能。 SSL 速度 缓存 防火墙 SSL Cloudflare支持四种SSL/TLS加密模式——Off, Flexible, Full和Full (Strict)。 Off –不加密。 Flexible –仅加密浏览器和Cloudflare之间的连接。 Full –端到端加密,但允许在源服务器上使用自签名证书。 Ful (Strict) –端到端加密,需要来自Cloudflare的免费原始证书或来自受信任CA(证书颁发机构)的证书。我们建议使用Full (Strict)  SSL模式以获得最大的安全性。 对于希望在其WordPress网站上使用Cloudflare的用户,我们建议在宝塔面板中生成免费的Let’s Encrypt SSL证书,并在Cloudflare中使用Full或Full (Strict) 选项。 或者,您还可以生成Cloudflare原始证书以安装在您的原始服务器上。如果您的主机不提供免费的SSL证书,则在您的服务器上安装Cloudflare原始证书将允许您使用Full (Strict) SSL模式。 如果您使用在子域上托管站点,而根域使用Cloudflare的Flexible SSL,则可以使用Cloudflare页面规则强制子域使用Full或Full (Strict)  SSL。 为具有Cloudflare页面规则的子域启用Full (Strict)  SSL 此选项允许您使用Cloudflare的Flexible SSL,同时确保子域的Cloudflare Full (Strict) SSL。 始终使用HTTPS […]

WordPress 浏览器缓存,缓存过期标头 文字详细教程

您是否刚刚通过速度测试工具运行您的WordPress网站,却被告知您需要“Add Expires headers”到您的WordPress网站? 缓存过期标头是让Web浏览器知道是从访问者的浏览器缓存还是从您的服务器加载网页资源(如图像)的规则。这些可以帮助提高您网站的性能。除此之外,它们也是YSlow性能建议的一部分,这意味着它们会影响您在GTmetrix等工具中的性能“分数” 。 在这篇文章中,我们将解释什么是过期标头以及它们如何影响您的网站。然后,我们将向您展示如何使用几种不同的方法在WordPress中添加过期标头。 但首先,我们需要快速绕道讨论另一个主题——浏览器缓存。 什么是浏览器缓存? 什么是过期标头? 如何修复WordPress中的“添加过期标头” 如何测试Expires标头是否正常工作 如何为外部脚本添加过期标头 什么是浏览器缓存? 在讨论过期标头之前,我们首先需要向您介绍浏览器缓存的概念。这很重要,因为过期标头可以帮助您控制和实现浏览器缓存——因此,如果您不了解浏览器缓存,就无法理解过期标头。 简而言之,浏览器缓存让您的网站告诉访问者的浏览器将某些文件保存在访问者的本地计算机上并加载这些本地文件以供后续访问,而不是在每次页面加载时从您的服务器下载它们。 通过消除每次下载文件的需要,您可以加快站点的加载时间并减少带宽使用。 让我们看一个示例——您网站的徽标图像。您的徽标在每个页面上都是相同的,因此强制访问者的浏览器在每次页面加载时重新下载相同的徽标文件是没有意义的。通过浏览器缓存,您可以将该徽标文件存储在访问者的本地计算机上。访问者在第一次访问时仍需要下载您的徽标图像。但是对于后续的页面查看,该文件将从其本地浏览器缓存中加载。 什么是过期标头? 过期标头让您告诉访问者的Web浏览器它是否应该从本地浏览器缓存中加载给定资源(如上所述),或者它是否需要从Web服务器下载新版本。 更具体地说,它允许您在文件“过期”之前为不同文件类型的缓存版本设置持续时间,并且浏览器必须再次从服务器下载它。 让我们看一个例子…… 假设您想控制网站上PNG图像文件的浏览器缓存行为。如果您将PNG文件的过期标头设置为一个月,这意味着访问者的浏览器将: 在初始访问/下载后一个月从缓存中加载已经下载的版本。 一个月后从服务器重新下载该文件。 您可以为不同的文件类型设置不同的过期标头,这使您可以精细控制站点的浏览器缓存。 过期标头与缓存控制 虽然使用过期标头是控制WordPress上的浏览​​器缓存的一种方法,但它不是唯一的方法。还有另一种称为缓存控制的技术。 缓存控制是一种更现代的技术,为控制缓存行为提供了更多的灵活性。出于这个原因,今天许多网站都使用缓存控制。 但是,过期标头仍然提供大多数站点所需的一切,因此它们是用于浏览器缓存的好选择。您也可以同时使用两者,尽管在大多数情况下您的缓存控制标头将优先。如果同时使用两者,您需要确保在每个中设置相同的时间值。 如果您想了解有关如何在WordPress上实现缓存控制的更多信息,请查看我们的指南,了解如何在WordPress中利用浏览器缓存。 如何修复WordPress中的“添加过期标头” 现在,让我们进入实际的操作方法部分,我们将向您展示如何在 WordPress 中设置过期标头。 您可以为您的WordPress网站添加过期标头。您可以在服务器级别(Nginx或Apache)使用您自己的代码片段或通过一些用户友好的WordPress插件来执行此操作。 当有人第一次访问您的WordPress网站上的网页时,所有文件都会一个一个地加载。浏览器和WordPress托管服务器之间的所有这些请求都会增加网页加载时间。 浏览器缓存将部分或全部文件存储在访问者的计算机上。这意味着他们下次访问该页面时,可以从他们自己的计算机加载文件,从而提高您的WordPress性能。 现在您可能想知道,浏览器如何知道要保存哪些文件以及将它们保留多长时间? 这就是过期标标头的用武之地。 使用expires headers或cache-control headers设置关于保存哪些文件以及保存它们多长时间的规则。在本文中,我们将重点介绍缓存过期标头,因为它们对于大多数用户来说设置起来更简单。 缓存过期标头为浏览器缓存中存储的每种类型的文件设置过期日期。在该日期之后,文件将从您的服务器重新加载,以便为访问者提供最新版本的页面。 如何在Apache Web服务器上使用.htaccess添加过期标头 如果您的Web主机使用Apache Web服务器,您可以使用.htaccess文件添加过期标头,该文件位于您的服务器的根文件夹(与保存wp-config.php文件相同的文件夹)。 这是您需要做的: 在您首选的FTP客户端中使用FTP连接到您的服务器 在根文件夹中找到.htaccess文件 将 .htaccess 文件的备份副本下载到本地计算机。这样,如果出现任何问题,您可以重新上传备份副本以解决任何潜在问题。 在文件顶部附近添加下面的代码片段 ## […]

WordPress CDN,WP Offload Media,WP-Stateless,云存储 文字详细教程

在之前的教程中,我们向您展示了如何将媒体迁移到Amazon S3。今天,我们将向您介绍如何将WordPress网站上的媒体卸载到Google Cloud Storage,以及选择直接从Google Cloud Storage或CDN提供媒体服务的几个选项。 谷歌云存储只是谷歌云平台众多产品和服务的一小部分。由于Google拥有庞大的基础架构以及他们处理批量存储的事实,他们能够提供非常低的存储成本。远低于WordPress主机。 通常,像这样的云存储用于需要使用我们的外部备份插件等解决方案进行额外备份或正在提供大文件(图像、照片、下载、软件、视频、游戏)的站点。他们的一些客户包括Spotify、Vimeo、可口可乐、飞利浦、Evernote和摩托罗拉。 谷歌云存储与谷歌云CDN 谷歌云存储定价 WP-Stateless的WordPress谷歌云存储设置 WP Offload Media的WordPress谷歌云存储设置 谷歌云存储与谷歌云CDN 不要将Google Cloud Storage与Google Cloud CDN或任何其他CDN提供商混淆。内容交付网络 (CDN) 专为加快媒体交付速度而设计,而Google Cloud Storage专为大容量存储解决方案而设计。 但是,Google Cloud Storage可以帮助您加快网站速度,因为它使用所谓的多区域存储。这意味着您的Google Cloud Storage内容存储在该区域内的多个位置并从其交付,类似于CDN。它甚至使用相同的边缘缓存技术。但是,重要的是要注意这不是全球性的,并且可能比成熟的CDN解决方案具有更高的延迟。Google Cloud Storage可让您在三个区域之间进行选择: 亚太地区 欧洲联盟 美国 但我们将在下面向您展示如何将CDN与Google Cloud Storage一起使用。 谷歌云存储定价 Google Cloud Platform为新客户提供3个月300美元的免费试用期。如果您从未成为Google Cloud Platform的付费客户并且之前未注册免费试用,则您符合条件。这是在支付任何费用之前测试Google Cloud Storage并查看它是否适合您的网站的好方法。请参阅免费试用常见问题解答和Google Cloud Storage定价。 谷歌云免费试用 WP-Stateless的WordPress谷歌云存储设置 将Google Cloud Storage与WordPress网站集成的第一个选择是使用免费的WP-Stateless插件,该插件由Usability Dynamics的优秀团队开发。 此插件会在将文件上传到媒体库时自动将文件从您的WordPress站点复制到Google Cloud […]

WordPress Amazon S3,CDN,WP Offload S3 文字详细教程

在本教程中,我们将向您介绍如何完成WordPress Amazon S3集成以及可选地使用内容交付网络 (CDN)。这可以大大节省您的带宽成本,充当备份,并帮助加快您的站点。 Amazon S3是一种存储解决方案,是Amazon Web Services众多产品的一部分。通常,这用于需要使用我们的外部备份插件等解决方案进行额外备份的站点,或者正在提供大文件(下载、软件、视频、游戏、音频文件、PDF等)的站点。 亚马逊拥有非常可靠的可靠记录,并且由于其庞大的基础设施,它们能够提供非常低的存储成本。S3的一些客户包括Netflix、Airbnb、SmugMug、Nasdaq等。 由于Amazon S3完全处理大容量存储,您几乎可以保证定价会比您的WordPress主机便宜。将媒体迁移到AWS是一种省钱的好方法,并且在您的第一年免费(最多5GB存储空间)。此外,由于您的媒体请求是直接从亚马逊提供的,因此您的WordPress网站的负载更少,这意味着加载时间更快。 不要将Amazon S3与Amazon CloudFront混淆。CloudFront是一种CDN解决方案,而S3是一种存储解决方案。但是,它们都可以互换使用,因为我们将在下面进行更多介绍。 WordPress网站Amazon S3设置 WordPress Amazon S3和CDN WordPress网站Amazon S3设置 对于这种集成,我们建议使用WP Offload S3 Lite插件,由Delicious Brains的优秀团队开发。基本版是免费的。当文件上传到媒体库时,插件会自动将文件从您的WordPress站点复制到Amazon S3。然后有一个用于添加CDN的可选配置,例如Amazon CloudFront、KeyCDN或MaxCDN。 WP Offload S3 Lite 这个插件非常轻量级,确切地说只有 204 KB。在撰写本文时,它目前拥有超过 30,000 次活跃安装,并获得 4 星评分(满分为 5 星)。请按照以下步骤操作。 第 1 步 接下来,安装免费的WP Offload S3 Lite插件。您可以从WordPress插件库下载它,也可以在WordPress仪表盘中的“安装插件”下搜索“wp offload s3”。单击“立即安装”并启用它。 安装WP Offload S3 Lite 第 […]

WordPress 缓存服务器,网站优化,网站性能 文字详细教程

弄清楚WordPress速度慢的原因可能具有挑战性。WordPress网站涉及许多部分,从其Web服务器和相关设置到各种主题和插件。这也可能是由于未优化的内容,例如图像、视频和嵌入。 但是你怎么能找出导致性能问题的原因呢?很难马上说问题出在哪里——有多种可能性,我们将在这篇文章中探讨它们。 我们不会仅仅停留在找出您的WordPress网站运行缓慢的原因。您还将学习许多加快慢速WordPress网站的方法。 为什么WordPress慢? 确定WordPress网站是否运行缓慢的4个步骤 改善WordPress网站速度的17种方法 为什么WordPress慢? 一些Web开发人员完全忽略了WordPress,理由是它有多慢。虽然以前可能是这种情况,但现在已经有一段时间了,这并不是一个准确的说法。如今,许多大品牌都使用WordPress来托管他们的网站。 但是,许多因素会影响您的WordPress网站的性能。一些最常见的包括: 您网站的网络托管服务提供商 服务器端优化(PHP版本、缓存、压缩等) 缓慢的WordPress主题 缓慢的WordPress插件 未优化的内容(主要是图片) 外部HTTP请求过多 不使用专用资源来提供内容(CDN、视频托管等) 典型WordPress网站的各种元素 除了由您的网络托管服务提供商实施的适当的服务器优化之外,您还可以进行许多优化以确保您的网站超快。我们将在本文后面讨论这些,但首先,让我们弄清楚是什么让您的网站变慢。 确定WordPress网站是否运行缓慢的4个步骤 第 1 步:运行页面加载速度测试 第 2 步:对网站进行负载测试 第 3 步:查看您的WordPress主题和插件 第 4 步:使用应用程序性能监控 (APM) 工具 在您的网站上运行测试是确定是什么导致您的网站变慢的好方法 – 无论是您的网络托管服务提供商、网站本身,还是两者兼而有之?让我们来看看您可以运行的一些网站测试。 第 1 步:运行页面加载速度测试 您的网站加载速度有多快?任何加载时间超过两秒的网页都不利于用户体验。理想情况下,您的目标应该是加载时间低于1秒——介于两者之间的任何时间都可以,但您应该始终考虑进一步优化它。 您可以为此目的使用不同的网站速度测试工具 ——GTmetrix、Pingdom Tools、Google PageSpeed Insights和WebPageTest都是不错的选择。 我将使用GTmetrix和Pingdom工具 来演示此步骤。 首先,让我们启动GTmetrix并测试一个网页。选择离您(或您网站的访问者)最近的服务器位置以获得更好的结果(提示: 注册一个免费的GTmetrix帐户以获得更多服务器位置选项)。 GTmetrix主页 在这里,我们正在测试WordPress网站的主页,因为这是大多数用户会访问的地方。此外,主页包含大量内容,因此非常适合测试。 测试完成后,您将看到如下GTmetrix性能报告。 GTmetrix报告示例 GTmetrix根据许多指标对网页进行评分。它还提供了测试期间页面加载方式的可视化时间线。要详细了解它,您必须向下滚动。 GTmetrix报告的“Summary”选项卡 Summary选项卡突出显示了影响您网站性能的所有主要问题。在这种情况下,最重要的问题是服务器的响应时间。这几乎总是意味着考虑升级您的托管计划或迁移到更好的主机。但是,在你得出这个结论之前,最好先解决所有其他问题并重新审视这一点。 […]

WordPress jQuery,jQuery Migrate 文字详细教程

jQuery Migrate通过识别不推荐使用的功能,极大地简化了将旧jQuery代码移动到更高jQuery版本的过程。然后它会恢复已弃用的功能和行为,以便旧代码仍能在当前jQuery版本及更高版本上正常运行。 大多数最新的前端代码和插件不需要jquery-migrate.min.js。在大多数情况下,这只会给您的网站增加不必要的负载。如果您启动,您可以看到它正在运行Chrome开发工具控制台. 删除jQuery Migrate的其他原因: 保持你的代码、主题和插件更新比修补支持额外的文件更好。保持您的网站更新也可以防止它受到安全攻击。 如果您正在运行使用旧jQuery代码的插件,最好更新它们或切换到保持更新的替代方案。 如何从WordPress中删除jQuery Migrate? 从WordPress中移除 jQuery Migrate非常简单。您只需要将以下代码行添加到主题functions.php文件中。 //Remove JQuery migrate function remove_jquery_migrate( $scripts ) { if ( ! is_admin() && isset( $scripts->registered[‘jquery’] ) ) { $script = $scripts->registered[‘jquery’]; if ( $script->deps ) { // Check whether the script has any dependencies $script->deps = array_diff( $script->deps, array( ‘jquery-migrate’ ) ); } […]

WordPress WordPress代码优化,WordPress清理 文字详细教程

很长一段时间以来,我一直在使用几个插件来清理WordPress Headers中的一些字段。在大多数情况下,我会说您通常不需要很多信息。 为什么WordPress将这些功能和链接添加到您的网站? 嗯,原因很明显。WordPress是一个非常大的CMS平台,被超过27%的在线博客网站使用。每个出版商都有自己的要求。有些喜欢wp-admin浏览器页面发布文章,有些使用第三方工具,有些使用 iOS或Android应用。 如果您使用网络版本在您的WordPress网站上发布文章,那么您应该从您的WordPress网站中删除所有不必要的链接。 有什么优势? 页面加载速度肯定更快 内容代码比增加 您的重要网站内容现在略高于搜索引擎的读取方式 让我们看一下WordPress Headers中的一些链接。以下步骤将帮助您清理和优化WordPress网站的header部分。 1. 禁用XML-RPC RSD链接 WordPress添加EditURI到您的网站Header,如果您通过第三方工具发布文章,这是必需的。 <link type=”application/rsd+xml” title=”RSD” href=”https://crunchify.com/xmlrpc.php?rsd”> 怎么禁用?将下方代码添加到您的主题functions.php文件中: remove_action (‘wp_head’, ‘rsd_link’); 2.删除WordPress版本号 版本号可能会暴露您的WordPress版本信息,让某些有预谋的人有机可乘。 <meta name=”generator” content=”WordPress 4.9.2″> 下面的代码将从站点中删除WordPress版本号。 function crunchify_remove_version() { return ”; } add_filter(‘the_generator’, ‘crunchify_remove_version’); 3. 删除wlwmanifest链接 如果您不使用Windows Live Writer写作,完全可以移除WordPress网站Header的以下内容。 <link type=”application/wlwmanifest+xml” href=”https://www.wbolt.com/wp-includes/wlwmanifest.xml”> 在你的主题function添加以下代码: remove_action( ‘wp_head’, ‘wlwmanifest_link’); 4.删除短链接 如果您使用其他的固定链接形式,WordPress默认的短连接是完全没有意义的,可以考虑移除。 <link href=”https://www.wbolt.com/?p=8112″> […]

WordPress 垃圾评论,留言评论,评论表单字段,评论链接 文字详细教程

评论垃圾邮件是接受博客评论的WordPress博主面临的最大挑战之一。许多用户发表评论只是为了留下他们的网站链接URL。这是从权威网站获取反向链接的简单方法。如果您只想接受感兴趣用户的评论,那么您可以在WordPress评论表单中删除网站URL或评论作者链接。 管理WordPress评论中的垃圾邮件 在我们之前的文章中,我们已经解释了如何有效地拦截WordPress中的垃圾评论。基本上,您可以使用以下选项: 使用Akismet等插件自动过滤垃圾评论。 阻止IP地址列表中的评论。 通过阻止敏感词来防止激进的评论。 限制注册用户的评论。 保留所有评论以供审核和手动批准。 适度发表评论,其中包含一定数量的超链接。 尽管所有这些方法都会减少垃圾邮件,但由于一个原因,您无法完全摆脱垃圾邮件。那是WordPress评论表单中可用的网站URL文本框。 WordPress评论表单行为 默认情况下,WordPress评论表单具有以下字段: 默认WordPress评论表单 评论留言框 姓名 电子邮件 网站 在浏览器中保存名称/电子邮件/网站以供进一步评论 提交按钮 您可以在“设置 > 讨论”部分下的浏览器选项中启用或禁用保存名称/电子邮件/网站。 禁用保存名称和电子邮件选项 除此选项外,WordPress管理面板中没有可用的设置来更改评论表单字段。 评论表单中的网站URL 几乎75%的用户留下评论只是为了提供他们的网站URL并获得反向链接。默认情况下,WordPress将rel=”external nofollow ugc” 参数分配给注释链接,将它们指示为用户生成的内容。但是,这些链接仍然会损害您的网站,尤其是当它们与您的网站无关时,例如色情链接。用户在您的网站上发表评论后,WordPress将通过链接名称和URL字段来显示已批准的评论。 与评论作者姓名链接的网站 在WordPress评论中删除网站URL的6种方法 如果您收到数十万条垃圾评论,最好的选择是禁用评论表单中的网站URL字段。如果表单中没有URL选项,则以获取反向链接为目标的垃圾邮件发送者将停止。此外,您可以节省处理评论提交所需的服务器带宽。您可以使用多种方式删除WordPress中的评论作者链接。 1. 使用CSS禁用WordPress评论表单中的网站URL 当你查看评论表单的源代码时,你可以很容易地发现WordPress使用comment-form-url类在表单中显示网站URL。您需要做的只是简单地转到“外观 > 附加CSS”部分,粘贴以下CSS代码并发布您的网站。 .comment-form-url{ display:none; } 这将从WordPress评论表单中删除评论作者链接框。下面是它在2021主题浏览器的开发者控制台上的外观。 使用CSS在评论中禁用网站URL 2. 使用功能禁用网站URL和评论作者链接 上述选项很容易做到,尽管它可能不适用于所有 WordPress 主题。由于主题可以使用自定义CSS来修改默认的WordPress评论表单,因此在使用上述方法之前,您必须检查主题的CSS。此外,您所有的旧评论仍将具有与作者姓名链接的网站URL。因此,从评论中删除作者链接的下一个选项是在主题的functions.php文件中使用一个函数。 您可以转到“外观 > 主题编辑器”部分并为您的活动主题找到“functions.php”文件。将以下代码粘贴到文件末尾,然后单击“更新文件”按钮。 /* Remove Comment Author Link […]

100% Secure Checkout

PayPal / MasterCard / Visa