In diesem Artikel werden wir darüber sprechen, wie Sie die Leistung Ihrer Websites verbessern können.
Der einfachste Weg, die Leistung zu verbessern, besteht darin, die Dateigröße zu reduzieren, um die Übertragung zu beschleunigen.
Umwelt
Das Theme basiert auf der production-Umgebung, um die JavaScript- und CSS-Assets zu minimieren und ungenutztes CSS zu löschen.
| Standardumgebung | Wert |
|---|---|
hugo | production |
hugo server | development |
Im Allgemeinen müssen Sie keine Änderungen vornehmen, es sei denn, Sie planen, hugo server in einer production-Umgebung zu verwenden.
Sie können die Standardumgebung mit dem Flag -e ändern.
HTML-Minimierung
Sie sollten hugo --minify verwenden, um den endgültigen HTML-Code in der Produktionsumgebung zu minimieren.
Komprimierung
Komprimierung ist nicht dasselbe wie Minimierung, sie komprimiert Dateien mit einem Algorithmus (z. B. gzip) und überträgt sie dann an Clients. Die Clients dekomprimieren sie dann, bevor sie diese Dateien analysieren.
Dies ist die Konfiguration des Webservers. Bitte beachten Sie entsprechend Ihrer Situation die entsprechenden Dokumente.
Bildressourcen
Bitte platzieren Sie die vorgestellten Bilder, Titelbilder oder Miniaturbilder nach Möglichkeit im Seitenordner, damit die Bilder als Seitenressourcen behandelt werden, die vom Thema verarbeitet werden können. HBS schneidet es in mehrere kleinere Größen zu, um es an verschiedene Geräte anzupassen, um den Benutzern Bandbreite zu sparen und die Leistung und Benutzererfahrung zu verbessern.
1├── featured-sample.webp
2├── index.md
3├── index.zh-hans.md
4└── index.zh-hant.md
SCSS-Variablen
Verwenden Sie nach Möglichkeit SCSS-Variablen, siehe auch SCSS-Variablen.
Kommentare