本文我们来探讨下如何提高站点的性能。

提高性能的最简单方法是减少文件大小以实现快速传输。

环境§

这个主题依靠 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 变量