En la tercera clase flash del curso de Google PageSpeed vamos a ver cómo minimizar los recursos JavaScript y CSS para acelerar la carga de nuestra web.
3 - Minimizar JS y CSS
En esta clase "flash" vamos a ver cómo minimizar los recursos (archivos) JavaScript (.js) y hojas de estilo (CSS) para solucionar este mensaje que nos puede aparecer en los resultados de PageSpeed Insights:
Minificar CSS
Compactar el código CSS puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga y análisis.
Minificar JavaScript
Compactar el código JavaScript puede ahorrar una gran cantidad de bytes de datos y acelerar los tiempos de descarga, análisis y ejecución.
Hay un par de formas de solucionar esto. La primera es de forma "manual", para no depender de ningún plugin. La segunda es, evidentemente, a través de un plugin. Veamos ambas, con sus pros y contras.
Ya lo veis. Un par de soluciones simples y rápidas para quitarnos de encima dos puntos más de PageSpeed. ¡Cada vez nos quedan menos!
Importante: Después de hacer cualquier cambio, acordaros de revisar que la web funciona perfectamente, y si tenéis un eCommerce comprobad que se pueden realizar las compras correctamente. Y Si tenéis dudas, contactad a través del formulario de soporte de la Intranet y os las despejaré :)
En la próxima clase flash atacaremos el problema de las imágenes sin comprimir. Hasta entonces... ¡Muy buenos días!
Todos los capítulos de este curso:
- Curso de PageSpeed #1: Compresión
- Curso de PageSpeed #2: Caché
- Curso de PageSpeed #3: Minimizar JS y CSS
- Curso de PageSpeed #4: Optimizar imágenes
- Curso de PageSpeed #5: Reducir el tiempo de respuesta del servidor
- Curso de PageSpeed #6: JavaScript y CSS que bloquean la visualización
- Curso de PageSpeed #7: Páginas AMP
- Curso de PageSpeed #8: Cosas que NO hacer
- Curso de PageSpeed #9: Google Analytics
- Curso de PageSpeed #10: Alternativas