如何优化 WordPress 以提高速度
已发表: 2022-09-28WordPress 是一个内容管理系统 (CMS),可让您从头开始创建网站或博客,或改进现有网站。 WordPress 的主要优点之一是它非常易于使用——即使对于初学者也是如此。 但是,WordPress 的一个缺点是它可能会占用大量资源,这可能会导致您网站的加载时间变慢。 如果您有很多插件和/或大型数据库,则尤其如此。 有多种方法可以减少 WordPress 网站上的页面请求数量。 在本文中,我们将与您分享一些最好的方法来做到这一点。
缓慢的 WordPress 网站通常是多种因素的结果。 如果您可以使您的HTTP 请求显着降低,您肯定会加快您的网站速度。 可以使用多种策略来减少请求大小。 当您实施其中一些技术时,您的网站应该能够在页面和整体上更快地运行。 缩小是从源代码中删除不必要字符的过程。 使用延迟加载加载页面时,您可以在页面末尾停止加载任何不需要的图像。 这可确保仅在屏幕上加载所需的项目。
图像压缩和优化对于您网站的长期健康至关重要。 将大图像上传到您的网站不仅会占用大量空间,而且还会减慢您的网站速度。 无需上传大量图片。 您可以使用 Tiny PNG 等工具在加载它们之前压缩它们并缩小它们的大小。 HTTP 请求的数量会严重降低网站速度并降低其性能。 这是一个很难解决的问题,你必须掌握一些技巧。 使用下面概述的方法,您可以确定这是否有助于更快的站点。 如果您使用 WordPress,您可以使用该插件以及 Query Monitor 插件来测试您的站点。
如何减少 WordPress 中的 CSS?

这个问题没有万能的答案,因为在 WordPress 中减少 CSS 的最佳方法会因各个站点及其特定需求而异。 但是,一些可能有助于缩小 CSS 文件的一般技巧,使用 CSS 预处理器(例如 Less 或 Sass),以及使用 WordPress 插件(例如 Autoptimize)来优化 CSS 交付。
如果您测试网站的速度,您很可能会收到PageSpeed Insights建议删除未使用的 CSS。 尽管它们对于渲染和加载页面是不必要的,但已经丢弃的 CSS 包含在页面的代码中。 删除所有内容后,页面将不会发生任何更改; 页面将正确显示在首屏的上方和下方。 在我已经使用了大部分 CSS 之后,如何删除页面? Chrome DevTools 中的 PageSpeed Insights 和 Coverage 选项卡是识别未使用 CSS 的两个最常用工具。 自定义编码总是一个好主意; 仅在网站上使用页面的代码。 您可以通过手动或使用插件来减少未使用 CSS 的大小和影响。
您可以使用 WP Rocket 提高您的 PageSpeed Insights 分数。 启用该选项后,您将能够优化您的 WordPress 网站性能。 使用该插件,Core Web Vitals 的网络性能分数通过自动应用 80% 的最佳实践而提高。 结果是更快的页面加载时间和更小的页面大小。
页面请求过多是什么意思?

如果一个网站在短时间内收到过多的页面请求,这可能意味着该网站很受欢迎并且正在被很多人访问。 这也可能意味着网站存在问题,导致其加载缓慢或崩溃。
您会在 Internet 上找到 HTTP 请求方法。 它们与邮政服务一样,可以帮助您获得所需的东西,但您不应滥用它们。
如果您在线,您的浏览器会不断向网络服务器发送请求。 当您请求更多信息时,您更有可能遇到问题。
此错误消息告诉您在给定时间内请求的请求过多。 这不是违规,而是警告。
HTTP 请求经常被滥用,您收到此消息的原因很可能是它。 保持不超过 50 的请求限制,你会没事的。
四种不同类型的 Http 请求
当用户从 Web 请求页面时,按顺序发送 HTTP 请求。 第一个请求是 HEAD 请求,它从服务器获取一个标头并将其返回给用户。 下一个请求是请求页面的主体,称为 GET 请求。 一旦服务器收到 POST 请求,它就会对网页进行更改。 服务器发送 PUT 请求,该请求请求它对网页上的特定文件进行更改。
当用户超过 Too Many Requests 响应码中指定的 HTTP 请求数时,返回 HTTP 429 Too Many Requests 响应码。 该响应将向用户提供有关收到多少请求以及用户浏览器需要多长时间来处理它们的信息。
如何减少 Http 请求

