缓存（Cache）是什么？ 教你清除快取，解决网站速度&更新问题！

身为站长的你，在网站搭建时，可能会遇到更新了网站内容，却无法成功显示出最新版本，即使刷新也无法解决！ 或是电脑看都没问题，但手机浏览器却停留在旧版内容。

这很有可能是因为「快取」所导致的技术问题喔！

本篇将详细说明快取是什么，教你实战清除快取，解决上述网站资料不一致的问题，准备好就开始吧：）

• 1. 快取（cache）是什么？
• 2. 缓存的常见应用
• 3. 如何使用插件设置&清除快取？
• 4. 如何清除浏览器快取？
• 5. 快取的优缺点
• 常见问题
• WordPress 学习资源

---

1. 快取是什么？

快存（cache）是一个「优化网站速度」的计算机内存技术，透过「 暂存器缓存 」用户最近使用的数据，下次浏览相同的页面时，就能更快速的访问同一个网站！

因此，快取技术 只能优化「重复访问」的加载速度，第一次访问都会比较慢，属于长期经营网站的优化技术，让忠实访客享有更快速的浏览体验。

缓存的运作原理

首先，我们需了解每一个访客浏览网站时，在没使用快取的情况下，都会发出数个请求访问给主机拿资料。

如果一个人做这样的事情，主机当然都负荷的了，但如果今天是1000个人同时访问网站，等于是瞬间有1000个访问量！

除非你的主机够好，不然通常网站都会 Loading 一些时间（或是直接挂掉）。 而为了能降低伤害，后来网页技术于是进化有「 网页快取机制 」。

网页缓存机制（cache）核心目的： 有效降低访问主机的频率，并提升网站速度！

简单来说，就是你曾经看过的页面，快取机制先帮你保存起来了。 下一次又浏览同样页面时，缓存机制就会直接把这页面拿给你看，减少向主机请求资料的次数。 只要消耗主机资源的访问量一减少，主机速度就会运作的更顺，自然不会有卡顿问题。

上图流程说明

• 首次访问页面流程：访客第一次访问 → 跟主机要网页资料 → 回传至 WordPress 网站 → 访客浏览到页面（此类型的加载速度较慢）。
• 再次访问页面流程：访客再次访问同一页面 → 系统判断是否有缓存纪录 → 读取原来的快取页面 → 访客浏览到页面（此类型的加载速度较快）。

---

2. 缓存的常见应用

现在的缓存 cache 集成了许多技术，像是整合 HTTP 缓存、浏览器缓存、CDN、AMP … 等技术，不再只是专门的个别技术。

其实快取技术的原理都很相似，不用再跟主机要资料，好优化网站的加载速度，只是应用的地方与技术不同而已，以下整理出 5 种快取的常见应用：

1. 浏览器缓取

浏览器快取是什么？

浏览器快取是网页浏览器中最常见的功能，现代的浏览器几乎都有支持快取功能，像是 Chrome、bing、safari … 等，可以提高网页的加载速度、减少网络流量。

因为浏览器缓存会将网站的静态资源，像是图档、CSS、JavaScript … 等文档，储存在本地端，下次访问相同的网页时，就不用重新从网络上下载，因此回访的网站速度普遍更快。

浏览器快取的常见应用

• 第 1 次访问网站：浏览器会将该网站的文档下载到本地端，并且储存在缓存中。
• 第 2 次访问网站：浏览器会从缓存中加载这些文档，就不用重新下载资料。
• 离线资源：正在查看文章时，即使中途离线了，也可以继续访问这些资源。

2. 网站本身快取

网站本身缓存又有分为 2 种类型：网站缓存插件、网站缓存程序码，两者都可以提升网站速度，差别在于应用的技术不同。

第 1 种类型：网站缓取插件

以 WordPress 为例，它本身并没有内含快取功能，需要「 另外下载插件 」才能获得快取技术，快取插件会将网站页面的 HTML 内容储存在快取内，好减少动态生成页面的次数。

好处是 WordPress 提供许多缓存插件，让你拥有设定缓存的权限，还可以依照个人喜好和网站需求，弹性安装更适合的插件。

常见的网站缓存插件有 WP Rocket、WP Fastest Cache、WP Optimize … 等，更多 WordPress 速度优化插件。

一个网站可以“ 同时安装 ”许多缓存插件吗？

可以，但并不推荐这样做，因为多个快取插件容易相互干扰，快取效果反而会变差。 除非你能确保它们不会快取到相同的资源，但这牵涉到实际操作时，需要注意以下几点：

• 缓存插件的优先级：当网站安装多个缓存插件时，就要设置插件的优先级，才能确保缓存效果优化。
• 测试缓存效果：安装多个缓存插件后，建议对网站进行缓存效果测试，确保这些插件都能正常运作。 如果发现效果不佳或异常，就要调整快取设置，或直接卸载一些快取插件。

第2种类型：网站快取过程

