Todos los tiempos de carga firmemente a la vista: El marco de rendimiento WordPress

Jan Hornung Última actualización 21.10.2020
6 min.
La página web RAIDBOXES WordPress  -Performance-Framwork
Última actualización 21.10.2020

Las comprobaciones de rendimiento requieren mucho tiempo. Especialmente si se optimiza no sólo una, sino varias páginas. Por tanto, hay que tener claro qué medidas de optimización merecen la pena y con qué se lucha contra los molinos de viento. Y, por supuesto, hay que tener una visión de conjunto. Hoy en día tengo un marco en el equipaje, con el que puede registrar exactamente todas las medidas de optimización tu y determinar con precisión las medidas que realmente benefician el tiempo de carga tus sitio web.

Si Webpagetest, Google Test My Site o Google PageSpeed Insights - Mientras tanto, como webmaster tiene a su disposición toda una serie de herramientas con las que puede medir con detalle el tiempo de carga de las páginas web de tus . En particular, las herramientas de Google Test My Site (para páginas móviles) y PageSpeed Insights(para versiones móviles y de escritorio) le ofrecen consejos e instrucciones tangibles con los que puede reducir el tiempo de carga de las páginas web tus : Configurar la caché, redimensionar las imágenes, minimizar los archivos CSS.

Lo mismo ocurre con las herramientas de monitorización que registran las puntuaciones de PageSpeed y los tiempos de carga tus a intervalos regulares.

Así que te pones a aplicar todas las medidas habituales de forma minuciosa y, al final, descubres que tu sitio se carga ahora significativamente más rápido. Muy agradable. ¿Pero qué medida fue la más importante al final?

Lo sabemos por experiencia: No todas las medidas de optimización tienen sentido

En más de 450 análisis de rendimiento detallados, hemos hecho la experiencia de que no siempre se abordan los problemas realmente relevantes. Resultado: Por ejemplo, se gasta mucho tiempo y dinero en la instalación de una CDN, aunque finalmente no aporte ninguna ventaja de rendimiento (por ejemplo, porque los visitantes proceden exclusivamente de España ). Por lo tanto, se pueden ahorrar algunas intervenciones e invertir el tiempo de forma más sensata.

Para ello, hemos creado un pequeño marco interno que utilizamos para comprobar los resultados de nuestras propias optimizaciones de rendimiento. Con él, podemos seguir exactamente qué medidas de optimización han conducido a qué resultados. Y también lo utilizamos para medir la influencia de Plugins y Themes en el rendimiento de la página. 

Así que hoy voy a mostrarte

Con una mejor clasificación del rendimiento de WordPress y un aumento de la tasa de conversión

El hecho de que la velocidad de carga de un sitio web sitio sea un factor de clasificación ya fue confirmado oficialmente por Google en 2010 y, por lo tanto, es realmente antiguo. Cuanto más rápido sea sitio , mejor será su clasificación.

Suena trillado, pero hay que interiorizarlo.

El propio Google recomienda, por ejemplo, como valor ideal para el Tiempo hasta el primer byte (TTFB), es decir, el tiempo hasta que el servidor responde, es de 200 milisegundos.

RAIDBOXES WordPress   Mensaje de error del marco de rendimiento de Google PageSpeed Insights con respecto a TTFB
Este mensaje de Google PageSpeed Insights sólo se mostrará si el TTFB tus sitio es inferior a 200 milisegundos.

La correlación entre el tiempo de carga de un sitio web y el ranking en Google también fue demostrada de forma independiente por Moz, uno de los grandes actores americanos del SEO, en 2013. En estos dos estudios, los colegas encuentran una fuerte correlación entre la clasificación y la TTFB:

Curiosamente, los estadounidenses no pudo encontrar un conexión entre el tiempo total de carga de sitio y el Pagerank! Así que ya ves: no todas las medidas de optimización dan sus frutos directamente en el posicionamiento en buscadores.

El rendimiento concreto de WordPress es especialmente relevante para los negocios en línea.

El tema de la velocidad de la página también es de enorme importancia para los negocios en línea fuera de los motores de búsqueda. Porque el rendimiento de WordPress influye en las tasas de conversión y en el comportamiento de los usuarios.

0,1 segundos más = 1 por ciento menos de facturación

Ya en 2006, Amazon determinó mediante pruebas A/B que 100 milisegundos de retraso en la carga pueden suponer una pérdida media del 1% de las ventas. Un segundo de retraso supone una pérdida de ingresos de 1.600 millones de dólares al año para Amazon.

De este modo, este principio se aplica a todos los comercios de forma simplificada: Si el comprador tiene que esperar demasiado tiempo en sitio , la probabilidad de compra se reduce. La herramienta de Google Probar mi sitio ya lo tiene en cuenta en su máscara de entrada con el dicho

"La mayoría de los sitios pierden la mitad de sus visitantes durante la carga".

Raidboxes wordpress performance framework la página de inicio de google prueba mi sitio
Además del dicho, Google Test my Site también arroja un valor que muestra la probabilidad de que los usuarios reboten de un sitio porque se carga demasiado lento.

También para el contenido se aplica: Cuanto más lento es el sitio, menos se lee.

En 2016, el Financial Times probó cómo reaccionan los lectores ante un retraso de uno a cinco segundos en el tiempo de carga.

Se comprobó que cuanto más lento era sitio , menos artículos leían los visitantes por visita. Así, tanto los ingresos por suscripciones como los publicitarios se vieron afectados por un ritmo demasiado lento sitio.