有几种方法可以减少 HTTP 请求:
1. 使用内容交付网络 (CDN)。
2. 使用浏览器缓存。
3. 使用文件压缩。
4.使用图像精灵。
5. 使用内嵌图像。
6. 使用 CSS 而不是图像。
7. 使用数据 URI。
8. 使用 CSS3 特性。
9. 使用服务人员。
什么是 HTTP 请求? 它如何影响用户体验? 应该怎么做才能减少 HTTP 请求? 这些问题中的每一个都应该一一回答。 随着您更好地理解为什么这些响应协议很重要,您将能够更好地利用访问者的时间。 您网站上的更多文件意味着来自浏览器的更多 HTTP 请求。 正在传输的文件的大小也是加载页面所需时间的重要因素。
当您的网站长时间拥塞时,这可能会让您的用户感到痛苦。 2019 年 3 月,为加载移动或桌面网页而发出的HTTP 页面请求的中位数为 69 到 75。此工具向您显示浏览器下载页面所需的文件以及它请求的文件。 您可以使用此功能查看页面上的内容以及加载所需的时间。 启用 DevTools 后,网络面板会记录所有网络活动。 可以在 Google Chrome 中找到指向特定网页上的网络面板的链接。 我们如何减少对网站的请求数量?
确保没有不必要的图像。 例如,如果您的网站有许多单独的图像,您应该考虑减小其文件大小。 如果可能,最好将每个图像的文件大小限制在 100 KB 以下。 使用 TinyPNG 可以一次压缩大量图像。 通过将您的网站配置为异步使用 JavaScript 文件,可以实现异步加载。 检查页面的其他部分是否存在可能导致页面加载时间变慢的问题。 您必须确保您网站的 CSS 文件与其收到的请求数量一致。
通常,您可以将两个或多个 CSS 文件合并为一个。 因此,浏览器无需请求额外的 HTTP 请求即可生成这些文件。 然后,您和您的团队可以决定这些资产中有多少是值得的。
在没有插件的情况下减少 WordPress 的 Http 请求

有几种方法可以在不使用插件的情况下减少 HTTP 请求。 一种方法是使用内容交付网络 (CDN)。 CDN 可以通过在其服务器上缓存您的静态文件(图像、JavaScript 和 CSS)来帮助减少您的网站发出的请求数量。 减少请求数量的另一种方法是优化图像。 您可以使用 ImageOptim 之类的工具来减少图像的文件大小而不降低质量。 最后,您可以将 JavaScript 和 CSS 文件分别合并到一个文件中。 这有助于减少请求的数量,因为每个文件只需要下载一次。

