La última actualización de WordPress, versión 6.4, incluye cambios a cómo se cargan los scripts en el front-end que mejorará los tiempos de carga de la página y el rendimiento de muchos sitios.
Las estrategias de carga de scripts ahora se incorporan a los temas principales y agrupados de WordPress, lo que mejora el rendimiento de la carga de scripts con atributos diferidos y asíncronos.
Estos atributos indican al navegador que cargue scripts en segundo plano (asincrónico) o después de que el resto de la página se haya cargado (aplazar), lo que puede acelerar significativamente el tiempo que tarda una página en volverse interactiva.
Cargas de página más rápidas con manejo inteligente de scripts
Anteriormente, los archivos JavaScript incluidos en los temas y complementos de WordPress se cargaban sin especificar que debían cargarse de forma asincrónica. Esto significó que bloquearon otras descargas y retrasaron la visualización de la página mientras se recuperaban y ejecutaban.
Para los visitantes del sitio web, las páginas con contenido de WordPress se cargarán más rápido después de una actualización, mejorando específicamente la primera métrica de pintura con contenido (FCP) del CWV, que afecta la rapidez con la que aparece la página por primera vez.
Detrás de escena: cómo WordPress logró esto
Los archivos JavaScript para bloques como menús de navegación y medios integrados de WordPress.com ahora tienen agregado «aplazar» cuando están en cola. El script wp-embed para mostrar publicaciones incrustadas ahora utiliza «diferir».
Anteriormente, la capacidad de agregar estos atributos no estaba estandarizada. Con la introducción de una API dedicada en WordPress 6.3 y la implementación completa en 6.4, los desarrolladores ahora tienen una forma estandarizada de controlar cuándo se cargan sus scripts.
Además, la actualización mueve los scripts más diferidos nuevamente a la sección
ya que ya no bloquean la representación. Esto permite que el navegador los descubra y los almacene en caché antes, lo que mejora el rendimiento.Algunos scripts de menor prioridad, como el de respuestas a comentarios, permanecerán en el pie de página pero se cargan de forma asincrónica con ‘async’, por lo que se cargan en paralelo con otros recursos.
Impactos del mundo real para los visitantes del sitio web
Para los visitantes del sitio web, las páginas con contenido de WordPress se cargarán más rápido después de la actualización. Habrá menos «interrupciones» o cambios de elementos de la página después de que ésta aparezca por primera vez.
Estos cambios sientan las bases para optimizaciones aún mejores en el futuro.
Imagen destacada: Creadores de Wirestock/Shutterstock
Consultar el artículo en la publicación original