本文我們來探討下如何提高站點的性能。

提高性能的最簡單方法是減少文件大小以實現快速傳輸。

環境

這個主題依靠 production 環境來簡化 JavaScript 和 CSS 資源，並刪除未使用的 CSS。

Default environmentValue
hugoproduction
hugo serverdevelopment

一般來說，你不需要做任何改變，除非你打算在生產環境中使用hugo服務器。 你可以用 -e 標誌來改變默認環境。

HTML 最小化

在生產環境中，你應該使用 hugo --minify 來對最終的 HTML 進行最小化。

Compression

壓縮與最小化不是一回事，它用某種算法（如gzip）壓縮文件，然後傳輸給客戶，客戶在解析之前將其解壓。 這是網絡服務器的配置，請根據自己的情況參考相關文檔。

圖片資源

盡可能地將特色圖片、封面圖片或縮略圖放在頁面資料夾下，這樣圖片就會被當作頁面資源，可以被主題處理。 HBS 會將圖片裁剪成多個小尺寸，以適應不同的設備，從而節省用戶頻寬，提高效能和用戶體驗。

1├── featured-sample.webp
2├── index.md
3├── index.zh-hans.md
4└── index.zh-hant.md

SCSS 變量

盡可能使用 SCSS 變量，參閱 SCSS 變量。