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

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

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

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

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

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

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

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

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

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

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

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

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

https://pagespeed.web.dev/

https://tools.pingdom.com/

https://www.webpagetest.org/

https://gtmetrix.com/

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

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

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

CLS（Cumulative Layout Shift）表示頁面累積布局偏移度，當(dāng)頁面沒有加載完全時，某一部分可能會被一些延時加載的腳本給撐開，改變原有的位置。

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

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

第一點，不要使用盜版的主題、插件，此處長篇大論就不展開了。

第二點，沒必要安裝的插件堅決不安裝，能用一兩句代碼解決的問題就不用插件解決，盡最大可能減少資源請求數(shù)與請求資源大小。

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

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

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

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

也歡迎與我微信溝通。