JavaScript minificado
Silktide comprueba si los archivos de script que tu página descarga han sido minificados: reescritos para eliminar espacios, comentarios y nombres largos que solo importan a quien lee el código. Los scripts sin minificar son mucho más grandes de lo necesario, lo que hace que la página tarde más en cargar.
no cambia nada de lo que hace el código. Por ejemplo:
// Antes de minificar: legible, pero pesado
function calculateTotalPrice(itemPrice, quantity) {
return itemPrice * quantity;
}
// Después: mismo comportamiento, una fracción del tamaño
function c(a,b){return a*b}
Por qué es importante
a menudo es lo más pesado que descarga una página y, a diferencia de las imágenes, además debe procesarse antes de que la página sea totalmente interactiva. Los scripts sin minificar suelen reducirse a la mitad o más, y ese ahorro se repite para cada visitante en cada vista de página no almacenada en caché; quienes navegan con teléfonos y conexiones más lentas lo notan especialmente.
Como la minificación es automática y no cambia el comportamiento, los scripts de producción sin minificar casi siempre se deben a un descuido: un paso de compilación omitido o archivos de desarrollo publicados por error.
Cómo solucionarlo
- Activa la minificación en el proceso de compilación del sitio. Todas las herramientas modernas de compilación incluyen un minificador, normalmente habilitado por defecto en compilaciones de producción.
- Si el sitio no tiene proceso de compilación, revisa el : la mayoría tiene un ajuste o complemento que minifica los scripts automáticamente.
- Como último recurso, pasa los archivos por un minificador independiente antes de subirlos. Conserva los originales legibles: edita esos y publica la salida minificada.
- Si un archivo reportado pertenece a un tercero, comprueba si ofrecen una versión minificada; la mayoría lo hace.
Cómo lo prueba Silktide
- Carga la página en un navegador real, usando el tipo de dispositivo, la velocidad de conexión y la ubicación de prueba configurados para tus pruebas de velocidad.
- Examina cada archivo de script que descarga la página y estima cuánto más pequeño sería si se minificara.
- Informa cada archivo con un ahorro potencial significativo y califica la página según el total: alrededor de 50 KB de ahorro potencial se penaliza, y 250 KB o más se califica como deficiente.
Solución de problemas
El archivo ya parece minificado
Los minificadores varían en su agresividad, por lo que un archivo ligeramente compactado aún puede ofrecer ahorros significativos. La comprobación informa de cuánto más pequeño podría ser el archivo; pasarlo por un minificador actual suele capturar la diferencia.
Necesitamos código legible para depurar
Conserva archivos fuente legibles en tu proyecto y depura con mapas de código fuente (source maps), que permiten a las herramientas de desarrollo del navegador mostrar el código original mientras los visitantes reciben la versión minificada. No es necesario servir código legible para poder depurar de forma legible.