Actuación

En este artículo vamos a hablar sobre cómo mejorar el rendimiento de sus sitios.

La forma más sencilla de mejorar el rendimiento es reducir el tamaño del archivo para transferirlo más rápido.

Medio ambiente

El tema se basa en el entorno production para minimizar los activos de JavaScript y CSS, y eliminar el CSS no utilizado.

En general, no es necesario realizar ningún cambio a menos que planee utilizar hugo server en un entorno production. Puede cambiar el entorno predeterminado con el indicador -e.

Minificación HTML

Debe utilizar hugo --minify para minimizar el HTML final en el entorno de producción.

Compresión

La compresión no es lo mismo que la minificación, comprime archivos con algún algoritmo (como gzip) y luego los transfiere a los clientes, los clientes luego los descomprimen antes de analizar esos archivos. Esta es la configuración del servidor web. Consulte los documentos pertinentes según su propia situación.

Recursos de imágenes

Coloque las imágenes destacadas, de portada o en miniatura debajo de la carpeta de la página siempre que sea posible, para que las imágenes sean tratadas como recursos de la página que el tema pueda procesar. HBS lo recortará en varios tamaños más pequeños para adaptarse a diferentes dispositivos, con el fin de ahorrar ancho de banda a los usuarios y mejorar el rendimiento y la experiencia del usuario.

1├── featured-sample.webp
2├── index.md
3├── index.zh-hans.md
4└── index.zh-hant.md

Variables SCSS

Utilice variables SCSS cuando sea posible; consulte también Variables SCSS.