WP Rocket 3.6: Archivos de precarga con fuentes, CPCS específico, más innovación

En las últimas semanas, todos en WP Rocket han trabajado en un clima diferente, condicionado en una especie de incertidumbre debido a la crisis de salud que vivimos a nivel mundial. Pero la unidad de un equipo se puede ver (especialmente) en tiempos difíciles y estamos orgullosos de la calidad del trabajo que continuamos realizando en WP Rocket. La pandemia no nos detuvo en nuestros esfuerzos constantes para proporcionar un complemento de primera clase. En un momento en que las personas necesitan sentirse más conectadas y fortalecer sus actividades en línea, ya que son profesionales, recreativas o sociales, contribuye en la forma en que lo sabemos mejor.
¡Entonces, aquí estamos con una nueva versión de WP Rocket que hará que sus sitios web sean más rápidos que nunca! ¿Qué hay de nuevo en WP Rocket 3.6?
CSS con forma crítica para ciertas páginas
CSS de ruta crítica para dispositivos móviles
Fuentes de precarga
Compresión GZIP para archivos CSS y JS
Adiós a la opción de eliminación de las filas de consulta
Veamos todo esto en detalle. ? CSS Con una forma crítica de ciertas páginas en PageSpeed ​​Insights, es posible que haya encontrado recomendaciones como “eliminar JavaScript y CSS que bloquean la reproducción” o “eliminar los recursos que bloquean la obra”. Durante algún tiempo, WP Rocket lo ayuda a cumplir con estas recomendaciones con un solo clic, encontrar y establecer el CSS crítico para su sitio de WordPress.
La ruta crítica CSS (o CPCSS) es el proceso de tomar el CSS mínimo necesario para corregir la primera parte de una página web y luego aplicar en línea para poder cargar más rápido. Puede obtener más información sobre cómo funciona en nuestra dedicada publicación de blog CSS Critic. Con la versión 3.6, nuestra opción optimizar la entrega de CSS es más fuerte, ya que ahora puede tener CSS más personalizado para ciertas páginas de su sitio. WP Rocket General CPCSS para la última pieza de contenido, por tipo, por ejemplo, la última página. Entonces, si tiene diferentes páginas de apariencia, se aplicarán los mismos CPCSS en cada página y no sería exactamente para cada caso. Ahora puede tener un CPCS específico para cada página, según sea necesario. Puede generar una forma específica crítica de CSS para sus publicaciones/páginas personalizadas y puede eliminar la advertencia de PageSpeed ​​Play Advertencia de una vez por todas. ? Hemos desarrollado la extensión de esta función dado el aspecto personalizado de la página. Una de las grandes ventajas de WordPress, de hecho, le permite combinar la creatividad y los conocimientos básicos sobre HTML, CSS y PHP para crear modelos personalizados para. Se beneficiará significativamente de esta nueva función.
Para generar CSS la ruta crítica para una página o publicación en particular, puede acceder directamente a la pantalla de edición para ese contenido y hacer clic en el botón específico de CPCSS:
Opción CSS de ruta crítica en WP Rocket 3.6