减少页面加载时间 WordPress 插件
如果您希望提高 WordPress 网站的性能,您可以做的最好的事情之一就是安装一个有助于减少页面加载时间的插件。 有许多很棒的插件可以帮助解决这个问题,但我们最喜欢的插件之一是 WP Fastest Cache 插件。 该插件的工作原理是创建您网站页面的静态 HTML 文件,然后将该文件提供给访问者,而不是每次都加载整个 WordPress 网站。 这有助于显着减少页面加载时间,并且是提高网站整体性能的好方法。
为了向您的网站访问者提供更快、更相关的体验,您必须减少 WordPress 网站的页面加载时间。 您可以使用十多种技巧来加速您的 WordPress 网站。 选择合适的 WordPress 托管服务提供商是您可以做出的最重要的决定之一。 WordPress 插件清理和卸载将删除所有不再有用或很少使用的插件。 您将拥有更快的页面加载时间,因为您使用的每个文件(CSS、JavaScript 和图像)都会增加您拥有的页面数量。 在你的模板上有很多插件不是一件好事。 有太多编码不良的插件执行相同的任务,从而导致问题。
WordPress 插件可用于优化图像性能。 在上传之前,请确保您的图片已针对 WordPress 进行了适当的优化。 Save for Web 选项是图像编辑程序(如 Photoshop 和 Gimp)中的一个常见功能,如果您不熟悉 Web 保存,它允许您为 Web 保存文件。 您可以通过 gzip 压缩加快 WordPress 网站的加载速度。 为 WordPress 网站设置缓存不需要做太多事情。 可以在不到一分钟的时间内使用 WordPress 缓存插件启用缓存。 缓存的目标是在用户的设备上保留一定数量的静态文件一段特定的时间(例如,图像、脚本等)。
事实上,您的网站架构对您网站的性能有重大影响。 加载样式表时,将它们放在元素的顶部(在 /head/element 中)以确保首先加载它们。 如果您的网站使用大量外部脚本,其性能将受到影响。 当只运行一个外部脚本时,页面加载时间将显着减少。 您可以从信誉良好的来源中选择编码良好的 WordPress 主题。 选择适当的主题应该既响应又优化,以最大限度地提高性能。 如果您不想修改系统,像 Autoptimize 这样的插件可以帮助您自动化整个过程。
在使用大量空白来增强前端时,请确保从代码中删除所有制表符和空格。 如果您启用所有 Jetpack 功能,您的页面将需要更长的时间来加载。 通过禁用某些功能,您可以腾出时间专注于其他功能。 我唯一的例外是 WP.me 上的评论、分享、短链接和小部件可见性。 我能够节省三 (3) 秒。
优化 Http 请求
优化 HTTP 请求对于提高 Web 应用程序的速度和性能非常重要。 HTTP 请求可以通过最小化请求数量、减小请求大小和使用缓存技术来优化。 通过减少 HTTP 请求的数量,等待来自服务器的响应所花费的时间也减少了。 减少 HTTP 请求的大小还可以通过减少需要在客户端和服务器之间传输的数据量来提高性能。 缓存技术可用于通过在客户端存储频繁请求的数据来提高性能,从而减少到服务器的往返次数。
如果您的网站运行缓慢或笨拙,您的网站将无法正常运行。 当您的网站加载时间超过 3 秒时,40% 的人会放弃它。 您可以通过减少 HTTP 请求的数量来提高网站性能。 换句话说,减少与网站相关的 HTTP 请求至关重要。 当您的站点收到大量 HTTP 请求时,加载页面需要更长的时间。 一个有 20 个请求的页面可以容纳 20 个图像,而一个有 70 个图像的页面可以容纳 70 个图像。 在开始消除 HTTP 请求之前,您必须首先确定您的网站收到了多少请求。
通过这样做,您可以确定您正在处理的请求数量。 加载移动网站可能需要 6 秒,但桌面网站可能需要 2 秒。 当您的移动网站需要 6 秒加载,而您的桌面网站需要 2 秒时,就会出现此问题。 如果您收到低分,您的加载时间可能会太慢。 要简化您的社交媒体插件,请使用 Novashare 等工具。 该工具不会减慢您的页面速度,但它可以让您减少通过它的请求数量。 不要害怕积极主动地审核每个网站上的每个页面。
如果图像不能为您的内容增加价值,请将其删除。 因此,一些视频会降低用户体验,导致页面加载时间增加。 您可以使用 LazyLoad 等插件来自动执行延迟加载。 缓存可用于减少 HTTP 请求。 疼痛是存储允许您的网站在访问者的浏览器中显示的脚本副本的过程,而不是删除所有脚本的过程。 根据服务器响应您的请求的速度,您的页面加载所需的时间可能会有很大差异。 如果您想重新获得控制权,请取消嵌入 YouTube 视频或在本地托管 Google Analytics 脚本等第三方内容。
因此,每个图像都包含一个 HTTP 请求,因为它没有价值,所以必须删除该请求。 您应该压缩保存的图像以节省加载时间,但您还应该保留增加价值的视频。 如果您的浏览器不支持它,则可以在用户滚动时立即加载图像和视频。 如果您想确保内容缓存正确完成,请勿使用 cookie 并为您网站的每个页面使用相同的 URL。
WordPress Http 请求
WordPress HTTP 请求是您的 WordPress 站点与其托管的服务器之间的通信。 每次访问者在您的 WordPress 网站上加载一个页面时,他们的浏览器都会向您的服务器发送一个 HTTP 请求。 然后,您的服务器以请求的信息进行响应,然后在浏览器中显示给访问者。 HTTP 请求很重要,因为它们允许 WordPress 与服务器通信并加载显示WordPress 页面所需的必要文件和信息。 如果没有 HTTP 请求,WordPress 将无法运行。
Http Api:与 Web 服务和 API 交互的强大方式
WordPress 中的 HTTP API 是与 Web 服务和 API 交互的强大工具。 它可以发送和接收 HTTP 请求,也可以接收和存储 HTTP 响应的内容。
使用 WordPress 中的 HTTP API,您可以轻松地从 Web 服务中获取特定数据,执行 POST 请求,或者简单地获取网站的当前状态。
更少的 Http 请求
减少 HTTP 请求的数量是加快网站速度的最重要步骤之一。 通过减少 HTTP 请求,您可以减少等待服务器响应所花费的时间,并且还可以减少使用的带宽量。
通过减少 HTTP 请求来优化您的网站至关重要。 当您将脚本、样式表、图像或嵌入视频添加到您的网站时,您的浏览器会收到对服务器的每个后续请求。 当资源组合在一起时,减少请求的最有效方法是将它们分成更小的块。 将 result.js 文件拖入 bld 目录后,会创建一个 result.js 文件。 在此文件中,将设置 script1.js 和 script2.js 标志。 对于每个文件,使用分号或行终止符。 除了 fixlastline 属性之外, fixlastline 属性还可用于指示 Ant 向每个文件添加新行。
一个 base64 编码的字符串在与 mediatype 分开后用分号与 mediatype 分开。 使用 base64 方案以 ASCII 格式表示数据,该方案用于将数据转换为二进制文本。 当数据被解码并生成文件时,浏览器会自动构建它。 因此,嵌入媒体看起来好像是一个外部资源。 此问题的最常见原因是插件,这些插件被 WordPress 等内容管理系统使用。 每个插件通常都会添加自己的脚本,从而导致 HTTP 请求增加。 大多数不必要的插件都应该被卸载,那些每年只使用几次的插件也应该被卸载。 您可以使用 Raygun 等质量性能监控系统来诊断、检测和解决问题。