Cómo usar el índice de velocidad de Google para mejorar el rendimiento de WordPress

¿Su sitio carga contenido constante como la tortuga o espera hasta que la carrera esté cerca del final antes de comenzar la velocidad, como el conejo? En la carrera para proporcionar la mejor experiencia para el usuario, lo mejor es estable. Por lo tanto, Google PageSpeed ​​Insights mide el índice de velocidad de WordPress para determinar cómo se está cargando el contenido de su sitio con el tiempo. El índice de velocidad puede decirle si ofrece suficientes comentarios visuales ya que el sitio está cargando. Es una medida importante comprender lo que enfrentan sus visitantes. En esta publicación, le mostraré cómo calcular el índice de velocidad, cómo ejecutar una prueba de índice de velocidad de WordPress en Chrome y le diré lo que debe seguir. Luego cubriremos algunas técnicas que puede usar para mejorar su índice de velocidad.
¿Cuál es el índice de velocidad en Lighthouse? Lighthouse es la herramienta de código abierto que utiliza Google PageSpeed ​​Insights para analizar una página web. Lighthouse evalúa su página web de acuerdo con los siguientes criterios:
¿Se sirve desde un lugar seguro?
¿Es accesible para todos los usuarios?
¿Los visitantes que tienen una conexión de red incierta (como el móvil) pueden alcanzarla?
¿Los usuarios perciben su sitio tan rápido?
Es de interés de Google dar prioridad a los sitios de alta calidad en las clasificaciones de búsqueda para proporcionar la mejor experiencia de uso. El índice de velocidad es una medida utilizada para evaluar qué tan rápido se siente su sitio de una manera que captura cómo funciona su sitio de manera efectiva en la vida real.
Cómo medir el índice de velocidad de Google aquí es cómo se define el índice de velocidad en la documentación del faro: el índice de velocidad es un valor del rendimiento de carga de la página que le muestra la rapidez con que el contenido de una página está visiblemente poblado. ¿Podría ser más vago? Eso no nos dice mucho sobre cómo se captura esta información, por lo que podemos mejorar nuestros puntajes, por lo que tuve que ir a la fuente. WebPageTest.org, en asociación con Google, introdujo el índice de velocidad Metica en su prueba en abril de 2012 y detalla completamente cómo funciona Speed ​​Index. Lighthouse utiliza un módulo de nodo llamado Speedline cuya implementación actual se basa en el progreso visual del método de captura de video que ha sido introducido por webPageTest.org. Se calcula utilizando una función de distribución acumulativa de una distribución de nivel de registro. ¿Yo se, verdad? Así es como funciona, cuando realiza una auditoría de Google PageSpeed ​​Insights, Lighthouse graba un video con su página web. Incluye solo todo por encima del pliegue, por lo que el índice de velocidad variará según la ventana de visualización que establezca para la prueba. El video es cómo Lighthouse puede “ver” su sitio. Luego descomponga todo el pequeño video en los cuadros. Hay 10 cuadros por segundo. Entonces, si su sitio se cobra en 3 segundos, habrá 30 cuadros que muestran el progreso de su sitio.
Aquí hay una versión simple de cómo se ve.

Lighthouse compara cada cuadro con el marco final para determinar qué tan completo es. ¿Está cargado del 5%? 10%? 20%? 30%? y así Luego, gráfica la finalización de su página en el eje Y y el tiempo transcurrido en el eje X para que pueda determinar el promedio. La puntuación general es la suma de los intervalos individuales. El gráfico para los cuadros anteriores se vería así, con el área azul que representa el índice de velocidad. El Bluezone sobre la línea es el índice de velocidad
También existe el progreso visual de los eventos de pintura de pintura para determinar los navegadores especiales de WebKit, que no requieren captura de video y se basa en la recopilación de datos cronológicos, como eventos de pintura y otros eventos útiles. Esto no es aceptado por todos los navegadores, por lo que varía y no es tan ampliamente utilizado, por lo que no entraremos en detalles aquí.

