Dans cet article, nous allons parler de comment améliorer les performances de vos sites.
Le moyen le plus simple d’améliorer les performances consiste à réduire la taille du fichier pour un transfert plus rapide.
Environnement
Le thème s’appuie sur l’environnement production pour réduire les ressources JavaScript et CSS et purger les CSS inutilisés.
| Environnement par défaut | Valeur |
|---|---|
hugo | production |
hugo server | development |
En général, vous n’avez besoin d’apporter aucune modification, sauf si vous envisagez d’utiliser hugo server dans un environnement production.
Vous pouvez modifier l’environnement par défaut avec l’indicateur -e.
Minification HTML
Vous devez utiliser hugo --minify pour réduire le code HTML final dans l’environnement de production.
##Compression
La compression n’est pas la même chose que la minification, elle compresse les fichiers avec un algorithme (tel que gzip), puis les transfère aux clients, les clients décompressent ensuite avant d’analyser ces fichiers.
Il s’agit de la configuration du serveur Web. Veuillez vous référer aux documents pertinents selon votre propre situation.
Images Ressources
Veuillez placer les images en vedette, de couverture ou miniatures dans le dossier de la page autant que possible, afin que les images soient traitées comme des ressources de page pouvant être traitées par le thème. HBS le recadrera en plusieurs tailles plus petites pour s’adapter à différents appareils, afin d’économiser la bande passante des utilisateurs et d’améliorer les performances et l’expérience utilisateur.
1├── featured-sample.webp
2├── index.md
3├── index.zh-hans.md
4└── index.zh-hant.md
## Variables SCSS
Utilisez les variables SCSS lorsque cela est possible, voir aussi Variables SCSS.