9個提升網站載入速度的方法

1. 資料清洗

資料清洗通常是指對從伺服器取得的資料進行處理，以減少頁面記憶體佔用並提高載入速度。

在伺服器渲染網頁時，頁面會儲存在 Redis 快取中。小型的 HTML 檔案不僅可以減輕儲存空間壓力，還有助於提升頁面載入速度。

如何才能減少 HTML 檔案的大小呢？

在伺服器渲染時，一些請求介面的資料會被轉換成文字並嵌入到 HTML 檔案中，而這些資料可能包含許多冗餘資訊。我們只需要在請求介面後對資料進行清理，保留必要的部分，就可以有效地減少 HTML 檔案的大小。

2. 壓縮 HTML 程式碼

使用壓縮工具或服務可以移除 HTML 檔案中的空格、註解和其他不必要的字符，從而減少檔案大小。

如壓縮工具：https://www.minifier.org/

3. 使用縮寫和簡化程式碼

盡量使用簡潔的標記和屬性，避免冗餘的程式碼和不必要的標籤，以減少 HTML 檔案的體積。

4. 合併和壓縮 CSS 和 JavaScript 文件

將多個 CSS 和 JavaScript 文件合併為一個文件，並對這些文件進行壓縮，可以減少頁面載入所需的 HTTP 請求次數，提高載入速度。

5. 使用語意化標記

使用語義化的標記結構，使程式碼更易讀且更具可維護性，同時也可以減少冗餘程式碼。 html 語意化讓頁面的內容結構化，結構更清晰，方便對瀏覽器、搜尋引擎解析。

6. 延遲載入資源

將不是首要加載的資源（如圖片、影片等）延遲加載，可以減少頁面初始載入時所需的資源量，加快頁面呈現速度。

7. 使用圖片優化技術

將網頁中的圖片進行最佳化，包括壓縮圖片、選擇合適的格式（如 WebP 格式）、使用適當的尺寸和質量，可以縮小頁面大小。

8. 減少嵌入式內容

減少或避免在 HTML 檔案中嵌入大量的外部資源（如嵌入式視訊、音訊等），可以減少檔案大小。

9. 使用 CDN 加速

將靜態資源（如圖片、CSS、JavaScript 檔案）託管到 CDN（內容分發網路）上，可提高資源載入速度，減輕伺服器負擔，並間接減少 HTML 檔案大小。 CDN 在全球各地都有伺服器節點，這意味著無論用戶身在何處，都可以從最近的 CDN 邊緣伺服器取得網站的靜態資源，從而提高頁面載入速度。