Categories
Noticias

WordPress Gutenberg 10.1 aumenta los vitales web del núcleo

Citas

WordPress Gutenberg 10.1, lanzado el 3 de marzo de 2021, aumenta dramáticamente el rendimiento de los vitales web del núcleo. WordPress ahora cuenta con importantes ganancias de velocidad de página.

Gutenberg 10.1 se libera

WordPress anunció la liberación de Gutenberg 10.1 y enterrada en todos los pequeños detalles de las nuevas características fue una mejora que los editores han estado esperando .

Google pronto está actualizando su algoritmo para dar un pequeño aumento de clasificación a los sitios que tienen un PAPuntuación de los vitales web de SSing Core.

Los vitales web de núcleo son un conjunto de métricas que describen colectivamente si una página web ofrece una experiencia de usuario buena o mala cuando visitan la página web.

no hay entre puntaje. Un sitio puede pasar o fallar la prueba de los vitales web del núcleo.

Los editores web han encontrado cada vez más difícil lograr una puntuación de vitalización web de base pasajera porque muchos de los problemas que necesitan resolver son inherentes al sistema de gestión de contenido ( Como WordPress) y los temas y los complementos que se utilizan. AnunciCementContinue Reading a continuación El anuncio oficial de WordPress sobre la versión más reciente de Gutenberg (10.1) incluía muchas mejoras, pero enterrado profundamente dentro del anuncio, en una sección marcada con experimentos. fue este

vagamente redactado snipPET

:


Los experimentos

mejoran el método de carga para los estilos de bloques”

no es particularmente descriptivo. Pero esas seis palabras describieron una actualización importante a la forma en que el editor del sitio de WordPress Gutenberg ofrece hojas de estilo en la parte delantera, donde afecta a los visitantes del sitio.

¿Qué es Gutenberg? Gutenberg es una nueva forma de construir sitios web que apuntan a simplificar el proceso de creación de sitios web. Es una especie de similar (, pero no exactamente )

a un “

lo que ve es lo que obtiene (WYSIWIG)

” Interfaz de constructor de páginas.

El Editor Gutenberg se establece para reimaginar el proceso de construcción del sitio web como uno que involucra bloques de elementos de la página.

Por ejemplo, un bloque puede ser el encabezado. El siguiente bloque debajo del encabezado puede ser los hombres.sección u Debajo de ese bloque es el bloque de contenido, seguido de un bloque de pie de página.

Para el área de contenido, hay otros bloques que se pueden usar para crear una gran variedad de diseños personalizados. Gutenberg es una forma visual de crear páginas web utilizando piezas de diseño prefabricadas llamadas bloques.

AnunciCementContinue Reading a continuación

Por lo tanto, si necesita un formulario de contacto, puede elegir caer en un bloqueo de formulario de contacto. Si desea crear columnas dentro del área de contenido, puede elegir un bloque de columnas.

Screenshot of Gutenberg blocks Captura de pantalla de los bloques de contenido de Gutenberg UI

Screenshot of Gutenberg blocks

La interfaz de la página constructor es una forma popular de crear sitios web que simplificarán el proceso. De esa manera, más editores pueden crear sitios web sin tener que preocuparse por la programación, liberando editores de contenido paraEnfoque más en el contenido y menos en la codificación y los complementos.

El código Gutenberg Bloat que se fijó

Cada bloque Gutenberg tiene códigos de estilo que son específicos para cada bloque. Los códigos de estilo dictan cómo se ve cada bloque.

Antes de esta actualización, los sitios creados con Gutenberg cargaron cada código de estilo para cada bloque que posiblemente se puede usar, en cada página del sitio web.

Esto significó que un archivo gigante con código para cada bloque se cargó en todas las páginas, independientemente de si usó ese bloque o no.

El código excesivo puede hacer que la experiencia de la página se degradara. La más lenta se carga la peor la experiencia de la experiencia del usuario.

Las páginas web de carga lenta son frustrantes y pueden hacer que un sitio gana menos.

