En esta guía te explico cómo reducir el contenido JavaScript que no se use en WordPress.
Gran parte del JavaScript que carga WordPress no se usa y empeora los tiempos de carga, el tráfico SEO, las conversiones y más.
Mi web es un ejemplo de que está optimizada al máximo, no carga nada de JS sin usar y por eso tiene un 100 en PageSpeed.
Descubre qué ralentiza tu WordPress con esta auditoría gratuita
Guía en 7 pasos y lista de comprobación. Recibirás consejos semanales que ya ayudan a más de 3.000 lectores a acelerar sus sitios de forma eficiente.
¿Por qué es importante reducir el contenido JavaScript que no se usa?
El exceso de JavaScript innecesario ralentiza la carga de tu sitio web, lo que genera una experiencia de usuario frustrante. Una página que tarda demasiado en cargar hace que los visitantes abandonen antes de interactuar con el contenido o completar una acción clave, como suscribirse o realizar una compra.
Además, los dispositivos más antiguos o con conexiones lentas sufren aún más con este tipo de sobrecarga, lo que afecta directamente a las conversiones.
Desde el punto de vista del SEO, Google premia a los sitios rápidos con mejores posiciones en los resultados de búsqueda. Si tu página se demora por culpa de JavaScript que no aporta valor, no solo perderás visitantes, sino que también estarás malgastando recursos en publicidad y hosting.
Al reducir este tipo de scripts, no solo optimizas tu inversión en campañas publicitarias, sino que también ahorras recursos del servidor, mejorando el rendimiento global de tu web.
Cómo medir el contenido JavaScript no usado de WordPress
El JavaScript sin usar de WordPress se puede medir fácilmente con PageSpeed.
Pones la web, analizas y miras dentro de este consejo si hay JS no usado.
Esta es la captura de mi web.
Cifras de JavaScript usado recomendadas
La cifra de JS no usado recomendada es lo que puedas.
A menos carga de JS no usado más rápida será la web, así que ya lo que tú decidas.
Plugins para reducir el JavaScript innecesario
Existen plugins específicos que facilitan el proceso de optimización del JavaScript en WordPress:
- Asset CleanUp: Permite desactivar scripts en páginas específicas.
- Perfmatters: Facilita la gestión de scripts y ofrece opciones avanzadas de optimización.
- Autoptimize: Minimiza y combina archivos JavaScript automáticamente.
- WP Rocket: Ofrece herramientas integradas para diferir y optimizar scripts.
- Fast Velocity Minify: Ideal para minimizar y combinar múltiples archivos JavaScript.
El uso adecuado de estos plugins puede marcar una gran diferencia en el rendimiento de tu sitio.
Cómo reducir el contenido JavaScript que no se use en WordPress
Te dejo las tareas necesarias para reducir el JavaScript no usado en WordPress.
Elimina plugins y temas innecesarios
Cada plugin y tema añade sus propios scripts JavaScript. Si algunos no son realmente necesarios, lo mejor es eliminarlos por completo. Un sitio más ligero y ordenado siempre será más rápido y eficiente.
Desactiva scripts innecesarios en páginas específicas
Una vez identificados los archivos JavaScript innecesarios, es hora de actuar. La forma más práctica es utilizando plugins como Asset CleanUp o Perfmatters, que permiten desactivar scripts específicos en páginas donde no son necesarios.
Esta técnica evita que el navegador cargue y procese archivos JavaScript que no tienen impacto en la funcionalidad de la página actual. Es como quitar peso innecesario de una mochila: todo se vuelve más ligero y rápido.
Aplaza la carga de javaScript (Defer/Async)
No todo el JavaScript necesita cargarse al principio. Técnicas como Defer y Async permiten que los archivos JavaScript se carguen de forma más eficiente:
- Defer: Aplaza la carga de los archivos JavaScript hasta que el contenido principal de la página ya esté visible.
- Async: Carga los archivos JavaScript de forma asíncrona, sin bloquear otros recursos importantes.
Aplicar estas técnicas es una forma efectiva de reducir los tiempos de carga y mejorar el rendimiento global de la página.
Minimiza y combina archivos javaScript
Minimizar los archivos JavaScript significa eliminar espacios, comentarios y cualquier código innecesario. Al mismo tiempo, combinar varios archivos en uno solo reduce la cantidad de solicitudes HTTP al servidor.
Plugins como Autoptimize o WP Rocket facilitan este proceso, permitiéndote automatizar la minimización y combinación de JavaScript de manera eficiente.
Usa un CDN (Content Delivery Network)
Un CDN distribuye tus archivos JavaScript a través de servidores ubicados en diferentes partes del mundo. Esto reduce la latencia y acelera la entrega de archivos a los usuarios, sin importar su ubicación geográfica.
Servicios como Cloudflare o BunnyCDN son excelentes opciones para optimizar la entrega de recursos estáticos como JavaScript.
Reduce el contenido JavaScript que no se use en WordPress
Espero que esta guía te ayude a optimizar el JS de WordPress.
Explico paso a paso a realizar estas tareas y resolver los problemas que surgen en la formación WPOptimizers.
Te dejo la guía de resto de tareas para optimizar las Core Web Vitals en WordPress.