Cómo obtener el índice de velocidad de Google Chrome Ahora que sabe cómo calcular el índice de velocidad, debe hacer tiempo para ejecutar las páginas más populares a través de Google PageSpeed ​​Insights. Si desea hacer esto directamente en Google Chrome, presione CTRL+Shift+I o Right -haga clic en la ventana del navegador y seleccione Inspect Access Publes. Desde allí, podrá seleccionar qué tipo de auditoría desea realizar una prueba móvil o de escritorio. Seleccione la casilla de verificación de rendimiento para obtener el índice de velocidad y luego presione el botón Blue Audits para comenzar.
No tiene que acceder a la página de Google PageSpeed ​​Insights, esto le dará los mismos resultados, porque ambos usan Lighthouse
¿A qué puntaje de índice de velocidad debe apuntar en Google? Bien, entonces hiciste tus pruebas, pero ¿cuál es un buen puntaje? Según Paul Irish, que trabaja en el equipo de Google Chrome, el índice de velocidad ideal es inferior a 1000 ms, lo que equivale a 1 segundo. Para mejorarlo, debe obtener la puntuación del índice de velocidad lo más bajo posible. En marzo de 2018, NCC Group analizó las páginas iniciales de 50 minoristas en el Reino Unido y descubrió que el puntaje promedio del índice de velocidad era de entre 3500 y 8000 ms. Dareboost ha realizado un análisis similar en editores europeos y menos del 5% de los sitios tuvieron una puntuación de índice de velocidad que era de menos de 1000 m. No siempre es factible. En estos casos, el mejor enfoque es simplemente superar a sus competidores. Escribí una guía sobre cómo obtener 100 en Google PageSpeed ​​Insights. Cómo mejorar el índice de velocidad de WordPress Mejorar el índice de velocidad es una cuestión de mejorar el rendimiento real, así como el rendimiento percibido de su sitio. Puede optimizar el rendimiento:

Optimización de la eficiencia del contenido
Optimización de la ruta de renderización crítica
Para mejorar la percepción, hay una amplia variedad de técnicas de carga progresiva que puede usar.
Si no causa conversiones, elimine la forma más efectiva de mejorar tanto el rendimiento como la percepción es eliminando los activos innecesarios del sitio. ¡Su sitio también se llena! Imágenes, archivos JavaScript, CSS, etc. que no agrega mucho valor o ya no se usa, debe ser gratuito. Debe repetir este proceso periódicamente, especialmente al agregar nuevos elementos a su sitio, medir el valor que los nuevos componentes agregan a su sitio. Si esa nueva diapositiva de imagen, fondo de video o tercera fuente no se vuelve visitantes, entonces deshágalo. ¿Necesita ayuda para convencer a sus clientes para que omitan los elementos de la página? Ejecute esta prueba móvil PageSpeed. En la página de resultados, desplácese hacia abajo y abra la sección evalúe el impacto de un sitio más rápido. La computadora lo ayudará a mostrar cómo aumentar la velocidad del sitio puede mejorar el ingreso anual.
Quiero decir, este número es un argumento bastante convincente
Use alturas y sustituyentes predefinidos que cargan un marco para el resto del contenido le da al usuario la impresión de que el sitio está cargado de una manera organizada e intencional.
Para crear un marco, cree un espacio para los elementos de su sitio que tarda más en cargarse, como imágenes y videos. Puede hacerlo estableciendo alturas predefinidas para sus elementos de contenido CSS o cargando imágenes o iconos sustituyentes. Esto no solo permite al visitante saber que sigue más contenido, para que pueda decidir si le gustaría esperar, sino que esto evita que el contenido del sitio cambie de manera irregular a medida que se instalan más elementos. Optimice sus imágenes Las imágenes son uno de los mejores delincuentes cuando se trata de agregar un peso inútil a sus páginas web. La mejor manera de reducir el peso de la página es eliminando imágenes innecesarias, luego optimizar lo que queda haciendo lo siguiente: Carga perezosa de imágenes debajo del pliegue
Uso de imágenes progresivas