网站缓存过程会在网站内嵌入快取控制程序码，达到网站缓存的功能。 有些网站平台会在后台「直接编排好」快取程序码，这需要参考各家平台，是否提供这项快取技术。

虽然网站快取程序码听起来很方便，不用另外下载插件就能享有快取功能，但缺点是并非每一家网站平台都会开放快取操作界面，甚至会因为权限看不到后台接口，无法弹性细调。

网站缓存程序码的常见应用

• http 网站缓存过程代码：可以控制网页的缓存行为，像是设置缓存的过期时间、控制缓存的位置、控制缓存的大小 … 等重要设定。
• JavaScript 网站缓存过程：可以将网站中的静态资源，像是图片、CSS、JavaScript … 等文档，储存在浏览器快取中，进而提升网站速度。

3. 服务器快取

服务器缓存（Server Cache）是将网站的内容快取在服务器端，也就是我们常说的虚拟主机，通过减少向主机请求数据的次数，来提高网站性能、减少服务器负载。

其中「减少服务器负担」是服务器快取的最大优势，因为可以减少动态生成网站内容的次数，进而提高服务器效能和稳定性、降低网站故障的风险。

如何挑选优质的网站服务器端（虚拟主机）？

4. CDN 缓存

CDN 是什么？

CDN（Content Delivery Network）是由第三方服务商提供的快取技术，CDN 服务商就像是中间站，帮你加速网站和风险控管，确保网站的安全性，不让黑客知道主机在哪。

其中Cloudflare是全球知名的快存服务商，拥有超过200个全球节点，可以将网站内容分发到全球各地，通过CDN快取技术减少访问延迟、提高加载速度。

谁适合使用 CDN 快取？

• 高流量网站： CDN 缓存技术可以帮助流量分散，减轻原始服务器的负载，提高网站的性能和可用性，通常适合中小型的博客或企业网站。
• 国际化网站： CDN 缓存的最大特点是可以提高跨国区域的访问速度，特别适合需要跨国服务的全球网站，可以确保来自不同国家的用户，都能享有网站的安全性和可用性。

5. 数据库缓取

数据库缓存是什么？

你有没有一种经验，在网站中查询相同数据时，搜索结果的速度越来越快呢？ 这就是因为网站有使用数据库快取技术喔！

数据库缓存会将常用的查询结果缓存起来，可以提高数据库查询的速度、减少数据库的查询次数，因此当你发送相同的查询时，网站就不必再次查询数据库，而是直接从缓存中提供查询结果。

谁适合使用数据库缓存？

• 高流量网站：数据库快取技术适合「需要快速读取、频繁访问数据库」的网站，尤其是高流量的网站，确保访客可以在最短时间内获得查询结果。
• 电商购物网站：销售网站很需要“ 快速查询 ”库存数量、商品价格、购物车页面 … 等数据，而缓存可以减轻数据库的负载，提升页面的加载速度，更能提高转换率！
• 社交网站：适合需要处理大量动态数据的社交网站，例如：Facebook 使用数据库快取，存储用户的个人信息和动态消息、Twitter 使用数据库快取技术，存储用户最近的搜索结果，并加速搜索功能。

---

3. 如何使用插件设置&清除快取？

看完上述缓存（cache）的常见应用和好处后，我们就要来「 实际操作 」快取设定。

如果你有在搭建网站，应该多少会遇到 明明后台更新了网站内容，但前台却停留在旧版本的内容，即使刷新也无法显示最新版本。

这种网站后台与前台数据不一致的情形，很有可能是因为快取失效喔！

快取失效是什么？

缓存失效其实很常见，通常发生在「缓存期限到期」或「 更新网站内容后」。 当数据被更新异动后，但缓存缓存的内容，还没更新至最新版本（期限越长、更新速度越慢），就会造成网站数据不一致，因此需要重新清除缓存，请求最新数据。

了解上述观念后，我们以 WordPress 为例，示范如何设置与清除快取，推荐 2 个最佳的 WordPress 速度优化插件。

1. WP Rocket 设置缓存

2. WP Fastest Cache设置缓存

WP Fastest Cache 同样是评价很好的一款「 WordPress速度优化 」插件，它提供基本的缓存功能，像是全站页面缓存、HTML / CSS 文档压缩、Gzip 压缩、浏览器快取等 .. 。

以免费版的角度来说，安装完成后对多 WordPress 站长来说，应该是满够用了。

但如果想追求更快一点的速度，因为免费版缺少许多功能（需升级为进阶版），这种情况下通常WP Rocket会是更好的选择。

WP Fastest Cache 接口容易上手也是优点，基本上就是把想启用的功能打开就好。

如果站长有做页面更新，WP Fastest Cache 也能自动帮你清除旧快取（需开启相关功能）。

以上就是 WP Fastest Cache 的简单介绍：）

---

4. 如何清除浏览器快取？

