Categories
Noticias

WordPress Gutenberg mejoró el rendimiento del sitio

WordPress Caching Plugin Publisher WP Rocket rediseñó su sitio con Gutenberg y un mejor rendimiento del sitio. Encontraron que Gutenberg escribe un código sorprendentemente ligero, pero compartió que hay algunas cosas que deben tener en cuenta.

Captura de pantalla de PagesPeed Insights Puntuación

Screenshot of Page Speed Performance score of 97 out of 100

Screenshot of Page Speed Performance score of 97 out of 100

Screenshot of Page Speed Performance score of 98 out of 100

Screenshot of Page Speed Performance score of 98 out of 100

La edición en Gutenberg es más fácil El objetivo de Gutenberg ha sido siempre crear una interfaz de edición que facilitará que los editores de todos los niveles de habilidad publiquen sitios web. AnuncioContinue leyendo a continuación.

La creación de una interfaz intuitiva reduce la barrera a la entrada, permite a casi cualquier persona para crear fácilmente una presencia en la web y lo mejor de todo, ayuda a los creadores de contenido mantenerse enfocados en la creación de contenido en lugar de curar y preocuparse por el código.

Según la

Página oficial de WordPress Gutenberg

:

“Sin ser un desarrollador experto, puede crear sus propios puestos y páginas personalizados”.

Gutenberg WP Rocket

Gutenberg WP Rocket

La página de desarrolladores de WordPress describe la visión de Gutenberg

Así:

“Gutenberg remata al editor en una herramienta que permite a los usuarios escribir puestos ricos y construir hermosos diseños en unos pocos clics: no se necesita conocimiento técnico. WordPress se convertirá en una herramienta de contenido potente y flexible para todos. “

El editor utiliza un concepto llamado” bloques “que se pueden organizar para formar un diseño personalizado. este Centrarse en facilitar que cualquier persona se centre en el contenido explica por qué el equipo de marketing en WP Rocket apreció instantáneamente la nueva interfaz.

SegúnWP Rocket:

“El cambio del editor clásico a Gutenberg ha sido sin esfuerzo para el equipo de marketing. Además, comenzamos a disfrutar de algunas características que hacen que nuestro trabajo sea más fácil y más rápido “. AnunciCementContinue Reading a continuación

Captura de pantalla PagesPeed Insight Puntuación de la página de inicio