La conclusión de la casa de medios: medio año después, el sitio web fue completamente revisado, centrándose en el tiempo de carga de la página. Así, el rediseño de un sitio web y su optimización del tiempo de carga han contribuido a impulsar el negocio editorial principal.

Esta conexión también es evidente en el negocio de los servicios

Y también para los proveedores de servicios, los tiempos de carga de su propio sitio web son importantes. Así lo demuestra, por ejemplo, el caso del desarrollador de software canadiense Intuit.De 2012 a 2013, el proveedor pudo mejorar el tiempo de carga de su sitio en más de nueve segundos.

Y esta optimización también tenía ventajas comerciales tangibles: Cuando el tiempo de carga del sitio web seguía siendo de más de siete segundos, la tasa de conversión podía aumentar en tres puntos porcentuales con cada segundo de reducción. Incluso cuando la velocidad de carga estaba ya por debajo de los cuatro segundos, cada segundo de mejora añadía un punto porcentual a la tasa de conversión.

Resumamos: Para las tiendas, los editores y los proveedores de servicios, el tiempo de carga del sitio web tiene un impacto demostrable en las tasas de conversión. Por no hablar de su relevancia como factor de clasificación.

Se cree que la razón es la percepción del usuario. Estas contribuciones muestran ejemplos impresionantes:

Por eso es importante no entrar en combates de boxeo en la sombra cuando se trata de la optimización del rendimiento, sino optimizar realmente donde se puede impactar positivamente en la percepción del visitante del sitio.

Mantener una visión general, identificar los tornillos de ajuste: Esto es lo que nuestra herramienta

Así que, después de todos los hechos y cifras, ahora algo tangible. Por cierto, puedes acceder al framework a través de una de las máscaras de entrada de este post.

Pero, ¿cuáles son los beneficios concretos del marco?

Mientras optimizábamos y analizábamos cientos de páginas de WordPress , nos dimos cuenta de que las herramientas de análisis GTmetrix y Webpagetest crean un historial de pruebas, pero que rápidamente se vuelve muy confuso si se prueban regularmente varias páginas.

Por ejemplo, descubrimos que, especialmente para las páginas delgadas, Plugins, que comprime CSS y JavaScript, no siempre tiene sentido. Al menos no si el sitio se ejecuta bajo SSL y utiliza HTTP/2. Así que puede ahorrarse el esfuerzo en este punto por completo o, al menos, dejar las medidas en un segundo plano.

Nuestro marco se basa en la herramienta de hoja de cálculo de Google. Nosotros mismos utilizamos una variante semiautomatizada, en la que las pruebas se realizan automáticamente con Webpagtest.

Quién puede utilizar el marco de rendimiento

Especialmente para los SEOs, agencias, diseñadores y consultores tiene sentido tener muchas páginas a la vista al mismo tiempo. Aquí es también donde vemos el mayor beneficio: Con el marco, puede probar diferentes medidas directamente entre sí y averiguar sistemáticamente qué aporta ventajas y qué no.

Cómo utilizar el marco de rendimientoRAIDBOXES

El nombre es un poco voluminoso, pero el uso es bastante sencillo:

Paso 1: Buscar la herramienta de medición y recoger los datos básicos

Como punto de partida, se recogen todos los tiempos de carga tus sitio y se registran en la tabla. Para ello puede utilizar las herramientas Webpagetest, GTmetrix o Pingdom. Recomendamos Webpagetest. La herramienta de Google simplemente ofrece la mejor configuración para una medición realmente buena.

Asegúrese de seleccionar la hoja de cálculo correcta para la prueba que está utilizando. Independientemente de la herramienta que utilices, normalmente se registran los siguientes valores: Tiempo hasta el primer byte, Start Render (momento en el que comienza la construcción de la página visible) y el tiempo de carga (la rapidez con la que se carga sitio según la percepción de los usuarios de tus ). Valores como el tiempo de carga percibido son calculados automáticamente por la herramienta.

También es importante que anote la URL de la página y la fecha de medición.

Paso 2: Optimizar y medir de nuevo

Ahora realiza la medida de optimización tu (por ejemplo, comprimir las imágenes tu ), realiza otra medida con la misma herramienta e introduce los valores en los campos correspondientes. El marco calcula ahora automáticamente si los valores individuales han cambiado, y en caso afirmativo, en qué medida. Por supuesto, es importante que no se realicen otros cambios en la página web sitio .

Eso es todo. Eso es todo lo que hay que tener en cuenta. Aunque en este punto tenemos un consejo más:

Es importante que siempre realice varias mediciones. Sólo así, y calculando los valores medios, se llegará a unos valores razonablemente fiables. Los colegas de HootProof explican por qué en su gran "WordPress -Optimization-Guide". En nuestro artículo sobre el uso de Webpagetest o en nuestro libro electrónico sobre el rendimiento, también mostramos cómo puede producir de forma fiable buenos valores de medición con la herramienta de Google.

Haz clic y pruébalo

Sencillo, pero potente: con el marco de trabajo no sólo se hace un seguimiento de los casos de optimización actuales de tu , sino también del rendimiento de los proyectos de tus que se ejecutan en WordPress . Esto tiene sentido sobre todo si gestiona muchos sitios al mismo tiempo y quiere comprender mejor su proceso de optimización.

Si tiene más preguntas sobre el Marco de Rendimiento, deje un comentario o envíeme un correo electrónico directamente .

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

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