Uso de los formatos de archivo de imagen de la última generación más efectivo
Cambiar el tamaño de las imágenes que son demasiado grandes para su contenedor
Comprimiendo sus imágenes
Use el tipo de archivo correcto, por ejemplo, reemplazando sus gifs animados con videos
Una manera rápida y fácil de optimizar sus imágenes es el uso de un complemento como Smush Pro. Prueba el Free Smush Pro. Optimice las hojas de estilo, scripts y fuentes Cuando un navegador construye su página, cuando se encuentra con un archivo CSS o un archivo JavaScript, debe ejecutar esos archivos antes de continuar reproduciendo la página. Por lo tanto, los archivos CSS y JavaScript que están en la cabeza de su página se llaman REDA LOCK Resources. Debido a que bloquea la representación de su contenido, debe optimizarlos para que dure el menor tiempo posible para cargar. Las fuentes también agregan mucho peso a las páginas web, porque cada fuente es un recurso adicional que el navegador debe pasar el tiempo descargado. Algunas fuentes pueden bloquear la representación de la página. Por defecto, las fuentes no comienzan a descargar hasta que DOM y CSSOM se construyan, lo que puede conducir a la demora en reproducir el texto. Así es como puede optimizar los activos adicionales necesarios para construir su página: como dije anteriormente, la mejor manera de optimizar algo es eliminarlo por completo. Reduce el peso y sigue adelante. Para las fuentes web, reduzca el número de variantes de fuentes, por lo que en lugar de tres pesos en negrita diferentes, puede usar una o ninguno si puede manejarlo sin ellas.
No cobre un archivo enorme JavaScript. Use la división de código para dividir el archivo y cargar los scripts que no son esenciales para representar el DOM en la parte inferior de la página.
Comprimir y reducir los archivos para que dure menos tiempo para descargar.
¿Desea una solución completa liviana diseñada para ayudarlo a mejorar su puntaje de Google PageSpeed ​​Insights? El pájaro Colibri puede ayudar. Optimizar el camino de la crítica La ruta de reproducción crítica se refiere a todos los elementos que el navegador debe jugar para responder a la solicitud actual del visitante. Desea dar prioridad a los activos por encima del pliegue, que son los más importantes en este momento y cargarlos lo antes posible. Esto requiere analizar los componentes en la ruta de representación crítica y buscar formas de mejorar, fortalecer y organizar toda la tarea. Piénselo como si estuviera haciendo comisiones. Si acosas tu ruta temprano, puedes hacer más en menos tiempo que si estuvieras pasando por toda la ciudad, haciendo las cosas como pensabas en ellos. El camino accidental se quemará a través de recursos corriendo de un lado a otro. Así es como Google recomienda que optimice la ruta de representación crítica: analizar y caracterizar los elementos en su camino crítico.
Minimizar el número de recursos críticos. Si puede, quítelos. De lo contrario, posponga la descarga o las cargue asíncronas.
Optimice el tamaño de los activos comprimiendo o minimizando para reducir el tiempo de descarga.
Descargue todos los activos críticos lo antes posible para acortar la longitud de la ruta crítica.
Use el almacenamiento en caché una vez que haya terminado la nueva página optimizada, luego esté listo para usar la memoria de la página. La memorización de caché es una forma confiable de mejorar la velocidad del sitio para sus visitantes. Al almacenar caché para una recuperación más rápida. Hay varios tipos de caché. Con HTTP Cache, el navegador almacena una copia del usuario descargado por el usuario en el caché, para que puedan llevarlos sin hacer un viaje adicional al servidor. Esto mejora dramáticamente el rendimiento para los visitantes que se repiten cuando se realizan correctamente. Recientemente comparé a Hummingbird con otros complementos de caché populares, y Hummingbird los ha optimizado a todos. También debe usar la caché intermedia, como las redes de entrega de contenido o los CDN para proporcionar activos de un centro de datos más cercano al usuario. Limitaciones del índice de velocidad Aunque el índice de velocidad es mejor que los valores basados ​​en la cronología para ayudarnos a medir la experiencia del usuario, no es perfecto. Si su sitio tiene movimiento, el índice de velocidad no será correcto. Aquí hay algunos elementos móviles que pueden afectar su puntaje: videos que funcionan automáticamente
Caruses
Gifs
Además, si no crea sustitutos de los elementos en su sitio y el contenido de su página. Sin embargo, Speed ​​Index es una de las mejores herramientas que tenemos en este momento, por lo que, incluso con estas limitaciones, todavía es útil. Utilizado en combinación con otros valores proporcionados en Google PageSpeed ​​Insights, Speed ​​Index lo ayuda a obtener un conjunto completo de lo que necesita para trabajar para mejorar su sitio para sus visitantes. Cómo mejorar su velocidad de índice con un complemento de WordPress Los complementos de rendimiento de WordPress han recorrido un largo camino. Ya no necesita usar un conjunto diferente de complementos para mejorar todos los aspectos del rendimiento de su sitio. Puede usar un complemento todo en uno, como Hummingbird, que ha sido diseñado para ayudarlo a pasar todas las ideas de Auditorías de Google PageSpeed. Hemos diseñado Hummingbird no solo para ayudarlo a aumentar su puntaje de índice de velocidad, sino también para ayudarlo a dar mejores experiencias. La optimización de velocidad ofrecida por WPMU Dev. No sé sobre usted, pero la velocidad del índice no fue lo que no fue lo que no fue lo que no fue lo que no fue lo que no fue lo que no fue lo que no fue lo que no fue lo que no es lo que no es lo que no sé, el índice de velocidad no fue lo que no es lo que no sé, pero el índice de velocidad no es lo que no sé. Pensé que era. ¿Tiene consejos para mejorar la velocidad de la página?
Etiquetas:
Google PageSpeed ​​Insights