浏览器

你想知道如何修复WordPress中的“利用浏览器缓存”警告吗？ 通过修复‘利用浏览器缓存’的警告，你将迅速提高你的WordPress网站的速度，并为你的网站访问者提供更好的体验。 在本文中，我们将向您展示如何轻松修复WordPress中的“利用浏览器缓存”警告。 这降低了整体服务器的负载，因为向实际服务器发出的请求会更少，因此您的网站性能将会提高。 有时你会收到一条警告，说你的“高效缓存策略”不起作用。 这两个警告都指向您的浏览器缓存设置错误。 如果你看到‘利用浏览器缓存’的警告，那就意味着你需要激活和定制缓存规则来加速你的网站。 话虽如此，让我们来看看如何使用两种不同的方法轻松修复WordPress中的“利用浏览器缓存”警告。只需使用以下快速链接即可选择您要使用的方法： 使用WP RocketFix使用代码修复了“利用浏览器缓存”警告 开箱即用，所有推荐的缓存设置都会真正加快你的WordPress博客的速度。 要用WP Rocket修复‘利用浏览器缓存’的警告，你所要做的就是安装并激活该插件。 就这样。 欲了解更多细节，您可以查看我们的指南如何在WordPress中正确安装和设置WP Rocket。 WP Rocket将自动启用浏览器缓存并修改您的.htaccess用正确的规则归档。 注：如果你使用的是SiteGround虚拟主机，那么你可以使用免费的SiteGround优化器插件。它拥有与WP Rocket几乎相同的功能，它将自动为您启用浏览器缓存。 接下来，点击页面顶部的“网络”标签。 您可能需要刷新页面才能加载结果。 之后，在“名称”栏中点击您的域名。 它应该在页面的顶部。 然后，在“Response Header”部分中，您将看到一个名为“SERVER”的项目，其中显示了服务器的类型。 在本例中，该站点运行在一台阿帕奇服务器上。 在Apache中添加缓存控制和过期标头 要修复“利用浏览器缓存”警告，您需要将代码添加到.htaccess文件。 若要编辑此文件，您需要使用FTP客户端或主机的文件管理器工具连接到您的WordPress主机帐户。 连接后，您可以看到您的.htaccess您网站的根文件夹中的文件。 如果你找不到，那就别担心。有时可以隐藏此文件。有关更多详细信息，请参阅我们的指南，了解您在WordPress站点上找不到.htaccess文件的原因。 接下来，您需要添加缓存控制和/或Expires标头以打开浏览器缓存。这会告诉Web浏览器在删除您的网站资源之前应该存储多长时间。 缓存控制标头向Web浏览器提供有关如何进行缓存的具体细节。 Expires标头启用缓存，并告诉Web浏览器在删除特定文件之前应存储多长时间。 可以将以下代码添加到您的.htaccess要添加Expires标头的文件： ## EXPIRES HEADER CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg “access 1 year” ExpiresByType image/jpeg “access 1 year” […]

WordPress网站设置缓存机制与不设置缓存机制，网站的加载速度有天壤之别。Google PageSpeed Insights或GTmatrix或Pingdom等工具可能会建议您通过htaccess或者Nginx设置浏览器缓存。 或者使用现有的WordPress缓存插件实现WordPress网站的浏览器缓存。我们在另外一篇文章《网站测速性能测试深入浅出教程[附15款常用网站测速工具]》详细地说明了网站测速方法，有兴趣的站长也可以参考阅读一下。 好吧，在本文中，我们将一起探讨如何解决网站测速工具提到的浏览器缓存设置提醒。此外，还将会一些在WordPress中实现浏览器缓存的简单但非常有效的技术。 下面根据我们的经验，利用浏览器缓存帮助您将网站加载速度提高多达50％。 文章阅读导航 什么是优化浏览器缓存？ 浏览器缓存如何加速您的网站 如何修复浏览器缓存警告 在WordPress中启用浏览器缓存 在Apache服务器上通过htaccess设置浏览器缓存（不使用WordPress插件） 在Web服务器NGINX上启用浏览器缓存（不使用WordPress插件） 使用WordPress缓存插件实现浏览器缓存 #1 WP Fastest Cache #2 Cache Enabler – WordPress Cache #3 W3 Total Cache 什么是优化浏览器缓存？ 优化浏览器缓存即，设置浏览器本地存储网站的可缓存资源的时间值（即图像，JavaScript和CSS），减少客户端访问相同页面时的HTTP请求所需要的资源下载，提高了站点加载速度。 在使用Google Pagespeed进行网站速度测试时，您通常会注意到建议你为将WordPress的一些资源设置浏览器缓。 在大多数情况下，可缓存资源是可以由浏览器临时存储的网站文件（例如图像，JavaScript和CSS）。 浏览器缓存如何加速您的网站 在进入本文优化WordPress网站浏览器缓存细节之前，让我们首先了解WordPress中的浏览器缓存是如何工作的？以及它是如何更快地加载您的网页。 Web浏览器需要从服务器检索许多资源（即HTML文件，CSS文件，JS文件，文本，图像等）以便加载网站。 Web缓存是Web浏览器和软件应用程序中用于“临时存储”或“记住”本地磁盘上访问过的网页资源的技术。此临时存储的数据称为“Web缓存”或“HTTP缓存”。 当你再次访问同一个网站时。Web浏览器仅从服务器端下载来自网站的更新内容，“临时存储”数据则直接从你的本地电脑读取。 因此，Web缓存有助于减少带宽使用，服务器负载等。因此，利用浏览器缓存对于加快网页加载非常重要。 换句话说，它命令您的Web浏览器（i）在本地缓存网站文件一段时间（ii）并从本地存储加载文件以供下次访问，直到缓存时间失效。 （iii）因此，从本地存储加载网站文件有助于Web浏览器更快地呈现和显示网站。 如何修复浏览器缓存警告 为了修复浏览器缓存设置警告，您的Web服务器应该允许Web浏览器临时在本地磁盘上存储访问过的Web页面资源。此外，当用户再次访问您的站点时，由于本地已经缓存了部分可用静态资源，它将加载更快。因此，您会发现网站加载速度有了显着提高。 那么问题是如何启用WordPress站点的浏览器缓存功能？ 要在WordPress中启用浏览器缓存，您需要通过在HTTP标头中添加缓存控制标头和ETag标头来设置内容过期日期。 Cache-Control状态通过Web浏览器指出特定文件的缓存周期。 而ETag用于验证缓存资源和请求资源之间的更改。 我们可以设置一个特定的时间段（数月或数年）来保持本地缓存资源（即HTML，CSS或JS文件，图像等）。 温馨提示：请根据资源更改的频率设置到期日期，或者换句话说，更新网站静态资源的频率。而不是照本宣科参照下面提到的方法，应该因地制宜适当调整缓存策略。 在WordPress中启用浏览器缓存 你可以通过以下方式设置你的WordPress网站的浏览器缓存： Adding Expires Headers-HTTP添加Expires头 Adding […]

