雖然這看起來似乎是顯而易見的，但如果您希望您的網站能夠快速加載，您需要消除、最小化或優化阻礙渲染的資源。我指的是哪些資源？對於您的網站正常運作所需的所有內容：圖像、JS 檔案、CSS、字體...
在最後一個資源完全加載之前，Google 不會認為頁面載入已完成，這可能會影響其定位。網站上最有趣的指標之一是其載入速度。
加載速度也會影響：
使用者體驗
搜尋引擎優化
並非所有資源都可以消除，但在許多情況下可以對其進行最佳化，以便盡可能減少阻塞。以下我們將為您提供一些改善這方面指標的技巧。
目錄
1測量
2阻礙的資源：圖像
3資源：JS 文件
4塊資源：CSS 文件
5額外提示：WordPress 中的最佳化
測量
您可以問自己的第一個問題是...哪些資源會阻止我的網站上的渲染？非常簡單，為此，我們有可用的線上工具來指示有問題的資源，即那些真正對我們網站的載入產生負面影響的資源。
其中最常用的，我們直接推薦您嘗試Chrome 中的Lighthouse工具。開啟檢查器 (F12) 並按下「產生報告」按鈕後，將執行一系列指標，並通知您需要改進網站以縮短載入時間（效能）的方面。
Lighthouse 掃描以查看哪些資源阻礙渲染
下面我詳細介紹了您可以查看和優化的最常見資源類型。
阻止資源：圖像
最初，網站僅由文字和超連結組成，但逐漸添加資源，使其更具吸引力和互動性。當然，您的網站上有圖片來說明您的內容。我不是要求你刪除這些圖像，而是要求你正確地呈現它們。
這裡我給你一些基本規則，以免它們影響你網站的定位：
注意它們的最大尺寸，它們加載的時間越大，阻塞的時間就越長，請將它們優化到合適的尺寸。
使用新一代格式，例如SVG和WebP。它們的重量較輕，品質也很低或根本不存在。
使用屬性loading=”lazy”，這樣它只會計算該畫面上可見圖像的載入。
資源：JS 文件
如果您的網站用戶端有很多互動性，那麼您有必要了解哪些功能是真正必要的，因為載入 JS 檔案通常是網站速度變慢的主要原因之一。
無需刪除網站上的所有 JS 檔案。其中許多都是有用且必要的；但是，請回顧並評估哪些對您真正重要。也許當你滾動到某個點時為圖像設置動畫的 JS 對你來說現在似乎是不必要的。 ;-P
另一方面，您也可以將DEFER或ASYNC屬性新增至腳本的包含中，以便根據需要載入或解除安裝它們。
JS 方面的另一個好習慣是始終使用最小化版本。這些是消除換行符和不必要的空格的文件，從而減小文件大小並且更輕。您可以手動完成，也可以使用Toptal等線上工具。
許多主要的庫，例如 jQuery，已經在其下載中提供了縮小的選項。
阻止資源：CSS 文件
就像 JavaScript 一樣，您可能有一個包含網站所有規則的通用樣式表，換句話說，就是一個大檔案。另外，如果您在樣式上做了很多工作並自訂了很多規則，則樣式可能會被不必要的覆蓋。您可以記住的一些事項是：
檢查 CSS 以避免多餘或不必要的規則
您可以使用「覆蓋」命令，該命令將以紅色顯示減慢載入速度的規則。但是，這仍然是自動的，因此您必須檢查是否沒有選擇任何必要的規則。
另一個好主意是將 CSS 劃分為不同的樣式表，並僅在每個視圖中載入基本指令。正如您想像的那樣，這是一項乏味的工作。
最後案。在這種情況下，我們推薦Cleancss。
託管圖示
成為會員
透過向所有人推薦 dinahosting 來賺錢：您的聯絡人、社交網路、網 柬埔寨電報數據 站...無論您想要什麼！在 dinahosting，您可以放心地推薦各種意義上的優質服務。
成為會員
額外提示：WordPress 中的最佳化
到目前為止，我們給您的所有建議都是針對您可以完全控製文件的網站。如果您的網站是透過 CMS 實施的，那麼執行所有這些操作可能會很複雜。
像往常一樣，WordPress 中幾乎所有東西都有插件，這種情況也不會有什麼不同。對於我們的工作，有一些插件可以幫助您改進和減少阻礙渲染的資源。我們已經在這篇文章中向您推薦了它，但記住它們總是沒有壞處。
自動最佳化
速度助推器
斯馬什
請記住，如果您有興趣開始安裝 WordPress，其中包含所有可以幫助您充分利用它的插件，請記住我們提供優化的 WordPress，以便在第一次安裝時它們都將成為標準。不要忘記查看我們的主機優惠以獲得最優惠的價格，或利用折扣網域！
總而言之，讓您的網站保持最新狀態並進行最佳化並不是一項一次性任務。重要的是，當您進行更改時，請檢查它們是否不會惡化載入時間等特性。
如果您遵循我們在帖子中為您提供的建議，您將擁有您想要的優化網站。
Facebook電子郵件領英WhatsAppx