El corazón de todo buen análisis de rendimiento

Jan Hornung Última actualización 15.01.2021
4 min.
OptimizarWordPress

Para que un negocio o un blog en línea tenga éxito, es esencial que conozca la velocidad de carga de tu sitio . Y cómo se puede optimizar WordPress para ello. Pero las buenas herramientas de análisis proporcionan toneladas de datos. Especialmente los gráficos de cascada no son fáciles de leer. Hoy te mostraré tres sencillos trucos para sacar más partido al análisis de rendimiento de tus con un solo vistazo y optimizar WordPress en los lugares adecuados.

Cuando empecé a investigar el tema de la optimización de WordPress , también utilicé por primera vez webpagetest. org. En ese momento, me quedé literalmente sorprendido por los resultados. Especialmente el diagrama de cascada parece al principio una bestia de datos difícilmente asible y ordenadora: Los colores, los números, la longitud de las barras, su orden, todo tiene un significado.

Por lo tanto, los gráficos también pueden decirle muchas cosas valiosas sobre tu sitio . Si sabes qué buscar.

Hoy le mostraré cómo puede utilizar tres sencillos trucos para capturar datos clave importantes tus tiempo de carga de la página de un vistazo y así optimizar WordPress en los lugares adecuados.

Específicamente, te lo mostraré:

  • cómo reconocer un servidor web lento
  • cómo reconocer las imágenes sin comprimir y los archivos demasiado grandes
  • cómo saber si el servidor tu soporta HTTP/2

Imitación recomendada

Gran parte de los datos que les muestro hoy provienen de webpagetest.org. Los gráficos de cascada de esta herramienta son especialmente complejos, pero también proporcionan mucha información sobre tu sitio .

Si quiere seguir los resultados de la prueba, sólo tiene que hacer clic aquí y consultar los datos completos en Webpagetest.

Si quiere optimizar la propia tu sitio con la ayuda de un análisis de Webpagetest tiene que tener en cuenta que cada ejecución de la prueba es sólo una instantánea. Si realmente quieres resultados fiables, te aconsejo que hagas al menos tres pruebas. De este modo, se reduce la posibilidad de medir valores atípicos y se obtiene una mejor base de datos para tomar decisiones importantes.

OptimizarWordPress  - Diagrama de cascada
Este es sólo el primer tercio del diagrama de cascada de raidboxes.de. Y ya aquí queda claro que el diagrama no es fácilmente penetrable.

Cómo reconocer un servidor web lento

El valor más importante para evaluar el tiempo de respuesta del servidor tu es el llamado Tiempo al Primer Byte (TTFB). El TTFB es el tiempo que pasa hasta que se descarga el primer byte de datos del servidor web. Durante este tiempo no pasa nada. Al menos nada que los visitantes de tu puedan percibir como una carga de página. Por lo tanto, es importante mantener el tiempo del primer byte lo más bajo posible.

Mira la primera consulta tu Diagrama de cascada. Debe ser lo más breve posible. Preferiblemente menos de 200 milisegundos.

La primera solicitud tus página web debe ser lo más breve posible. Mejor por debajo de 200 ms.

Este ejemplo ilustra lo que quiero decir: antes de que Migración llegara a nosotros, el sitio de este cliente tenía un TTFB de más de 3,5 segundos en algunos casos. Después de la Migración estaba muy por debajo de los 200 ms. Especialmente el área azul pálido de la primera solicitud ha disminuido masivamente.

Antes:

OptimizarWordPress  - Ejemplo para un tiempo extremadamente largo hasta el primer byte

Con RAIDBOXES:

OptimizarWordPress  - Tiempo hasta el primer byte con RAIDBOXES

Por lo tanto, si usted mide regularmente un tiempo muy alto para el primer byte en sus proyectos de WordPress , una medida de optimización sería cambiar de hosters o actualizar el plan de alojamiento de tu en consecuencia.

Detectar imágenes y recursos demasiado grandes

Cada línea tu diagrama de cascada representa una llamada solicitud. Se trata de una petición del navegador al servidor web. Esta solicitud incluye la descarga de paquetes de datos, por ejemplo, imágenes. En el ejemplo siguiente, la parte púrpura de las barras corresponde al tiempo de descarga.

OptimizarWordPress  - detectar las imágenes demasiado grandes

Como puede ver, las imágenes de este sitio tardan mucho en cargarse: casi 12, tres y casi nueve segundos. Una clara indicación para las imágenes sin comprimir.

Las largas barras moradas son una clara indicación de la falta de compresión de la imagen.

El Webpagetest muestra exactamente qué recurso está involucrado en cada solicitud. Así que puedes averiguar fácilmente qué imagen es demasiado WordPress sitio grande y debe ser optimizada.

Por supuesto, esto también se aplica a todos los demás tipos de archivos que muestra Webpagetest. Por ejemplo, CSS y JavaScript. Estos archivos también se pueden comprimir, lo que reduce el tiempo de carga tus sitio una vez más.

Reconocer HTTP/2

Si quiere saber si los proyectos de tu WordPress se benefician del estándar extra rápido HTTP/2, puede averiguarlo con sólo echar un vistazo al diagrama de cascada.

Si las solicitudes tus sitio se procesan en paralelo, entonces HTTP/2 está activo.

Y esta mnemotecnia ya aclara muy bien lo que hace realmente HTTP/2. Si tu sitio está encriptado con SSL, entonces HTTP/2 permite que se procesen simultáneamente varias solicitudes del servidor web. Esto reduce el tiempo total de carga.

Aquí una vacía sin WordPress sitio SSL:

Optimizar WordPress - El diagrama de cascada de un sitio en  WordPress sin HTTP/2

Y aquí lo mismo sitio con certificado SSL, así también con HTTP/2:

Optimizar WordPress - El diagrama de cascada de un sitio vacío en WordPress  con HTTP/2

Verá: en el primer caso, las solicitudes individuales se cargan una tras otra. En el segundo caso, sin embargo, la mayoría se cargan simultáneamente.

Hay que admitir que no hay ninguna opción de optimización en WordPress . Lo mejor es preguntar a su proveedor de alojamiento si se utiliza HTTP/2.

Conclusión: ¡No tengas miedo del diagrama!

Con un poco de práctica y el conocimiento adecuado se puede sacar mucha información de un diagrama de cascada. Puede ver si su sitio se beneficia de ciertas tecnologías, la velocidad de reacción de su servidor web y si hay frenos de tiempo de carga ocultos en su sitio. Así que si quieres analizar y optimizar tus WordPress páginas exhaustivamente, no hay manera de evitar los diagramas de cascada.

¿Conoces más trucos para identificar rápidamente los frenos típicos del tiempo de carga? Entonces, ¡déjame siempre a mí!

RAIDBOXER desde el inicio y Jefe de Apoyo. En el bar y WordCamps le gusta hablar de PageSpeed y del rendimiento de los sitios web. La mejor manera de sobornarlo es con un expreso o un pretzel bávaro.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

La dirección de correo electrónicotu no se publicará. Los campos obligatorios están marcados con *.