獨(dú)立站的速度很重要，畢竟沒(méi)人愿意在一個(gè)加載緩慢的網(wǎng)站上浪費(fèi)時(shí)間。那咱今天就不聊優(yōu)化原理、不講技術(shù)實(shí)現(xiàn)細(xì)節(jié)，說(shuō)說(shuō)如何通過(guò)傻瓜操作方式優(yōu)化獨(dú)立站的速度。

還是以我的博客網(wǎng)站為例，寫(xiě)一個(gè) Step by Step 的優(yōu)化教程。按照我的步驟操作，你的網(wǎng)站也能快到起飛。

提前介紹一下我的配置，畢竟不談配置去做速度優(yōu)化就是耍流氓。我的博客服務(wù)器使用的是 SiteGround 入門(mén)版，IP 地址在美國(guó)，且將域名的 NameServer 修改為了 SiteGround 地址，這便是我所有的配置信息。

首先，在 SiteGround 后臺(tái)，將網(wǎng)站的 SuperCacher 緩存功能開(kāi)啟，此處只需要做一個(gè)動(dòng)作；然后再切換到 MEMCACHED 選項(xiàng)卡，也將其緩存選項(xiàng)開(kāi)啟。

然后，便是開(kāi)啟網(wǎng)站 CDN 選項(xiàng)，SiteGround 官方有提供免費(fèi)的 CDN 服務(wù)，直接激活免費(fèi)版本的就好。根據(jù)我的使用經(jīng)驗(yàn)，這款免費(fèi)的 CDN 服務(wù)質(zhì)量并不差，月均幾十萬(wàn)訪問(wèn)真的沒(méi)什么問(wèn)題。

至此，在 SiteGround 后臺(tái)的速度優(yōu)化設(shè)置就做完了，就三個(gè)步驟，分別是：激活 SuperCacher 緩存、激活 MEMCACHED 緩存，與激活免費(fèi) CDN。

接下來(lái)要做的便是到我們網(wǎng)站后臺(tái)對(duì) CMS 系統(tǒng)進(jìn)行一些設(shè)置。

SiteGround 官方研發(fā)了一套適配器服務(wù)器的緩存優(yōu)化插件，且是默認(rèn)安裝的。優(yōu)化過(guò)程也只需要在該插件中點(diǎn)點(diǎn)選選即可。

總共是 4 大部分（緩存、環(huán)境、前端頁(yè)面、媒體資源）的內(nèi)容，16 處的設(shè)置項(xiàng)。

如果你是技術(shù)小白，那我建議你，直接將這 16 處控制項(xiàng)全部開(kāi)啟即可，就像我上圖展示的一樣。

傻瓜操作完上述這幾個(gè)步驟，你會(huì)發(fā)現(xiàn)你的網(wǎng)站速度會(huì)有一個(gè)質(zhì)的飛躍，且操作過(guò)程真的很簡(jiǎn)單。

那如何檢查我的網(wǎng)站速度優(yōu)化到底有沒(méi)有成功呢？

這里推薦 4 個(gè)在線網(wǎng)站測(cè)速軟件，任意使用其一即可。

https://pagespeed.web.dev/

https://tools.pingdom.com/

https://www.webpagetest.org/

https://gtmetrix.com/

你會(huì)發(fā)現(xiàn)，這些網(wǎng)站的測(cè)速原理大同小異，都會(huì)涉及到 LCP、FID、CLS 這三個(gè)概念，簡(jiǎn)單說(shuō)說(shuō)。

LCP（Largest Contentful Paint） 表示的是測(cè)量感知加載速度，通常表現(xiàn)為首屏內(nèi)容出現(xiàn)的時(shí)間，這是網(wǎng)站速度感知的最重要指標(biāo)，一般小于 2.5 秒最佳。

FID（First Input Delay）表示的頁(yè)面首次可交互的時(shí)間，小于 1 毫秒是最佳的。

CLS（Cumulative Layout Shift）表示頁(yè)面累積布局偏移度，當(dāng)頁(yè)面沒(méi)有加載完全時(shí)，某一部分可能會(huì)被一些延時(shí)加載的腳本給撐開(kāi)，改變?cè)械奈恢谩?/span>

更多的技術(shù)細(xì)節(jié)：https://web.dev/defining-core-web-vitals-thresholds/

OK，講了獨(dú)立站速度傻瓜優(yōu)化方式，與一些關(guān)鍵性的技術(shù)指標(biāo)，那說(shuō)說(shuō)平時(shí)上傳內(nèi)容習(xí)慣吧。畢竟前期優(yōu)化得再好，如果平時(shí)上傳內(nèi)容不注意的話，最后也會(huì)積重難返，拖累網(wǎng)站速度。

第一點(diǎn)，不要使用盜版的主題、插件，此處長(zhǎng)篇大論就不展開(kāi)了。

第二點(diǎn)，沒(méi)必要安裝的插件堅(jiān)決不安裝，能用一兩句代碼解決的問(wèn)題就不用插件解決，盡最大可能減少資源請(qǐng)求數(shù)與請(qǐng)求資源大小。

第三點(diǎn)，圖片要經(jīng)過(guò)壓縮過(guò)后再上傳網(wǎng)站，我見(jiàn)過(guò) WooCommerce 網(wǎng)站，每張圖片 2M 的案例，你能想象那個(gè)網(wǎng)站有多慢嘛。

第四點(diǎn)，視頻能不能就不用，能縮小就縮小，非必要不引用外部資源。

以上便是一些基礎(chǔ)操作吧，掌握這些步驟基本能解決 99% 的問(wèn)題了。

歡迎加入我的知識(shí)星球，一起掘金。

也歡迎與我微信溝通。