本文我们来探讨下如何提高站点的性能。
提高性能的最简单方法是减少文件大小以实现快速传输。
环境#
这个主题依靠 production
环境来简化 JavaScript 和 CSS 资源,并删除未使用的 CSS。
Default environment | Value |
---|---|
hugo | production |
hugo server | development |
一般来说,你不需要做任何改变,除非你打算在生产
环境中使用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
评论