减少对您网站的 HTTP 请求
来源:Freepik
请注意,HTTP 请求越少,下载的字节数就越少。然而,这项任务比想象 法律信息销售 的要困难得多。相反,优化是艰巨的。
我们研究了一些减少服务器必须发出的 HTTP 请求数量的最佳方法。该列表包括借助插件和手动方法减少 HTTP 请求的经过充分验证的方法。
使用 CSS Sprites 合并图像
使用 CSS 精灵是减少对图像资源的 HTTP 请求的最佳方法之一。不幸的是,您的网站上使用的每个 CSS 文件都是阻止渲染的,这意味着您添加的 CSS 文件越多,它们就会变得越重,从而减慢您的网站速度。
为了避免此问题,请将您网站上的所有图像合并为一个文件,并在必要时对其进行优化。完成后,您可以利用 CSS 精灵技巧,在需要时使用 CSS 仅显示图像的一部分。互联网上有一些基于网络的工具。借助这些强大的工具,您可以优化您的图像。
一些广泛使用的工具的最佳示例包括CSS Sprites Tool、CSS Sprite Editor等。
启用延迟图像加载
延迟加载是一种推迟加载浏览器视口之外的图像的功能。但是,当用户访问您的网站并且没有滚动到底部时,放置在那里的图像将不会加载。这可以借助延迟加载脚本来实现。由于网站需要加载首屏图像,因此 HTTP 请求的数量会减少。
您可以要求开发人员在您的网站上包含延迟加载脚本或使用插件。例如,WP Rockets 提供了延迟加载功能,当您在您的网站上使用时,它将显示首屏上方部分的内容。
此外,还有其他一些插件为 WordPress 网站提供延迟加载功能。因此,您可以在线查看哪一个最合适。查看此处以了解如何加速缓慢的网站。
用更轻的插件替换更重的插件
减少 HTTP 请求数量的一种可靠方法是检查网站上安装的插件的大小。您的网站速度变慢的原因之一可能是一个或多个插件为您的网站更加努力地工作并产生了更多的 HTTP 请求。
要识别插件是轻量级还是重量级,您需要确保一些事项,例如代码的专业性和质量、代码执行的效率、功能和文件大小。
还有其他方法可以标记减慢网站速度的插件。识别此类插件后,您可以将其添加到书签。按照下面提到的 5 步诊断来做出更好的决定;
使用名为Pingdom的工具对您的网站运行性能测试,以检查它需要发出多少个 HTTP 请求。还写下你得到的分数。
请激活插件 A,然后再次运行测试。记下所得的分数。
停用第一个插件,然后安装另一个插件 B,并再次运行相同的审核。
比较每个插件发出的 HTTP 请求,看看哪个插件发出的请求最多。
如果其中一个请求比另一个请求少,则消除较重的请求并保留较轻的请求。您将有很多可用的替代方案,它们可以完成同样的工作,但是是轻量级的选项。
减少网站上的外部脚本
每次您的网站加载第三方脚本时,都必须发出 HTTP 请求。也就是说,如果您减少第三方脚本的数量,那么发出的请求也会减少。
另一方面,更多的 HTTP 请求会减慢您的网站速度,从而影响其性能。因此,您应该跟踪网站的所有第三方集成,以识别导致网站速度变慢的资产。
多个 HTTP 请求需要网络资源,您需要确保网站的性能得到维持。查看此处了解如何减少 WordPress 中的服务器响应时间。
我们谈论的外部脚本通常来自 Facebook 像素、Analytics 标签、社交分享按钮、YouTube 视频、A/B 测试标签和其他来源。为了提高网站的性能,识别增加请求数量的文件至关重要。您可以手动优化第三方请求或使用插件来执行此操作。
减少 HTML、CSS 和 JavaScript
添加 HTML、CSS 和 Javascript 代码有助于删除不必要的空格、注释和不需要的字符。它还有助于减小文件大小,使其更轻。
该技术可应用于所有三个文件:HTML、CSS 和 Javascript。这不会影响向最终用户的交付,因为这只是清理后端代码的问题。
您可以手动、在线或借助工具或插件来缩小文件大小。
要缩小 HTML 文件,您可以打开代码表并删除所有不需要的元素,如注释、换行符等,这样您的文件就会更轻。
要缩小 CSS 文件,请删除所有多余的空格和注释。此外,您还应尽可能删除类、缩短 ID 并删除变量名。
您需要从源代码中删除多余的空格和 JS 注释以缩小 JS 文件。另外,将所有数组转换为对象,找到基本常量表达式的答案,并优化条件语句以获得最佳结果。