不管你是经营网站的站长，或是使用浏览器的用户，都能透过清除浏览器缓存，确保浏览器更加顺畅，并保证看到最新数据，还能修复无法访问网站、浏览器加载缓慢 … 等问题。

这次示范常见的 Chrome、Bing、Safari 浏览器快取清除教程，准备好就开始吧：）

一、清除 Chrome 浏览器快取

清除缓存快捷键

• Windows / Linux：按下 Ctrl + Shift + Delete 鍵。
• Mac：按下 Command + Shift + Delete 键，就会跳出“ 清除浏览数据 ”设置画面。

电脑版本的清除方式

首先，在计算机中打开 Chrome 浏览器，并点击右上方的“ 更多 ” 三点图标，开始点击“ 更多工具 > 清除浏览数据 > 设置时间范围 > 选中清除项目 > 清除数据 。

小提醒：如果想要删除所有浏览数据，设定时间范围时，可以选择“ 不限时间 。

Android 版本的清除方式

首先，在 Android 手机或平板电脑上开启 Chrome 应用程序，并轻触右上方的“ 更多 ”三点图标 ，开始轻触“ 历史纪录 > 清除浏览资料 > 设置时间范围 > 勾选清除项目 > 清除资料 。

iPhone 和 iPad 版本的清除方式

首先，在 iPhone 或 iPad 开启 Chrome 应用程序，并轻触底部的「更多」图标，开始依序轻触「 历史记录 > 清除浏览资料 > 勾选清除项目 > 清除浏览资料 」。

小提醒：清除浏览器缓存和 Cookie 后，系统可能会自动注销 Google 账户，建议保存好账号密码，确保能重新登入成功。

二、清除 Safari 浏览器快取

清除缓存快捷键

• Windows：按下 Ctrl + Alt + E键
• Mac：按下 ⌥ option + ⌘ command + E键，或是按下 Shift + Command + Delete 键。

小提醒：快捷键会根据你的 Safari 版本，而有不同的快捷键操作，如果因为版本不同无法操作，可以参考下方的电脑版清除方式。

电脑版的清除方式

首先，开启 Safari 浏览器，并在菜单列中点选 Safari，开始按序点击“ 偏好设置 > 隐私权 > 管理网站数据（点击按钮） > 清除所有 。

小提示：如果你只想清除特定网站的缓存，可以在「管理网站数据」中选择特定的网站，并点击「移除」按钮，Safari 浏览器的快取就会被清除。

行动版的清除方式（iPhone、iPad、iPod touch）

• 同时清除浏览记录和 Cookie：“ 设置 > Safari > 点击清除浏览记录和网站数据 ”
• 清除 Cookie 但保留浏览记录：“ 设置 > Safari > 高级 > 网站数据 > 点击删除全部网站数据 ”

小提醒： Safari 的操作步骤会根据你的设备版本，而有些差异，但操作顺序都大同小异，稍微摸索就能找像相似的选项喔！

---

5. 快取的优缺点

缓存的优点

1. 加速网站加载速度

这是缓存技术最重要的优点，当浏览器、服务器、CDN将数据缓存在快取中，下次访问同样网页时，就可以快速加载。

2. 减少服务器负担

快取技术的核心功能就是降低访问主机的频率，减少服务器（虚拟主机）处理数据的请求次数，降低服务器负担，自然能加速网站加载速度。

3. 节省网络流量

这点对于手机用户来说很重要，浏览器快取可以减少重复下载相同资源的情况，进而节省网络流量。

4. 优化用户体验

现在是一个讲求效率的网络时代，透过快取技术能让网站加载速度更快，因此用户的等待时间就会减少，让浏览体验更加快速且流畅。

缓存的缺点

1. 无法实时提供最新数据

当网站的原始数据有变动时，访客可能无法立即看到最新版本的数据，需要等到快取过期或手动清除缓存才能更新。

2. 难以兼具更新速度和流量

通常快取的到期期限越短，网站资源更新的速度就会越快，但会增加服务器负担和网络流量。 建议根据网站的需求设置期限，确保在适当的时间内更新，尤其是需要实时更新的网站。

3. 占用硬盘空间

如果你的电子设备越来越跑不动，可能是因为浏览器或服务器快取的数据太多或太大喔！

尤其是平常习惯浏览过多网站、下载过大文档的情况下，可能会导致系统内存或磁盘空间不足，进而影响电脑或手机的整体效能，需要定期清除部分或全部的快取，好释放硬盘空间。

4. 不一定适用于所有网站

有些网站的内容可能着重经常更新，因此缓存的优势反而难以发挥，会导致访客看到过时的旧版内容，这也是许多站长面临的问题。

另外，有些网站可能着重动态请求（Dynamic Request），不需要一次性加载所有内容，而是根据用户的操作，动态地修改网页内容，这种性质的网站就难以经常快取。

因此，最好的做法是 根据特定网站的需求设计，决定是否使用快取技术！

---

常见问题

原文链接：https://www.itaoda.cn/blog/10132.html，转载请注明出处。