WP Rocket 3.8: Mejorar la carga de JavaScript y agregar atributos de imagen faltantes

A principios de 2020, compartimos nuestros objetivos para el año siguiente. Entre ellos, queríamos aumentar el número de lanzamientos importantes. Es por eso que estamos orgullosos y encantados de celebrar la cuarta versión importante de este año. ¡Bienvenido, WP Rocket 3.8! Este año provocativo, hice todo lo posible para darte nuevas funciones estelares. Queríamos ayudarlo a mejorar el rendimiento de su sitio web periódicamente y tuvimos éxito. ? Esta nueva versión viene con dos mejoras que te encantará. Sugerencia: puedo ayudarlo a mejorar uno de los valores centrales de la web vital y el rendimiento general de SEO. ?
También hay algunas excelentes mejoras en la experiencia y la interfaz del usuario. ¿Tienes curiosidad por saber más? ¡Continúa leyendo! ¿Qué hay de nuevo en WP Rocket 3.8 Esta versión principal aborda los valores de cambiar la apariencia acumulativa y el tiempo para interactivos y le permite mejorar sus puntajes? Además, nuestra interfaz es más clara que nunca. La configuración del complemento es más rápida y fácil debido a las opciones implícitas que hacen que WP cohete y sea más fácil de usar. Escuché atentamente sus solicitudes. ? La publicación se centrará primero en mejoras que tengan el mayor impacto en la optimización del rendimiento. Luego explicaremos los cambios menores que hemos hecho para darle una imagen general completa de WP Rocket 3.8.
Estas son las mejoras más relevantes incluidas en esta versión:
Mejorar para cargar JavaScript pospuesto
Agregar atributos de ancho y altura faltantes a las imágenes
Exclusión de imágenes de LazyLoad.
¡Vamos a bucear! Mejorar para cargar JavaScript pospuesto. Hice algunos cambios en el JS Difer y cómo WP Rocket administra la compatibilidad de jQuery cuando se pospone. En detalle, hemos mejorado la gestión de los scripts que se basan en jQuery, por lo que podemos eliminar la opción “forma segura para jQuey”. Estas dos mejoras van de la mano, por lo que explicaremos ambas juntas. La opción que elimina la “forma segura para jQuery” es la mejora más relevante para el rendimiento. Sin embargo, para brindarle una mejor visión general, daremos un paso atrás y comenzaremos desde Difer J. Después de que probablemente ya lo sepa, retrasar los archivos JavaScript es esencial para eliminar los recursos que bloquean la representación y permitir que las páginas se carguen más rápido. Por lo tanto, WP Rocket proporciona la función defirida de JavaScript de carga, que evita que los archivos JavaScript se bloqueen y mejora el tiempo de carga. WP Rocket pospone todos los archivos JavaScript para el máximo rendimiento. Sin embargo, si algún archivo tenía que ser excluido del aplazamiento, tenía que confiar en un enchufe útil. Con WP Rocket 3.8, incluimos un área de texto en la interfaz de usuario para excluir fácilmente cualquier archivo JavaScript.
En la pestaña Optimización de archivos, ahora puede activar la opción de carga JavaScript retrasada y especificar qué archivos JavaScript desea excluir de Postponement:
La pestaña “Archivos JavaScript excluidos”. Pero hay algo más. Si te preguntas si falta algo en la nueva interfaz, tienes razón. Para hacer que WP Rocket y más fácil y más fácil de configurar y usar, hemos eliminado el subconcripción “Modo seguro para JQuey”, que excluye a JQuey del aplazamiento. Este subcomplejo ya no es necesario porque JS está en línea relacionado con JQuey se pospondrá y, por lo tanto, el archivo jQuey en sí se puede posponer. Si ya tiene WP Rocket instalado con modo seguro para JQuey activado, encontrará el retraso excluido cuando actualice el complemento. Esta es una excelente oportunidad para eliminar la exclusión de JQuey para ver cómo afecta el rendimiento de su sitio web. Consulte nuestra documentación técnica para realizar la prueba. Desde la perspectiva del rendimiento, este cambio puede mejorar el valor del tiempo de interacción. Es por eso que lo alentamos a que realice las pruebas. ¿Qué puedes obtener con esta función? Como se retrasarán múltiples archivos JavaScript, los usuarios podrán interactuar con su sitio y tendrán una mejor experiencia de usuario. Como mencioné, significa que el tiempo de interactivo puede mejorar. El tiempo de interactivo es uno de los seis valores observados en el informe del faro, por lo que podría obtener una mejor puntuación en PageSpeed ​​Insights y Gtmetrix.

