隨著網站內容的不斷增加，網站的內容呈現會變得越來越慢。這時就需要對網頁的展示速度進行優化。或許將通過本文的某個方式就能讓網站速度得到很大提升。
首次輸入延遲 （FID） 是訪問者首次打開所需加載時間。如果您的網站的FID毫秒數越高，訪問者需等待時間也會越多。
以下是谷歌 Core Web Vitals 報告中的三個性能指標：
- 最大內容繪畫 （LCP）：這衡量用戶請求 URL 后您的網站加載所需的時間。
- 首次輸入延遲 （FID）：這是首次瀏覽網站所需的時間。
- 累積布局偏移 （CLS）：布局偏移的累計值。
衡量網站FID的工具
可以自己查找關于這類的檢測工具。
Google Search Console它是一款免費的工具，通過站點的流量數據來生成報告。
使用 Google Search Console，您必須驗證您的網站所有權。
首先輸入您的域名或網址前綴。然后，下載已為您生成的 HTML 文件。您需要先將此文件上傳到您網站的根目錄，然后才能使用 Google Search Console 的功能。
驗證后，您能夠訪問儀表板到“Core Web Vitals”選項卡。
如何減少WordPress網站首次加載時間
1.推遲難渲染的 JavaScript
PageSpeed Insights是可以顯示難運行的JavaScript。
在搜索欄中輸入您網站的 URL。然后，向下滾動到“Opportunities”部分。在這里，您將看到有關提高 Web 性能的建議。找到它顯示“Eliminate render-blocking resources”的位置。
展開此部分時，將有一個資源列表，您可以推遲或消除這些資源。在右側，PageSpeed Insights將展示通過更改文件所改變的加載時間。
2.推遲非關鍵的CSS
就像 JavaScript 一樣，您可以推遲非關鍵 CSS。首先通過性能工具運行您的網站，看看您的 CSS 是否需要優化。
3.消除不必要的JavaScript
在PageSpeed Insights中可以尋找未使用的 JavaScript 和 CSS。
在每個未使用的腳本旁邊，都會有一個 URL，告訴您它用在哪里。在此示例中，Google Analytics（分析）和 Google 跟蹤代碼管理器顯示了一些不必要的 JavaScript。
4.縮小CSS和JavaScript
雖然您可以輕松地從站點中刪除腳本，但您只想刪除不使用的腳本。對于必要的 CSS 和 JavaScript，您可以簡單地縮小它們。
5.延遲 JavaScript 執行時間
此方法僅在用戶執行某些操作后才加載 JavaScript。
注意：這可能會產生相反的效果，若執行此操作，請檢查您的網站是否得到改善，然后再繼續執行其他優化任務。
可以使用像 Flying Scripts 這樣的插件。
激活Flying Scripts腳本后，轉到“設置”→Flying Scripts。這將打開插件的設置頁面，您可以在其中開始實現 JavaScript 延遲。
首先編寫關鍵字來標識要延遲的腳本。例如，您可以將“gtag”用于 Google 跟蹤代碼管理器腳本。
然后，您可以調整延時時間。這將在一段時間內不執行所設置的JavaScript。您可以將計時器設置為最多 10 秒。完成后，單擊“保存更改”。
7.減少第三方工具的影響
很可能是受第三方腳本的影響。如果您的網站有許多第三方分析代碼和代碼，這可能會增加您網頁的延遲。有時，瀏覽器可能會優先運行這些腳本，而延遲您網站上其他內容的加載。
8. 使用內容分發網絡（CDN）
使用 CDN 時，可以縮短服務器與訪問者之間通信的距離。對遠距離的傳輸優化較好。
9. 延遲加載屏幕之外的圖像
您可以延遲加載圖像來改善頁面渲染。通常網站的圖像沒必要一次全部顯示，可以通過訪問者的鼠標下滑操作來開啟部分圖片的加載。
