Contenidos
WordPress lanza un complemento de rendimiento oficial que brinda soporte para la API de carga especulativa que puede ayudar a acelerar las páginas web
WordPress lanzó un complemento oficial que agrega soporte para una tecnología de vanguardia llamada carga especulativa que puede ayudar a aumentar el rendimiento del sitio y mejorar la experiencia del usuario para los visitantes del sitio.
Carga especulativa
Renderizar significa construir toda la página web para que se muestre instantáneamente (renderizar) Cuando su navegador descarga HTML, imágenes y otros recursos y los reúne en una página web, eso se está renderizando.
Lo que hace este complemento es permitir que el navegador muestre previamente la página web completa a la que un usuario podría navegar a continuación. El complemento lo hace anticipando a qué página web podría navegar el usuario en función de dónde se encuentre.
Chrome muestra una preferencia por la renderización previa únicamente cuando existe al menos un 80 % de probabilidad de que un usuario navegue a otra página web. La página oficial de soporte de Chrome para prerenderizado explica: explains
“Pages should only be prerendered when there is a high probability the page will be loaded by the user. This is why the Chrome address bar prerendering options only happen when there is such a high probability (greater than 80% of the time).
“Las páginas solo deben renderizarse previamente cuando exista una alta probabilidad de que el usuario las cargue. Es por eso que las opciones de renderizado previo de la barra de direcciones de Chrome solo ocurren cuando existe una probabilidad tan alta (más del 80% de las veces).
También hay una advertencia en esa misma página del desarrollador de que es posible que la renderización previa no se realice según la configuración del usuario, el uso de la memoria y otros escenarios (más detalles a continuación sobre cómo el análisis maneja la renderización previa).
La API de carga especulativa resuelve un problema que las soluciones anteriores no podían porque en el pasado simplemente buscaban previamente recursos como JavaScript y CSS, pero en realidad no renderizaban previamente toda la página web.
El anuncio oficial de WordPress lo explica así:
Introducing the Speculation Rules API
The Speculation Rules API is a new web API that solves the above problems. It allows defining rules to dynamically prefetch and/or prerender URLs of certain structure based on user interaction, in JSON syntax—or in other words, speculatively preload those URLs before the navigation. This API can be used, for example, to prerender any links on a page whenever the user hovers over them.”
Presentamos la API de reglas de especulación Permite definir reglas para precargar y/o prepresentar dinámicamente URL de cierta estructura en función de la interacción del usuario, en sintaxis JSON, o en otras palabras, precargar especulativamente esas URL antes de la navegación. Esta API se puede utilizar, por ejemplo, para prerenderizar cualquier enlace en una página cada vez que el usuario pasa el cursor sobre él”.
La página oficial de WordPress sobre esta nueva funcionalidad lo describe:
“The Speculation Rules API is a new web API… It allows defining rules to dynamically prefetch and/or prerender URLs of certain structure based on user interaction, in JSON syntax—or in other words, speculatively preload those URLs before the navigation.
This API can be used, for example, to prerender any links on a page whenever the user hovers over them. Also, with the Speculation Rules API, “prerender” actually means to prerender the entire page, including running JavaScript. This can lead to near-instant load times once the user clicks on the link as the page would have most likely already been loaded in its entirety. However that is only one of the possible configurations.”
“La API de reglas de especulación es una nueva API web… Permite definir reglas para precargar y/o prepresentar dinámicamente URL de cierta estructura en función de la interacción del usuario, en sintaxis JSON, o en otras palabras, precargar especulativamente esas URL antes de la navegación.
Esta API se puede utilizar, por ejemplo, para presentar previamente cualquier enlace en una página cada vez que el usuario pasa el cursor sobre ellos. Además, con la API de reglas de especulación, «prerenderizar» en realidad significa prerenderizar toda la página, incluida la ejecución de JavaScript. Esto puede provocar tiempos de carga casi instantáneos una vez que el usuario hace clic en el enlace, ya que lo más probable es que la página ya se haya cargado en su totalidad. Sin embargo, esa es sólo una de las configuraciones posibles”.
El nuevo complemento de WordPress agrega soporte para la API de reglas de especulación Las páginas para desarrolladores de Mozilla, un gran recurso para la comprensión técnica de HTML, lo describen así:
“The Speculation Rules API is designed to improve performance for future navigations. It targets document URLs rather than specific resource files, and so makes sense for multi-page applications (MPAs) rather than single-page applications (SPAs).
The Speculation Rules API provides an alternative to the widely-available <link rel=”prefetch”> feature and is designed to supersede the Chrome-only deprecated <link rel=”prerender”> feature. It provides many improvements over these technologies, along with a more expressive, configurable syntax for specifying which documents should be prefetched or prerendered.”
“La API de reglas de especulación está diseñada para mejorar el rendimiento para futuras navegaciones. Se dirige a URL de documentos en lugar de archivos de recursos específicos, por lo que tiene sentido para aplicaciones de varias páginas (MPA) en lugar de aplicaciones de una sola página (SPA).
La API de reglas de especulación proporciona una alternativa a la característica ampliamente disponible y está diseñada para reemplazar la característica obsoleta solo para Chrome. Proporciona muchas mejoras con respecto a estas tecnologías, junto con una sintaxis más expresiva y configurable para especificar qué documentos deben recuperarse o renderizarse previamente”.
Ver también: ¿Se están volviendo más rápidos los sitios web?
Complemento de laboratorio de rendimiento
El nuevo complemento fue desarrollado por el equipo de rendimiento oficial de WordPress, que ocasionalmente implementa nuevos complementos para que los usuarios los prueben antes de una posible inclusión en el núcleo real de WordPress. Por tanto, es una buena oportunidad para ser los primeros en probar nuevas tecnologías de rendimiento.
El nuevo complemento de WordPress está configurado de forma predeterminada para representar previamente las “URL de interfaz de WordPress”, que son páginas, publicaciones y páginas de archivo. Su funcionamiento se puede ajustar en la configuración:
Settings > Reading > Speculative Loading
Compatibilidad del navegador
La API especulativa es compatible con Chrome 108; sin embargo, las reglas específicas utilizadas por el nuevo complemento requieren Chrome 121 o superior. Chrome 121 se lanzó a principios de 2024.
Los navegadores que no lo admitan simplemente ignorarán el complemento y no tendrán ningún efecto en la experiencia del usuario.
Consulte el nuevo complemento de WordPress de carga especulativa desarrollado por el equipo central oficial de rendimiento de WordPress.
Cómo maneja Analytics el renderizado previo
Un desarrollador de WordPress comentó con una pregunta sobre cómo manejaría Analytics la renderización previa y alguien más respondió que depende del proveedor de Analytics detectar una renderización previa y no contarla como una carga de página o visita al sitio.
Afortunadamente, tanto Google Analytics como Google Publisher Tags (GPT) son capaces de manejar prerenderizados. La página de soporte para desarrolladores de Chrome tiene una nota sobre cómo el análisis maneja la renderización previa:
“Google Analytics handles prerender by delaying until activation by default as of September 2023, and Google Publisher Tag (GPT) made a similar change to delay triggering advertisements until activation as of November 2023.”
«Google Analytics maneja la presentación previa retrasándola hasta la activación de forma predeterminada a partir de septiembre de 2023, y Google Publisher Tag (GPT) realizó un cambio similar para retrasar la activación de anuncios hasta la activación a partir de noviembre de 2023».
Posible conflicto con las extensiones del bloqueador de anuncios
Hay un par de cosas que debes tener en cuenta acerca de este complemento, además del hecho de que es una función experimental que requiere Chrome 121 o superior.
Un comentario de un desarrollador de complementos de WordPress de que es posible que esta función no funcione con navegadores que utilizan la extensión de navegador de bloqueo de anuncios uBlock Origin. comment
Descargue el complemento: Speculative Loading Plugin by the WordPress Performance Team
Lea el anuncio en WordPress Speculative Loading in WordPress
Ver también: WordPress, Wix y Squarespace muestran la mejor tasa de mejora de CWV
Leer el articulo original en Search Engine Journal.
