所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

缓存(Cache)是什么? 教你清除快取,解决网站速度&更新问题!

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

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

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

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

1. 快取是什么?

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

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

缓存的运作原理

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

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

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

网页缓存机制(cache)核心目的:

有效降低访问主机的频率,并提升网站速度!

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

网页缓存 Cache 流程示意图
网页缓存 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)
服务器快取(Server Cache)

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

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

如何挑选优质的网站服务器端(虚拟主机)?

4. CDN 缓存

CDN 缓存
CDN 缓存

CDN 是什么?

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

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

谁适合使用 CDN 快取?

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

5. 数据库缓取

数据库缓存
数据库缓存

数据库缓存是什么?

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

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

谁适合使用数据库缓存?

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

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

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

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

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

快取失效是什么?

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

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

1. WP Rocket 设置缓存

wordpress插件推荐 :WPRocket 网页缓存插件wordpress插件推荐 :WPRocket 网页缓存插件
WPRocket 网页缓存插件

WP Rocket 是市场上最棒的 WordPress 快取插件之一,你不需会任何程序技术,就能用多种方式加快网页速度。 完整教程参考 WP Rocket 教程。

它的操作界面简单非常容易上手,基本上都是点个按钮开启或关闭就好了,就算没有任何的 WordPress 快取的使用经验,也完全没关系。

WP Rocket 速度优化插件,操作接口
WP Rocket 速度优化插件,操作接口

对比其他 WordPress 快取插件, WP Rocket 有它的独特专业性,这只是部分的比较图(因为还有很多 .. )。

WpRocket 和其他快取插件,功能比较
WpRocket 和其他快取插件,功能比较

WP Rocket 与绝大多数的主机、主题主题、网站插件,都保持完美的兼容性,简单来说你可以放心的使用它。

很多人尝试安装不同的网站插件,就是想提升网页速度,但通常只需一个 WP Rocket 就能搞定一切,而不用安装一堆有的没的。

  • 预先加载链接内容:鼠标放在链接上,就能自动先读取链接的内容(这个功能超酷)。
  • 延迟加载图片 / 视频:加快页面读取速度。
  • 影片预缩图:通常网站嵌入 Youtube 视频,是需发送程序到远程要资料的,这流程其实很费时,WP Rocket 会提供预缩图让访客看,等他们真的要看视频点击按钮,才会发送请求抓取视频资料。
  • 延迟加载 JavaScript: PSI 评分的项目之一,延迟加载 JS 有助于提升速度。
  • 数据库优化清理:清除多余的过期数据。
  • 预先抓取 / 预先连线:把全站会使用到的资源,预先抓取和连线保留,就不用每浏览一页都还要重新抓一次。
  • 本地托管 Google Analytics(GA 分析):把 GA 执行脚本预先加载到本地,就不用跑到远程拿资料。
  • 心跳连线频率控制:节省后台 AJAX 发送频率,提升站点速度。
  • CDN 功能整合:有自家付费的 RocketCDN,你可以用免费的 Cloudflare 替代,效果同样非常好。

以上是简单列出几个 WP Rocket 的快取功能,WP Rocket 就是专注的在帮你提升网站速度!

如果你的预算够, WP Rocket 其实很值得购买使用,有兴趣可点击下面前往。

立即取得 WP Rocket 插件

2. WP Fastest Cache设置缓存

WordPress速度优化 :WP Fastest Cache
WordPress速度优化 :WP Fastest Cache

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

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

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

WP Fastest Cache 配置设定参考
WP Fastest Cache 配置设定参考

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

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

以上就是 WP Fastest Cache 的简单介绍:)

立即取得 WP Fastest Cache 插件

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

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

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

一、清除 Chrome 浏览器快取

清除缓存快捷键

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

电脑版本的清除方式

清除 Chrome 浏览器快取
清除 Chrome 浏览器快取

首先,在计算机中打开 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 浏览器,并在菜单列中点选 Safari,开始按序点击“ 偏好设置 > 隐私权 > 管理网站数据(点击按钮) > 清除所有 。

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

行动版的清除方式(iPhone、iPad、iPod touch)

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

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


5. 快取的优缺点

缓存的优点

1. 加速网站加载速度

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

2. 减少服务器负担

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

3. 节省网络流量

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

4. 优化用户体验

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

缓存的缺点

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

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

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

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

3. 占用硬盘空间

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

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

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

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

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

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


常见问题

缓存(Cache)和 Cookie 一样吗?

虽然两者都有“ 储存 ”的功能,但是概念完全不同!

Cache:这是网站储存网页或文档的技术,可以提高网站加载速度,再次回访相同的网站时,就可以从缓取中读取,而不需要再次从网站服务器下载,进而节省时间和流量。

Cookie:这是网站存储用户信息的技术,网站会存储用户名称、登录状态到电脑或手机的Cookie再次回访相同网站时,就可以通过读取Cookie记住之前的设置和操作。

缓存可以优化网站SEO排行吗?

快存(Cache)可以间接优化网站的SEO排名,但不是直接影响排名的因素,因为快取的主要作用是减少网站的加载时间,提高网站的速度和性能,进而提升用户体验。

而「提供用户最佳体验」是谷歌搜索引擎优化中的重要考量,因此透过快取技术优化网站速度,确实可以优化网站SEO排名。 更多 WordPress SEO 优化教程。

除了快取技术,还有其他方法提升网站速度吗?

最直接且简单的方法就是优化图片,因为图片是网站中占用最多空间的元素之一!

光是压缩图片进行优化,就能大幅度有感的提升网站加载速度,可以使用 Smush 插件 自动压缩上传图片,或是图片压缩工具 TinyPNG。 更多图片优化流程。

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

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板