Por supuesto, hicimos nuestras pruebas. En el primero, siempre había activado JS Combine. Primero activé la forma segura para JQuey. Entonces lo discapacé. Después de tres veces, calculé la puntuación promedio de la página de páginas:
Con la forma segura de que JQuey se activó, el puntaje fue de 68.
Después de desactivar esta opción, el puntaje fue 78.
También realicé una prueba en la que analizamos otras dos configuraciones. Primero activé tanto el aplazamiento de la carga JS como la forma segura para JQuey. Luego mantuve la carga de JS aplazando activado y no activé el modo seguro para JQuey. Además de algunas mejoras en la puntuación de la velocidad de la página, noté que, después de desactivar la forma segura de la opción jQuey, el archivo jQuey ya no era un recurso de bloqueo de resurrección. Después de ver a la derecha, esta configuración pasó la auditoría del Resurrección bloqueando los recursos. ?
Auditoría de las páginas comprendios de mejoras bastante sorprendentes, ¿verdad? Ahora es tu turno. ? Obtenga más información sobre esta nueva característica con nuestra documentación.
Agregue a las imágenes Los atributos de ancho y altura faltantes ¿Sabía que agregar los atributos de ancho y altura que faltan en las imágenes es la forma de mejorar el cambio de diseño de valor acumulativo? El valor acumulativo del cambio de diseño es uno de los principales elementos web vitales que se lanzarán como un factor de clasificación en mayo de 2021, junto con las otras señales de la experiencia de la página. Por supuesto, el cambio de diseño de nota acumulada afecta la nota Tsights y Gtmetrix de la velocidad.
El valor de cambiar el aspecto acumulativo muestra cuánto contenido “cambia” a medida que se carga la página. Las imágenes sin valores especificados para el ancho y la altura son una de las razones comunes para cambiar el contenido. Al cargar una nueva página, los navegadores usan valores de ancho y altura para reservar el espacio necesario para las imágenes en la página. Cuando el espacio para una imagen no está reservado, el navegador moverá el contenido para acomodar la imagen una vez que se haya descargado. Este cambio de apariencia conduce a una mala experiencia del usuario. Debido a la versión 3.8, WP Rocket agregará cualquier falta de “ancho” y “altura” a las imágenes utilizadas en su sitio web. Esta característica existe desde el principio y ahora está disponible directamente en la interfaz de usuario. A continuación se pueden encontrar más detalles. ¿Qué puede obtener con esta función? La puntuación general de la velocidad de la página depende de varios factores, y sus resultados para cambiar el aspecto acumulativo variarán dependiendo de cuántas imágenes hay en su página. Realicé algunas pruebas, comparé cada rendimiento y calculé el puntaje promedio cada vez. Esto es lo que tenemos. ? Antes de agregar cualquier atributo “ancho” y “altura”, el CL promedio en el escritorio fue de 1.98.

PageSpeed ​​Insights señala antes de agregar los atributos de la imagen después de agregar los atributos “ancho” y “altura” a todas las imágenes, el escritorio promedio era de 1,015. ¡Esta es una increíble mejora del 45%! ?
PageSpeed ​​Insights obtiene puntajes después de agregar los atributos de la imagen ¿Cómo funciona?Encontrará la opción de agregar todos los atributos de la imagen a la pestaña Media.En la sección Dimensiones de la imagen, solo debe seleccionar la opción “Agregar las dimensiones de la imagen que falta”.¡Tan simple como eso!
La nueva opción “Agregue las dimensiones de la imagen faltante”. Obtenga más información sobre esta nueva característica con nuestra documentación. Excluir imágenes de lazyload de lazando perezoso le permite cargar imágenes y marcos de Imrame solo cuando las necesite. Cuando los usuarios llegan a una nueva página, solo se mostrarán las imágenes por encima del pliegue al principio. Como resultado, los usuarios pueden comenzar a interactuar con la página anteriormente, y las imágenes debajo del pliegue se cargarán cuando se ejecute. Dados los grandes beneficios de los tiempos de carga, la carga perezosa es una característica que puede activar en WP Rocket. Con la nueva versión, puede excluir fácilmente ciertas imágenes y marcos de iframe de LazyLoad directamente a través de la interfaz del complemento, en lugar de usar un complemento de ayuda o confiar en nuestra documentación técnica. Por ejemplo, si tiene que excluir algunas imágenes por encima del pliegue de la carga perezosa, puede hacerlo muy fácil ahora. Al hacerlo, puede medir el impacto en la pintura más grande llena de contenido. Es probable que noten una mejora en sus puntajes. Lo mismo es cierto si usa un complemento de deslizamiento de imágenes que ya usa la carga perezosa y debe excluir la carga perezosa de ellos para garantizar la compatibilidad. ¿Como funciona? En la pestaña Media, en LazyLoad, encontrará un área de texto que le permite excluir imágenes y marcos de iframe en LazyLoad ingresando el nombre de clase, el nombre del archivo o el dominio SRC.
La pestaña “imágenes o marcos excluidos”. Obtenga más información sobre esta nueva característica con nuestra documentación. Una interfaz más limpia: emojis, la vida útil de la vida útil y la opción de prueba beta con WP Rocket 3.8, seguimos nuestra filosofía: “Decisiones, no opciones”. No queremos sentirnos abrumados al tomar decisiones durante la configuración. Es esencial mantener un equilibrio entre todas las opciones disponibles. A veces, decidimos qué es lo mejor para usted: limpiamos la interfaz y eliminamos las opciones que podrían confundirlo sin dar ningún valor en términos de rendimiento. Esta vez abordamos las siguientes características: Opción de emoji de WordPress