如果您有使用网站测速性能测试深入浅出教程一文中提及的15个网站测速工具对网站进行测速，相信对浏览器缓存这个概念不会陌生。个人尤其推荐其中Google PageSpeed Insights网站性能测试工具。 通过修复浏览器缓存警告，能够在一定的程度上加速您的WordPress网站并为网站访问者提供更好的体验。在本教程中，我们将再一次介绍如何处理WordPress网站在网站性能测试中的浏览器缓存警告。 什么是WordPress浏览器缓存？ 浏览器缓存是一种提高网站加载速度的方法。当一个网页加载时，所有的文件将被单独加载。 这会在浏览器和WordPress托管服务器之间创建多个请求，从而增加网页加载时间。 启用浏览器缓存后，Web浏览器会在本地存储您的网页副本。这允许浏览器在用户访问您网站上的第二页时更快地加载常见文件，如样式表、Logo、图像等。 这减少了整体服务器负载，因为对实际服务器的请求会减少，因此您的网站性能将得到改善。 在哪里查看WordPress浏览器缓存警告？ 利用浏览器缓存警告意味着您没有启用浏览器缓存，或者您的缓存设置可能错误。 当您运行网站速度测试时，您会收到一份报告，其中显示了您可以修复哪些方法来加速WordPress。 如果您的网站当前未使用浏览器缓存，那么您将收到启用浏览器缓存的警告。 这就是从页面速度洞察工具查看结果时的样子。 有时您会收到一条警告，指出您的高效缓存策略不起作用。 这两个警告都是指您的浏览器缓存设置错误。 利用浏览器缓存意味着激活和自定义缓存规则以加速您的网站。 下面我们将介绍使用两种不同的方法轻松修复WordPress浏览器缓存警告。 使用插件修复网浏览器缓存警告 使用代码修复网站浏览器缓存警告 方法 1. 使用WordPress插件WP Rocket修复浏览器缓存警告 WP Rocket是市场上最好的WordPress缓存插件之一。它非常适合初学者，即使不了解复杂的缓存和速度术语，也可以帮助您优化站点以提高速度。 开箱即用，所有推荐的缓存设置都将真正加速您的WordPress网站。 要使用WP Rocket修复浏览器缓存警告，您所要做的就是安装并启用插件。 就是这样。 WP Rocket将自动启用浏览器缓存并使用正确的规则修改您的文件.htaccess。 方法 2. 通过添加代码来修复浏览器缓存警告 第二种方法涉及向WordPress文件添加代码。 这种方法对初学者不太友好，所以请仅在您确切知道自己在做什么时才遵循此方法。对于大多数站长，我们建议使用方法 1。 话虽如此，让我们来一起看看如何通过向WordPress添加代码来修复浏览器缓存警告。 注意：在您自定义您的WordPress代码之前，我们建议您备份您的 WordPress 网站。有关更多详细信息，请参阅有关如何备份和恢复WordPress网站。 确定您的网站是运行Apache还是 Nginx？ 首先，您需要确定您的网站是使用Apache还是Nginx服务器。 为此，请在新选项卡或窗口中打开您的网站。然后，右键单击并选择“Inspect（检查）”选项。 接下来，单击页面顶部的“Network（网络）”选项卡。 您可能需要刷新页面才能加载结果。 之后，在“Name（名称）”列中单击您的域名。 它应该在页面的顶部。 然后，在“Response Headers（响应标头）”部分，您将看到一个名为“server（服务器）”的项目，其中显示了服务器的类型。在这种情况下，该站点在 Apache 服务器上运行。 在Apache中添加缓存控制和过期标头 […]