（一）優(yōu)化圖片格式和大小
1.使用正確的圖片格式，例如 PNG、JPEG 或 WebP，webp更優(yōu)。
2.使用適當(dāng)大小的圖像，使用imagemin壓縮圖像，或者使用其他的圖片壓縮插件進行壓縮。
3.使用視頻替代GIF，網(wǎng)頁中如果存在GIF，那么盡量轉(zhuǎn)化為視頻，GIF動圖比較大。
4.使用響應(yīng)式圖片，適用不同的設(shè)備上瀏覽。
5.使用CDN圖片，減少圖片文件傳輸大小。
6.延遲加載屏幕外圖像，使用lazysizes codelab 延遲加載屏幕外圖像
（二）優(yōu)化視頻
1. 遲加載視頻，頁面上視頻尤其是屏幕外的視頻可以做延遲加載。這樣可以提高頁面的加載的速度。
2. 使用視頻外部托管平臺，例如YouTube、Vimeo或Wistia，可以節(jié)省空間，加快加載速度
（三）優(yōu)化CSS
1. 延遲加載非重點CSS
2. 縮小CSS
3. 刪除未使用的 CSS
4. 提取關(guān)鍵CSS
使用 Chrome DevTools 中的Coverage 選項卡來識別非關(guān)鍵CSS和JS。綠色（關(guān)鍵），紅色（非關(guān)鍵）
（四）優(yōu)化JavaScript
1. 延遲加載較大的JavaScript文件，這樣可以確保您的其余內(nèi)容可以立即加載
2. 通過代碼拆分減少 JavaScript 負載，長任務(wù)的JavaScript 會占用
3. 刪除未使用的代碼
使用 Chrome DevTools 中的Coverage 選項卡來識別哪些代碼是關(guān)鍵的，哪些代碼是未使用的。點擊查看細分代碼。
4.使用現(xiàn)代代碼加快頁面加載速度
（五）預(yù)加載重要資源
1. 使用內(nèi)容交付網(wǎng)絡(luò)
2. 預(yù)加載關(guān)鍵資源
3. 提早建立網(wǎng)絡(luò)鏈接
（六）優(yōu)化第三方資源
1. 減少不必要的第三方代碼，例如各種插件，聊天工具等
2. 阻止慢速第三方JavaScript
3. 高速加載必要第三方JavaScript
（七）優(yōu)化網(wǎng)站字體
使用系統(tǒng)字體，不同瀏覽器和設(shè)備通用，減少字體下載時間。
（八）減少重定向和低質(zhì)量頁面
網(wǎng)站重定向會創(chuàng)建額外的 HTTP 請求，這會對性能產(chǎn)生負面影響
1.避免過多的重定向，只保留重點的。
2.避免重定向鏈過長。
3.可以使用Screaming Frog快速識別重定向。
刪除低質(zhì)量頁面，可以讓google可以更加高效地爬取我們的頁面，沒有復(fù)雜的內(nèi)容和結(jié)構(gòu)，也可以提高網(wǎng)站加載速度。
1.減少內(nèi)容過少的頁面。
2.減少結(jié)構(gòu)復(fù)雜，元素過多的頁面。
3.刪除重復(fù)的頁面。
（九）選擇快速的主機服務(wù)商
選擇一個速度快的主機服務(wù)商對于網(wǎng)站非常重要，因為它涉及到網(wǎng)站的加載速度，安全性。確保主機服務(wù)商提供高速服務(wù)器，優(yōu)化了網(wǎng)站的速度和性能。確保主機服務(wù)商提供高級安全功能，例如SSL證書、備份和防火墻等，保護客戶的信息和數(shù)據(jù)。
一些主機服務(wù)商提供更快速的服務(wù)，例如Bluehost、SiteGround、A2 Hosting等
（十）啟用瀏覽器緩存
啟用瀏覽器緩存，用戶在第一次瀏覽你的網(wǎng)站的時候，網(wǎng)站的數(shù)據(jù)會緩存在瀏覽器臨時儲存庫中，當(dāng)用戶再次訪問，瀏覽器可以加載該頁面，而無需向服務(wù)器發(fā)送另一個HTTP 請求。
網(wǎng)站建設(shè)中的SEO優(yōu)化，需要注意的還有很多細節(jié)，本文只列舉部分SEO優(yōu)化要點。我們的網(wǎng)站想要獲得更好的排名，更多的流量，則需要將SEO的更多細節(jié)優(yōu)化到位。