Consejo: puede usar esta función para cualquier publicación que sea pública y tenga una interfaz editor, de modo que se muestre el cuadro de meta opciones de cohetes WP. CSS de ruta crítica para dispositivos móviles Otra implementación importante de CSS de ruta crítica ingresada por v3.6 es CPCSS para sitios móviles. Hasta ahora, WP Rocket generó y usó la misma ruta crítica de CSS para escritorio y móvil. Pero si tiene experiencia en desarrollo o diseño web, ya sabe que muchos sitios de WordPress usan otro tema para su versión móvil. Este tipo de sitios pueden beneficiarse mucho de un CPCSS dedicado. Consejo: generaremos un CSS CSS crítico para dispositivos móviles solo si tiene la opción “Separación de caché” activada. Si no usa esta opción, asumiremos que su tema es receptivo y que los CPCS generados para el escritorio también son válidos para dispositivos móviles. La referencia de fuentes de precarga a las fuentes en archivos CSS es una práctica bastante común. Cuando sucede, el navegador debe descargar y analizar los archivos CSS antes de que puedan cuidar las fuentes. Pero este comportamiento puede afectar el rendimiento general de la página y/o la experiencia del usuario.
Con WP Rocket 3.6, todas las fuentes alojadas en su propio campo, solicitadas en un archivo CSS o más tarde en la carga de la página, ¡ya no serán un problema de rendimiento! Ahora puede decirle al navegador que comience a descargar fuentes que de otro modo descubrirían mucho más tarde:
La nueva opción de fuentes de precarga en WP Rocket 3.6 Con esta nueva característica, puede indicar el navegador que tiene “fuentes ocultas” dentro de un archivo CSS. WP Rocket hará el resto confirmando el navegador que los archivos indicados son realmente fuentes.
La opción de precarga de las fuentes también ayudará a satisfacer la recomendación de “precarga clave” de Google PageSpeed ​​Insights: “Solicitudes de clave de precarga” en PageSpeed ​​Insights Tenga en cuenta que las fuentes externas como Google Fonts no se pueden ingresar aquí: Optimizar la opción Google ya las administra. Consejo: Recuerde precargar las fuentes, lo que de otro modo retrasaría la representación de la página o el rendimiento percibido. Si precarga demasiadas fuentes que no se requieren de inmediato, ¡disminuirá el rendimiento de su sitio!

La compresión de GZIP para archivos de cohetes CSS y JS WP siempre ha activado la compresión GZIP cuando se activa. La compresión de GZIP permite la compresión del contenido de HTML, CSS y JS, de modo que los archivos enviados desde el servidor al navegador del visitante sean más pequeños. Un tamaño de archivo más pequeño significa una descarga más rápida, y esto mejora el tiempo de carga general de su página en nuestro blog, puede encontrar una explicación en profundidad de los aspectos técnicos de la compresión de GZIP.

Con WP Rocket 3.6, decidimos expandir GZIP para pre -Compresar no solo los archivos HTML, sino también todos los archivos CSS y JS optimizados por WP Rocket. Esto significa que cuando minimiza/combina CSS y JS utilizando las opciones en la pestaña Optimización de archivos, WP Rocket crea dos versiones de cada archivo: un archivo CSS/JS estándar y una versión precomprimida.

Para comprender cómo puede servir estos archivos, consulte nuestra documentación dedicada. Consejo: Si WP Rocket no procesa un archivo, por ejemplo, tiene minuto en nombre del archivo o ha sido excluido de la optimización, no crearemos la versión pre -comprimida.
Adiós a la opción de eliminación de la consulta Si le gusta el rendimiento web o si ha estado siguiendo nuestro trabajo durante algún tiempo, es posible que ya lo sepa: cuando se trata de las mejores prácticas para la optimización del rendimiento, no se establece nada en piedra. Hace unos años, seguí la recomendación de Google PageSpeed ​​para eliminar las cuerdas de consulta de los recursos estáticos. Luego presentamos la opción de cadena de consulta de eliminación en la configuración del cohete WP. Incluso si Google interrumpió ese consejo en 2014, varias herramientas de prueba de velocidad continuaron mostrando que la antigua advertencia de PageSpeed ​​hasta hace poco. En Gtmetrix, por ejemplo, puede leer: «Elimine las filas de consulta de los recursos estáticos con recursos con”? ” En la URL no se almacenan en caché por algunos servidores de caché proxy. Elimine la cadena de consulta y codifica los parámetros en la URL para los siguientes recursos … »Ahora, este consejo se deprecia, como anunció GTMTRIX en las recientes notas de lanzamiento. Los navegadores y proxies modernos ya no tienen en cuenta la presencia de cadenas de consulta, sino que se basan en control de caché, ciervos y la sede de la última respuesta modificada. Como dice Google: “La parte de la configuración de caché HTTP que más importa son los encabezados que su servidor web agrega a cada respuesta de salida. “Fuente: Google Web.dev Siguiendo estas buenas prácticas y señalando que los resultados de la velocidad no varían según la presencia de cadenas de consulta, decidimos eliminar esta opción de la configuración de cohetes WP. Presentación de video de WP Rocket 3.6