Edificio con Gutenberg Mejora el rendimiento WP Rocket informa que la construcción de un sitio con Gutenberg resultó en un sitio web más rápido y mejor realizado. Fueron dos razones de por qué las páginas WP Rocket construidas con Gutenberg se realizaron excepcionalmente: HTML más ligero ( incorporado a Gutenberg ) CSS y JavaScript a pedido ( no una característica de Gutenberg ) El código HTML más ligero es una característica fuera de la caja para Gutenberg. En el lado inferior, la carga de CSS innecesaria también es una característica horneada de Gutenberg. Debido a eso, WP Rocket creó una solución para automatizar CSS a pedido. Gutenberg está diseñado para cargar todos los CS necesarios para cada bloque de estilo. Por lo tanto, el primer desafío fue crear una manera de cargar JavaScript y CSS automáticamente y solo cuando sea necesario. Gutenberg es sorprendentemente robusto francamente, me sorprendió un poco de que WP Rocket se fue all-in en Gutenberg. La razón de mi asombro fue porque Gutenberg no está completamente terminado. La experiencia de edición de sitio completa no se debe al desplegar hasta el 2021 de junio. Sin embargo, WP Rocket encontró que la rediseñar todo su sitio web con Gutenberg era la opción correcta. Le pregunté al equipo de WP Rocket a SHare su experiencia. Entrevista con WP Rocket ¿El equipo de desarrollo se enfrentó a los desafíos y tendrá que ¿Vamos con soluciones para lidiar con ellos? AnunciCementContinue leyendo a continuación “¡Sí! En primer lugar, tuvimos una experiencia de desarrollo cero con bloques personalizados de Gutenberg, y todo lo que leemos El tema fue muy desalentador al principio. No hace falta decir que, la curva de aprendizaje fue bastante empinada. Para detalles específicos: como un plugin de almacenamiento en caché, una de nuestras principales preocupaciones de desarrollo fue la necesidad de rendimiento. En ese sentido, existe un inconveniente con Gutenberg: la hoja de estilo predeterminada contiene todos los bloques de bloques nativos. Este fue un problema, ya que la CSS no utilizada está cargada en todas las páginas (y esto no sigue el “RemovRecursos de CSS no utilizados “Pagespeed Insights Recomendación). En nuestro caso, dependemos varios bloques que no fueron utilizados. Creamos un sistema de enquema personalizado para tener bloques cargados de CSS y JS solo cuando sea necesario. Nos llevó solo unos minutos a desarrollar este sistema. También decidimos no usar el archivo CSS de Gutenberg. En su lugar, “emigramos” el CSS, en realidad nos necesitamos en nuestra propia hoja de estilo, en un archivo CSS dedicado. Eso hizo el truco “. AnunciCementContinue Reading a continuación ¿Gutenberg tiene que estar completo y listo para los sitios de producción? ” Bueno, logramos Para construir nuestro sitio con Gutenberg (barra del encabezado y pie de página). Creo que eso dice algo acerca de cómo Gutenberg ha evolucionado y su disposición. Con la edición de sitio completo .Anornada en junio de 2021 , creo que uno tendrá la capacidad de editar todos los elementos de un sitio utilizando bloques de Gutenberg “. ¿Hubo una curva de aprendizaje para usarla? “Absolutamente. Y creo que ese será el caso especialmente para los utilizados para los constructores de páginas visuales. Dicho esto, nos sorprendió gratamente cómo es Visual Gutenberg en realidad. El back-end le da una excelente vista previa del front-end, lo que significa que incluso para las personas que no son técnicas, como yo, es fácil hacer algunos cambios en una página o construir nuevas páginas desde cero “. Con el conocimiento ahora adquirido de su experiencia, ¿qué consejo tiene para aquellos que contemplan un cambio a Gutenberg? “¡Ve por ello! Nuestras dos vagas principales fueron las siguientes: AnunciCementContinue leyendo aderstart trabajando en su nuevo diseño web con Gutenberg en mente. Te ahorrará mucho tiempo, y terminará siendo más eficiente. (Esto no es algo que hicimos porque comenzamos el diseño sin tener nuestra mente sobre el editor …) Considere cuidadosamente la cantidad de bloques que necesita de acuerdo con su negocio. Piense en si todos ellos tienen que ser personalizados o no. Los bloques hacen una diferencia real al usar Gutenberg. (Subimos con más de 20 bloques personalizados que están lejos de la media. Es posible que solo necesites una pareja). ¿Cuáles son las consideraciones principales para pensar antes de cambiar a Gutenberg “Gutenberg no es necesariamente para todos. Si está bien con un tema libre como lo es, entonces es genial. Puedes crearE Todos los bloques que desee y disfrute de Gutenberg. Sin embargo, si desea un diseño específico y bloques específicos, necesitará un desarrollador para ayudarlo con el diseño. Probablemente no le llevará tanto tiempo como nos tomó. Aún así, hará que el desarrollo de su nuevo sitio web sea más largo y más caro de lo habitual, ya que necesitará ayuda. También debe tener en cuenta la escarpada curva de aprendizaje delante de usted. Dicho esto, Gutenberg está realmente en el corazón de WordPress y, todos los días, los contribuyentes trabajan para mejorarlo. al elegir Otra opción, corre el riesgo de que no se actualice cuando WordPress realiza un cambio. Además, siempre será más fácil encontrar a alguien que lo ayude con un sitio de WordPress construido con Gutenberg. Creemos que Gutenberg es el futuro deWordPress, más es gratuito y de código abierto “. AnunciCementContinue Lectura a continuación ¿Qué tipo de editores deberían pensar dos veces acerca de cambiar a Gutenberg “Esto es algo que mencionamos en nuestra publicación de blog: Si eres un freelancer o ejecuta una compañía pequeña, aún podría estar bien con un constructor de páginas que no requiere ayuda de un desarrollador o un costo adicional. Si ejecuta una compañía más grande y necesita un desarrollo específico, entonces sí, Gutenberg es la solución adecuada para usted, sin más dudas “. WordPress Gutenberg es el futuro WP Rocket hace un punto válido cuando afirman que Gutenberg es el futuro. El objetivo es permitir que los editores se concentren menos en el código y más en el contenido. La edición de sitio completo de Gutenberg es CurrentlY programado para debutar en junio de 2021. Gracias a WP Rocket Tomando uno para el equipo, ahora sabemos que Gutenberg realmente tiene una interfaz de usuario de edición prometedora y puede ayudar a mejorar el rendimiento del sitio. Citación Lea el artículo de WP Rocket sobre la rediseñación de su sitio web utilizando Gutenberg: AnunciCementContinue Lectura a continuación Por qué WP Rocket eligió Gutenberg y cómo mejoró el rendimiento

Leave a Reply

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