Plugin JavaScript gratuito de WordPress
Frank Goossens desarrolló el plugin gratuito Async JavaScript. Puedes usar el plugin para eliminar el contenido de Javascript (JS) que bloquea la representación por encima del pliegue. Es compatible con WordPress 4.6 y superior. Puedes descargarlo gratis en cinco idiomas: holandés, inglés estadounidense y tres dialectos españoles.
Esta aplicación te da control completo sobre la adición y eliminación del atributo defer o await a los scripts y ayuda a aumentar la velocidad de carga del sitio. Otros plugins que ofrecen carga asíncrona de JS son Lazy Widget Loader y Reverb for Publishers.
Explicación de la carga asíncrona
Por lo general, WordPress carga los scripts uno por uno. Como debe cargar completamente un elemento antes de cargar el siguiente, aumenta el tiempo de carga general del sitio.
La carga asíncrona permite que los archivos se carguen en paralelo. Los desarrolladores lo hacen agregando un atributo async a sus Javascripts o un atributo 'defer' para excluir scripts específicos.
Compatibilidad del navegador y CSS
Async es un nuevo atributo en HTML 5 y es compatible con Chrome, Internet Explorer 10 y superior, Firefox 3.6 y superior, Safari y Opera. Solo funciona con la cola de scripts de WordPress incorporada.
Otro atributo útil para usar con async es await, que es útil para funciones de API web. Recuerde que await solo funciona dentro de funciones asíncronas. Se establece una condición específica y solo cuando se cumple esta condición, el Javascript se carga de forma asíncrona.
El plugin solo funciona con JS y no cambia sus scripts de CSS de ninguna manera. Para optimizar CSS, necesitará un plugin dedicado para esta funcionalidad.
Aumentar el rendimiento del sitio web
JavaScript asíncrono ofrece a los propietarios de sitios web una forma de cargar JavaScript de forma asíncrona o eliminar o retrasar la carga de scripts específicos, disminuyendo el tiempo de carga de la página. Otra opción útil es 'await', donde los scripts solo se cargan una vez que se cumple una condición particular. Await también simplifica la codificación.
Con la última versión, el desarrollador ha agregado una solución alternativa para scripts JS en línea específicos que se sincronizan de forma asíncrona.