La frecuencia de “minutos” de la vida útil del caché.

También decidimos eliminar la opción Beta Tester. Activación de la opción Emoji de WordPress La opción específica de Emoji WordPress se activará y se eliminará automáticamente de la pestaña de medios. Entonces está completamente bien si ya no ves esta función:


La opción Emoji WordPress se activará y eliminará automáticamente la frecuencia de “minutos” de la vida de caché con la última versión, eliminamos la opción “minutos” como una frecuencia de las opciones de caché. Tomé esta decisión porque generar nuevos archivos de caché cada pocos minutos podría afectar el rendimiento y causar grandes problemas de procesador. La gran mayoría de ustedes no se verá afectada por este cambio. Para los restantes, le recomendamos que establezca una vida útil de menos de 60 minutos a 1 hora y cualquier vida útil de más de 60 minutos a la hora más cercana. Según estos cambios, ya no encontrará la opción “minutos”:

La opción “minutos” para la vida útil del caché ya no está disponible para eliminar la opción Beta Tester con WP Rocket 3.8, también hemos decidido eliminar la opción de probador de cohetes y concluir el programa beta. Durante más de un año, hemos introducido y probado un proceso de lanzamiento escalonado. Esto significa que proporcionamos una nueva versión para un pequeño porcentaje de clientes seleccionados al azar antes de ser lanzados por completo para todos los clientes. Hacemos esto para recibir comentarios sobre el lanzamiento y para asegurarnos de que no haya problemas imprevistos que no hemos encontrado en nuestro proceso de prueba. Como resultado, la iniciativa Beta Tester ya no se requiere. En el futuro, podemos involucrar a aquellos que adoptan temprano en las nuevas iniciativas de retroalimentación. WP Rocket 3.8.1: Eliminación de la opción “Eliminar JQuey Migrate”. ACTUALIZACIÓN: con la versión WP Rocket 3.8.1, decidimos eliminar la opción “Eliminar jquey migra” por dos razones. Con WordPress 5.6, WordPress ha actualizado la biblioteca JQuey y el complemento de migración JQuery asociado. Debido a algunos problemas de compatibilidad con la nueva versión de la Biblioteca JQuey, la opción “Eliminar jquey migra” podría destruir algunos sitios web si la opción no está desactivada. Sin embargo, no será una solución a largo plazo. La opción “Eliminar jquey migrate” quedará anticuada con WordPress 5.7, porque WordPress ya no se entregará con JQuey Migra. Como siempre, queremos ofrecerle la mejor experiencia de usuario y evitar cualquier frustración.
Opción Eliminar JQuey Migrate ya no está disponible ¿Qué pasa con la eliminación de CSS no utilizada? La función de eliminación de CSS no utilizada no se ha incluido en esta versión. Las razones se reducen a la alta calidad de la función futura y el esfuerzo necesario. Nos complace compartir algunos detalles, para que comprenda por qué tomamos esta decisión. También verás trabajo duro detrás de escena. Está construido desde cero. No usamos una biblioteca, porque queremos permanecer independientes y receptivos y lleva más tiempo. Estará disponible en cada página de cada sitio web. Cada página es diferente y, por lo tanto, podemos ofrecer la mejor experiencia de uso. Estará disponible para cada usuario sin costos adicionales, independientemente de cualquier tarifa adicional para nosotros. Debido a que estamos tratando con muchos sitios web, necesitamos una excelente arquitectura del servidor para proporcionar un servicio de primera clase a nuestros usuarios. En resumen, queremos que esta característica sea la mejor del mercado. Incluso si es frustrante esperar, cambiará el juego muy pronto. Alerta de spoiler: aprovecharemos esta nueva característica para agregar optimizaciones automáticas que harán más que la eliminación de CSS no utilizada. ¡Manténganse al tanto! La conclusión de WP Rocket 3.8 se centra en mejorar las ideas de la energía de las páginas y su experiencia de usuario al configurar y usar el complemento. Las principales mejoras son eliminar la forma segura de jquey y agregar los atributos faltantes y de altura a las imágenes. El primero le permite mejorar el valor a interactivo;