In dit artikel gaan we het hebben over hoe u de prestaties van uw sites kunt verbeteren.
De eenvoudigste manier om de prestaties te verbeteren is door de bestandsgrootte te verkleinen, zodat de overdracht sneller verloopt.
Milieu
Het thema is afhankelijk van de production-omgeving om de JavaScript- en CSS-items te verkleinen en ongebruikte CSS te verwijderen.
| Standaardomgeving | Waarde |
|---|---|
hugo | production |
hugo server | development |
Over het algemeen hoeft u geen wijzigingen aan te brengen, tenzij u van plan bent de hugo server in een production-omgeving te gebruiken.
U kunt de standaardomgeving wijzigen met de vlag -e.
HTML-minificatie
U moet hugo --minify gebruiken om de uiteindelijke HTML in de productieomgeving te verkleinen.
Compressie
Compressie is niet hetzelfde als verkleinen, het comprimeert bestanden met een bepaald algoritme (zoals gzip) en brengt ze vervolgens over naar clients. De clients decomprimeren vervolgens voordat ze die bestanden parseren.
Dit is de configuratie van de webserver. Raadpleeg de relevante documenten afhankelijk van uw eigen situatie.
Afbeeldingenbronnen
Plaats de uitgelichte, omslag- of miniatuurafbeeldingen waar mogelijk onder de paginamap, zodat de afbeeldingen worden behandeld als paginabronnen die door het thema kunnen worden verwerkt. HBS zal het in meerdere kleinere formaten opdelen voor verschillende apparaten, om gebruikers bandbreedte te besparen en de prestaties en gebruikerservaring te verbeteren.
1├── featured-sample.webp
2├── index.md
3├── index.zh-hans.md
4└── index.zh-hant.md
SCSS-variabelen
Gebruik indien mogelijk SCSS-variabelen, zie ook SCSS-variabelen.