homefinance blog
En WP Rocket, estamos comprometidos a hacer que nuestro producto sea constantemente más fuerte y simple. Queremos ofrecer a nuestros Rocketeers el mejor complemento para el rendimiento y la simplicidad, y no dejamos de mejorarlo. También sabemos qué optimizaciones pueden marcar la diferencia en el rendimiento de su sitio y cuáles son difíciles de abordar. La eliminación de CSS no utilizada es una de ellas. CSS no utilizado puede afectar en gran medida el tiempo de carga y los valores de rendimiento esenciales, incluida la pintura de contenido más grande y la primera pintura. Al eliminar o reducir el CSS, tendrá la oportunidad de mejorar drásticamente sus ideas de sugerencia y hacer que su sitio sea más rápido.
Por lo tanto, el WP Rocket 3.11 se centra en una nueva función de eliminación de CSS no utilizada, que lo ayudará a alcanzar sus objetivos de rendimiento más fácilmente. Continúe leyendo y descubra lo que significa la función mejorada para sus resultados de rendimiento. ¡Descubrirá cómo WP Rocket 3.11 dará una velocidad adicional a su sitio y siga! Lo nuevo en WP Rocket 3.11 WP Rocket 3.11 se centra en la renovación de eliminar CSS desde tres ángulos: disponibilidad, rendimiento y compatibilidad. El nuevo eliminación de CSS no utilizado se mantiene en la versión beta, pero ya tenemos una cronología para ello, lea al final del artículo para obtener más información al respecto.
Al descargar nuestra nueva versión principal, se beneficiará de los siguientes aspectos:
Mejor disponibilidad: eliminar el CSS no utilizado viene con una metodología asincrónica para evitar el servicio cuando optimiza su entrega de CSS. Como resultado, encontrará algo ligeramente diferente en la interfaz de uso.
Mejor rendimiento: esta nueva versión introduce un cambio significativo en la forma en que administramos la función de fuente de precarga cuando eliminamos CSS no utilizado. ¡Debería ver un impacto positivo en sus puntajes si solía eliminar o no CSS no utilizados! Mejor compatibilidad: si le preocupa posibles errores de eliminación de CSS no utilizados y cuánto tiempo debe remediar, esto es para usted.
Puede ver nuestro video o saltar a la siguiente sección para obtener más información sobre los cambios y cómo aprovechará cada uno de ellos para optimizar el rendimiento de su sitio.
¿Qué sí una mejor disponibilidad WP Rocket 3.11 viene con eliminación de CSS no utilizado construido nuevamente desde cero? ¿Por qué? Porque la empatía y la humildad son dos de nuestros valores básicos, y permanecemos con ellos. Desde que lanzamos Remout CSS no utilizado con WP Rocket 3.9, aún no hemos podido deshacernos del modo Beta. No estábamos satisfechos con la característica misma y la forma en que funcionan. La disponibilidad no era buena y el servicio a menudo era bajo. Por lo tanto, decidimos reconstruir la característica y pasar del método sincrónico al método asincrónico. El modo Asincron almacenará la página en caché, hará una llamada API y generará el CSS utilizado después de 60 segundos.
Este cambio de metodología cambia el juego por dos razones:
Te beneficiará de una mejor disponibilidad. En otras palabras, ya no se mantendrá bloqueado cuando WP Rocket intente generar el CSS utilizado. Generará CSS utilizado para 100 direcciones de URL cada 60 segundos.
El método asincrónico abre la posibilidad de muchas mejoras nuevas en las que nunca podríamos pensar cuando usamos metodología síncrona. Ahora podremos trabajar en nuevas funciones fuertes que ocurren al mismo tiempo que procesamos el CSS utilizado, en función de las llamadas API. Considere el nuevo CSS de eliminación no utilizado como una presentación del futuro cambio de metodología del cohete WP! También tiene un impacto en cómo se presenta el proceso de optimización de CSS en la interfaz de usuario.
Hasta WP Rocket 3.10, la opción Eliminar CSS no utilizada le muestra cómo iba el proceso CSS:
Eliminar CSS no utilizado: WP Rocket 3.10 Durante el proceso de CSS, no fue posible rastrear las mejoras de información de PageSpeed hasta que el proceso CSS se haya completado por completo. Además, la optimización de CSS podría tomar hasta unas pocas horas y aún no funciona debido al servidor sobrecargado. Estos fueron problemas críticos que no solo impidieron que los clientes mejoraran su rendimiento, sino que no eran dignos del producto que queríamos ofrecer. Por eso trabajé duro para acercarme a ellos.
En primer lugar, la metodología asincrónica y la nueva infraestructura del servidor evitarán sobrecargas y reducirán drásticamente los problemas que enfrentan en el pasado. Una vez que se ha procesado la página inicial (cuenta 90 segundos), el proceso de optimización de CSS se realizará en lotes por el resto de sus páginas, cada 60 segundos. Significa que no debe esperar hasta que el proceso esté completamente completado para medir sus mejoras de rendimiento. Cada 60 segundos, se beneficiará de la optimización CSS actual y verá inmediatamente reflejarse en la auditoría de información de PageSpeed. Lo que hace que este cambio sea más simple que nunca es el temporizador inverso que encontrará en WP Rocket 3.11. Al activar la opción de eliminación de CSS no utilizada, en la parte superior de la página, encontrará un cronómetro que diga cuánto tiempo lleva la función para procesar su página inicial.
Elimine el medidor CSS no utilizado Una vez que se complete la página inicial, recibirá un nuevo mensaje sobre el proceso de eliminación de CSS no utilizado en todo su sitio:
Elimine la información de proceso CSS no utilizada: si aún no ha activado la precarga de caché, verá un mensaje que recomienda activar la opción.
Al igual que en la versión anterior, al verificar las opciones de “habilitar precarga” y “activar la precarga del caché basado en el mapa del sitio”, evite esperar a que un usuario visite una página para generar el CSS. Esto acelerará la creación del CSS utilizado para todo el sitio web.
Prelabadre Cache-WP Rocket Recomendamos usar CSS sin usar y precarga de precarga, porque obtendrá dos beneficios correlacionados: reducirá drásticamente el tamaño de CSS.
Como resultado, mejorará sus conocimientos de suministro de páginas, así como notas de vital web de Web Core.
Realizamos varias pruebas con algunas de las páginas más populares.Activé la nueva función de eliminación de CSS no utilizada y seguí las mejoras.Como puede ver, CSS Rescue es enorme y tendrá un impacto en el rendimiento general:
CSS Saving no es solo para ella. Podemos ver cómo tales mejoras pueden traer mejores resultados de rendimiento. Construí un sitio de prueba usando Elementor y Astra. Activé el cohete WP y activé LazyLoad. Hice una prueba inicial de PageSpeed Insights y obtuve la nota 67.
PageSpeed Insight – WP Rocket activado + Lazylad Luego, ejecuté otra prueba después de activar la función JS de retraso. La nota de rendimiento general ha mejorado mucho, pero la puntuación no se ha vuelto verde, no algunos de los valores del faro: el retraso JS activado por puntaje de PageSpeed Insight, la eliminación de CSS no utilizada no se activa finalmente, activé la eliminación de CSS no utilizada y una tercera prueba. Nuestro puntaje de PageSpeed Insights recibió Note 94, y la primera pintura de contenido y la pintura de contenido más alta también recibieron una puntuación verde.
PageSpeed Insight de puntaje – Retraso JS + Eliminación CSS No utilizado Activado Lo nuevo para el rendimiento Esta nueva versión principal cambia y cómo funciona la función de la precarga de la fuente. Hasta el WP Rocket 3.10, cuando se activó la eliminación de CSS no utilizada, el complemento ignora la información incluida en la precarga de las fuentes. Ahora, hay un cambio importante. Cuando se activa la opción de eliminación de CSS no utilizada y se genera el CSS utilizado, WP Rocket identifica automáticamente todas las fuentes y las precarga automáticamente. ¿Por qué? Porque, de acuerdo con nuestras pruebas, los sitios pueden obtener mejores puntajes en las ideas de PageSpeed. Eche un vistazo a los resultados de nuestras pruebas y vea cómo se mejoran la nota de rendimiento general y los valores específicos debido
Escenario #2 – Eliminar CSS no utilizado activado con fuentes precargadas
Lo que viene con una mejor compatibilidad, esta versión principal no se refiere solo a proporcionar una nueva interfaz de uso y una mejor disponibilidad para la eliminación de CSS no utilizada. Si ha intentado la función de eliminación de CSS no utilizada y los problemas o errores de encontrado, debe saber que WP Rocket 3.11 tiene una mejor compatibilidad y precisión. En inglés simple, WP Rocket 3.11 soluciona automáticamente el 90% de los problemas de eliminación de CSS no utilizados conocidos. Los restantes y los nuevos se pueden remediar fácilmente sin requerir una versión menor de cohete WP. Es un gran paso adelante, ¿verdad? ¿Cuánto tiempo llevará la versión beta? Apuesto a que te preguntas cómo irá con la versión Beta Eliminar CSS. Dijo pronto: lo mantendremos durante 3 o 4 semanas para verificar nuestro servidor en una escala máxima. Nuestro objetivo es que la opción de eliminación de CSS no utilizada funcione sin ningún problema en el 95% de los casos. Dado que es una función tan fuerte, tenemos la intención de perpetuar la eliminación de CSS no utilizada en el futuro cercano. Por supuesto, te tenemos cubierto. Al ser Rocketeer, recibirá un correo electrónico cuando eliminemos la versión beta. La conclusión de WP Rocket 3.11 viene con una función sólida para la eliminación de CSS no utilizada, lo que le permitirá optimizar la entrega de CSS sin preocuparse por los errores o problemas que requieren tiempo para remediarse. Gracias a la nueva CSS y la precarga de la fuente de eliminar, aumentará la velocidad de su sitio y optimizará los valores de rendimiento de su faro, ¡no tiene que preocuparse por nada!
Tags WP Rocket 3.11 - Lanzamiento de un nuevo
