In dit artikel bespreken we hoe je de prestaties van je site kunt verbeteren.
De eenvoudigste manier om de prestaties te verbeteren is door de bestandsgrootte te verkleinen voor snellere overdracht.
Omgeving
Het thema maakt gebruik van de production-omgeving om JavaScript- en CSS-assets te minificeren en ongebruikte CSS te verwijderen.
| Standaardomgeving | Waarde |
|---|---|
hugo | production |
hugo server | development |
Over het algemeen hoef je niets te wijzigen, tenzij je hugo server wilt gebruiken in een production-omgeving.
Je kunt de standaardomgeving wijzigen met de vlag -e.
HTML-minificatie
Gebruik hugo --minify om de uiteindelijke HTML te minificeren in de productieomgeving.
Compressie
Compressie is niet hetzelfde als minificatie: het comprimeert bestanden met een algoritme (zoals gzip) en stuurt ze naar clients, die ze vervolgens decomprimeren voor het verwerken.
Dit is de configuratie van de webserver. Raadpleeg de relevante documentatie voor je eigen situatie.
Afbeeldingsbronnen
Plaats uitgelichte afbeeldingen, omslagafbeeldingen of miniaturen indien mogelijk in de paginamap, zodat ze worden behandeld als paginabronnen die door het thema kunnen worden verwerkt. HBS snijdt ze bij tot meerdere kleinere formaten voor verschillende apparaten, om 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 SCSS-variabelen waar mogelijk; zie ook SCSS-variabelen.