Además, porque el 2021 de mayo, las páginas web rápidas hAVE Una ligera ventaja sobre las páginas web más lentas en forma de un impulso de clasificación en Google, mejorando el rendimiento de la velocidad de la página es un gran problema en este momento.

Gutenberg 10.1 Direcciones Código Bloat

La última versión de Gutenberg soluciona este problema. Según WordPress, el código de estilo para cada bloque es relativamente pequeño. La solución que eligieron era cargar selectivamente solo el código de estilo necesario para los bloques que están en una página web.

AnunciCementContinue leyendo a continuación

aún mejor, en lugar de crear numerosas hojas de estilo que necesitan ser descargadas para esas páginas, Los códigos de estilo necesarios ya están en la página web ya.

Esto se llama “enlinear” el código y es una mejor práctica para acelerar la velocidad de una página web.

WordPress describió cómo elY logró esta mejora:

“Dado que la mayoría de los bloques tienen hojas de estilo bastante pequeñas, no tenía sentido enviar solicitudes al servidor para estos estilos de tamaño de bocado.

Para resolver esto, las pequeñas hojas de estilo se incluyeron, mejorando aún más el rendimiento al incluir todo lo que el navegador necesita en una sola solicitud. Piense en esto, como enviando un mensaje de texto que cubre algunos temas, en lugar de escribir un montón de mensajes individuales uno tras otro “.

Gutenberg 10.1 es un campeón de velocidad

los resultados De este pequeño cambio son notables.

Screenshot of older Gutenberg Core Web Vitals Scores WordPress Mida las puntuaciones de rendimiento de los vitales web antes y después del núcleo.

Screenshot of older Gutenberg Core Web Vitals Scores

Screenshot of Gutenberg 10.1 Core Web Vitals Scores

Esta es una captura de pantalla de las puntuaciones de los vitales web de núcleo después de las mejoras: Screenshot of Gutenberg 10.1 Core Web Vitals Scores

Es muy evidente que Gutenberg 10.1 representa un paso significativo hacia adelante para mejorar el rendimiento de la velocidad de la página.

AnunciCementContinue Lectura a continuación

Los desarrolladores de WordPress describieron su logro como este:

“Hay un impulso significativo de rendimiento, y eso está en una página simple con demasiados bloques. ¡En estructuras más complejas, el efecto será aún más pronunciado! “

WordPress está prestando atención a los vitales web de Core

Este cambio será bienvenido en la comunidad de SEO y publicaciones. . Mientras Gutenberg no está completamente terminado en este momento, todavía está listo para ser utilizado si los editores Choose a.

Lo más importante es que esta actualización subraya cómo Gutenberg no es solo el futuro de la publicación web sino también una mejora clara en la publicación.

Una búsqueda del sitio de WordPress.org anteriormente no mostró Reconocimiento de las vitales web centrales de Google.

Este anuncio no solo menciona los desafíos de SEO, en realidad enfatiza cómo estos tipos de mejoras benefician a los visitantes y editores del sitio.

“Mientras mucho El trabajo se pone en publicación democratizando en el proyecto de WordPress, este tipo de trabajo ayuda a democratizar la entrega, lo que permite a las personas obtener el contenido que desean consumir más fácil y más rápido.

Con los cambios que vienen a la búsqueda de Google relacionada con la velocidad de Páginas web, mejoras de rendimiento para la parte delantera y en el editor nunca hanHa sido más oportuna “

advertisementContinue leyendo a continuación

WordPress Core Web Vitals Boost es real

Mientras que este cambio a cómo se entrega CSS se puede decir que es incremental, el beneficio de los editores y Los usuarios son enormes. Esta actualización corrige uno de los problemas de Bloat de código principal que afectan a Gutenberg. Con este problema resuelto, Gutenberg se convierte en un sistema de gestión de contenido más viable.

Citas

MEJORA DEL EDITOR DEL CORE: NECESIDAD DE LA VELOCIDAD (

¿Qué hay de nuevo en Gutenberg 10.1? (3 de marzo) Mejore el método de carga para los estilos de bloque

Leave a Reply

Your email address will not be published. Required fields are marked *