PageSpeed Insights El New York Times

Por eso el New York Times sólo tiene una puntuación de 52 en PageSpeed Insights.

Algunos de los sitios de WordPress más grandes y con más éxito del mundo, como el Wall Street Journal o la revista People, tienen un rendimiento enormemente bajo en el ranking de Google PageSpeed Insights enormemente mal. Y ello a pesar de que su modelo de negocio depende de un buen rendimiento. Utilizando el New York Times como ejemplo, explico por qué puedes descuidar la puntuación de optimización de PageSpeed y qué ventaja concreta puede obtener tu WP-Business de este conocimiento.

Actualización: Google cambió su herramienta PageSpeed Insights en noviembre de 2018. Desde entonces, los datos del análisis se basan en la herramienta de código abierto Lighthouse. El nuevo PageSpeed Insights incluye aún más factores en la evaluación, por lo que muchos sitios web obtienen peores resultados en la nueva puntuación PSI que antes. Esto también se aplica a nuestro caso de estudio, el sitio web de WordPress del NYTimes: su puntuación PSI para escritorio es ahora de 46 y la puntuación para móvil es de 21. Puedes encontrar más información sobre el nuevo PageSpeed Insights en el vídeo de #SEODRIVEN, que también puedes encontrar al final de este artículo.

línea infobox azul

¿Qué hacen los sitios web de Forbes, Revista Time, El neoyorquino, Wall Street Journal, Revista People y Harvard Business Review tienen en común? Todas ellas son grandes publicaciones con un alcance de millones de personas y los correspondientes ingresos online. Y todos ellos funcionan con WordPress.

Puedes imaginar que el rendimiento es un tema candente, especialmente para publicaciones tan grandes. Cuanto mejor funcione el sitio , mejor será la señal del usuario y más gente lo leerá. La publicación se beneficia doblemente de ello:

  • Cuanto mejores sean las señales de los usuarios, más ventas de publicidad.
  • Cuantos más lectores, mejor será el número de suscriptores.

El ejemplo del Financial Times también demuestra que el rendimiento es rentable. En 2016, probaroncómo afecta al comportamiento de los lectores un retraso en el tiempo de carga de uno a cinco segundos. El resultado: cuanto más lento sea el sitio, menos artículos leerán los visitantes. El resultado: reducción de los ingresos por publicidad y menos suscripciones completadas. No es de extrañar que la optimización del tiempo de carga fuera la máxima prioridad cuando se revisó el sitio web del Financial Times medio año después.

Sin embargo, si observas los resultados que Google PageSpeed Insights escupe para las publicaciones mencionadas, a primera vista no parece que la optimización del rendimiento desempeñe un papel importante.

Puntuaciones de PageSpeed en comparación_Publicaciones


Todas las publicaciones analizadas, excepto dos, obtuvieron una puntuación de optimización móvil en el rango bueno (80-100). Sin embargo, la puntuación del escritorio es muy diferente: Las puntuaciones de PageSpeed del NY Times, HBR y la revista People son "bajas", las del WSJ, Forbes y la revista Time son sólo "medias" y sólo el New Yorker entra por los pelos en el rango de buenas.

¿Qué pasa con estos "malos resultados"?

La puntuación de PageSpeed no tiene nada que ver con la velocidad de carga

Muchos creen que la puntuación dada en PageSpeed Insight (por ejemplo, 60/100) indica la velocidad de carga de sitio . El nombre de la herramienta así lo sugiere. El nombre de la herramienta lo sugiere. Sin embargo, "PageSpeed" y "Page Speed" no son lo mismo en este caso. La puntuación de optimización que la herramienta arroja en última instancia no tiene ninguna correlación con el tiempo de carga de la página.

Lee correctamente: La puntuación de Google PageSpeed Insights denota no el tiempo de carga.

En cambio, se comprueba si el operador del sitio ha aplicado ciertas medidas que se consideran "mejores prácticas" en la optimización del rendimiento. La aplicación de estas medidas se califica en una escala de 0 a 100. 

Un segundo mito que persiste: Una buena puntuación de PageSpeed mejora la clasificación en Google de tu . Sin embargo, esto es tan poco como el caso. Sí, la velocidad de un sitio influye en la clasificación. Sin embargo, la puntuación que arroja la herramienta no es tenida en cuenta por Google (sobre todo porque, de todos modos, no se correlaciona con la velocidad). Por lo tanto, puedes ignorar en gran medida la puntuación del PSI de Google cuando se trata de SEO.

Además, el tiempo de carga de la página no es relevante para la clasificación, es decir, el tiempo que tarda un sitio en completamente carga. En su lugar, Google incluye el valor del Tiempo hasta el primer byte (TTFB) como factor. Es el tiempo que transcurre hasta que el navegador recibe la primera respuesta del servidor tras una petición HTTP. Por lo general, es una cuestión de milisegundos.

La correlación entre el TTFB y el ranking ya se pudo comprobar en 2013 (se pueden encontrar los artículos correspondientes de MOZ aquí y aquí). Por otro lado, Gary Illyes -un analista de tendencias web de Google muy respetado en la comunidad- anunció públicamente a través de Twitter que no hay que no tener que preocuparse demasiado por el tiempo de carga de la página. no hay que preocuparse demasiado.

Caso práctico: La puntuación del New York Times PageSpeed Insights

Veamos el ejemplo del New York Times. Alcanza una puntuación PageSpeed Insights de 84 ("buena") en móvil y 52 ("baja") en escritorio. Entonces, ¿qué sugiere PageSpeed Insights para mejorar el tiempo de carga? Según Google, la versión de escritorio podría beneficiarse, entre otras, de las siguientes medidas

Eliminar los recursos de JavaScript y CSS que bloquean la representación en el contenido "Above the Fold" (visible sin desplazamiento)

El trasfondo de esta sugerencia es que el JavaScript debería cargarse normalmente en el pie de página o, al menos, de forma asíncrona. Si se carga en la cabecera, esto puede provocar retrasos porque otros recursos pasan a un segundo plano. Sin embargo, en algunos casos, perjudica significativamente la funcionalidad de sitio si todas las páginas de JavaScript se encuentran en el pie de página. Por tanto, el efecto de esta medida en sitio debe examinarse caso por caso.

Y cuando los recursos CSS se cargan al final, toda la página se construye sin ningún diseño, no es exactamente una experiencia agradable para el usuario. Por supuesto, teóricamente sería posible filtrar el CSS necesario para el contenido "Above the Fold" y ponerlo en la parte superior y luego cargar el resto de la hoja de estilos en la parte inferior. Sin embargo, esto es casi imposible después, este truco tendría que ser tenido en cuenta durante el desarrollo. También significa un esfuerzo considerable para el desarrollador y, en última instancia, sólo mejora la puntuación de la velocidad de la página, pero no el tiempo real de carga de la página. Así que el esfuerzo es probablemente mejor invertido en otro lugar.

Utiliza la caché del navegador

PageSpeed Insights Almacenamiento en caché

A priori no suena mal. Pero si te fijas en las sugerencias de lo que se puede almacenar en la caché, aparecen elementos que ni siquiera están alojados en el sitio del propio NY Times. Se trata, por ejemplo, de archivos alojados por Google Analytics o Facebook e integrados en el NY Times para su seguimiento. El operador del sitio del NY Times no tiene ninguna influencia en la configuración de la caché de estos elementos, por lo que la sugerencia no sirve para nada.

Google también critica el uso de una red de distribución de contenidos (CDN), es decir, una red de servidores distribuidos por todo el mundo pero conectados entre sí. Sin embargo, son precisamente los usuarios internacionales los que se benefician de ello. En principio, una CDN es ventajosa para el rendimiento, ya que el tiempo de respuesta del servidor se reduce considerablemente y el contenido puede entregarse mucho más rápido. Y con una publicación tan relevante como el New York Times, es de suponer que los lectores de todo el mundo acceden al contenido y no quieren esperar mucho.

Optimizar las imágenes

PageSpeed InsightsImágenes

Una gran parte de las imágenes que PageSpeed Insights sugiere para su optimización sólo serían unos pocos kilobytes más pequeñas, en algunos casos sólo bytes, como resultado de la compresión. Por supuesto, el comprimir imágenes es un factor importante para optimizar el rendimiento. Sin embargo, con un ahorro tan pequeño, es dudoso que el tiempo de carga de tu mejore significativamente.

Reducir JavaScript

PageSpeed InsightsJava Script

Aquí se pueden ahorrar un total de 72 kilobytes. sitio Está por ver si esto supone una diferencia fundamental para un sitio web tan grande como el New York Times.

Reducir el HTML

PageSpeed Insights_HTML

Al igual que con las imágenes y los archivos JavaScript, el potencial de ahorro propuesto es mínimo y, por tanto, poco convincente.

Algunas de las medidas sugeridas por la herramienta son probablemente antieconómicas, y otras sólo implicarían cambios tan marginales que no merece la pena utilizarlas. La conclusión es aleccionadora: PageSpeed Insights arroja todo tipo de sugerencias de mejora. Sin embargo, no todas ellas conducen a una mejora significativa del rendimiento del NY Times. De lo contrario, podríamos suponer que ya se habrían puesto en práctica; al fin y al cabo, el rendimiento influye directamente en el éxito del modelo de negocio.

PageSpeed Insights-La puntuación sigue siendo un problema de los clientes

En el mundo profesional, la total discrepancia entre la puntuación de PageSpeed y la velocidad de carga ha provocado un acalorado debate. Al fin y al cabo, la herramienta también está a disposición de los profanos, que no necesariamente son conscientes de esta discrepancia. Aportaciones de respetados gurús del marketing online como ésteque dicen que una puntuación de PageSpeed de 100 equivale a un tiempo de carga rápido, aumentan la confusión.

Una y otra vez, los promotores informan de llamadas de clientes muy inquietos que se quejan de que todo es rojo y naranja en PageSpeed Insights y piden que se apliquen todas las medidas propuestas. La conclusión es que la herramienta suele hacer perder el tiempo dos veces: en la optimización, cuando se aplican sugerencias sin sentido, y en la comunicación, cuando se explica al cliente por qué no tienen sentido.

La puntuación de PageSpeed Insights puede mejorar si reduces el tamaño de las imágenes y el HTML en unos pocos KB. Sin embargo, el rendimiento se beneficia sobre todo de medidas que la herramienta PageSpeed Insights ni siquiera sugiere. La optimización del rendimiento profesional es, en definitiva, algo más que orientarse a una sola cifra clave. Así lo demuestra también el relanzamiento del Financial Times: un rediseño integral de sitio suele formar parte de esfuerzos de optimización más amplios.

Me preocupan sobre todo las zonas de mucho tráfico. Por supuesto, los sitios web más pequeños deben asegurarse primero de que se adhieren a las "mejores prácticas" básicas. Sin embargo, a partir de cierto umbral, hay que hacer cambios masivos en las páginas para aumentar el rendimiento en absoluto, por ejemplo, cambiar a un buen hoster o una revisión fundamental de la arquitectura de la página. Esto debe quedar claro para ti y para tus clientes.

Argumentos para la optimización del rendimiento real

La incertidumbre sobre la puntuación de PageSpeed Insights ofrece una buena oportunidad para las agencias de diseño en particular: porque si reconoces la conexión entre la velocidad de carga y el negocio y sabes cómo utilizarla, te distingues de la competencia. Las cifras concretas y los estudios de casos, como el ejemplo del NY Times, te ayudan a convencer a los clientes actuales y potenciales:

  • En 2006, Amazon realizó pruebas A/Bque demostró que un retraso de 100 milisegundos en la velocidad de carga suponía una pérdida de ingresos del 1% al año, o lo que es lo mismo, 1.600 millones de dólares.
  • Estudios muestran que en los últimos años la capacidad de atención media de los usuarios ha disminuido de 12 a 8 segundos. Así, una vez que un sitio web se carga durante cinco segundos, sólo quedan tres para convencer al usuario del contenido. (La validez de estos datos es discutidapero estás en el lado seguro sitio si asumes que los usuarios tienden a pasar menos y no más tiempo en tu contenido).
  • Especialmente en el caso de las páginas para móviles, la velocidad de carga es muy relevante para los negocios. En el comercio electrónico, el tiempo de carga tiene un impacto fundamental en las ventas: si sitio es demasiado lento, más de la mitad de los clientes prefieren dejar su dinero en otro sitio. El 53% de los usuarios se retira si sitio tarda más de tres segundos en cargar en un teléfono móvil. Y por cada segundo que un sitio móvil tarda en cargarse, el operador del sitio pierde un 20% de conversiones. Y no hay que descuidar el tráfico móvil: La media el tiempo que se pasa en Internet a través de dispositivos móviles dispositivos es ya de unos 87 minutos, y el smartphone tiene El smartphone ha superado al portátil como el dispositivo de Internet más utilizado..

Cómo conseguir que los clientes de tu ignoren la puntuación de PageSpeed Insights

Entonces, ¿cómo ayudas a tus clientes a clasificar correctamente la clasificación de Google PageSpeed Insights y a dar menos importancia a la herramienta? Aquí tienes un resumen de los argumentos más importantes:

  • La puntuación de PageSpeed no tiene nada que ver con la velocidad de carga, sino que evalúa si se han implementado ciertas medidas comúnmente recomendadas. No todas estas medidas tienen sentido. Puedes ofrecer a tus clientes que los revisen en detalle y pongan en práctica los que consideres útiles.
  • La puntuación de PageSpeed no es relevante para el SEO. Para la clasificación, se tiene en cuenta el tiempo hasta el primer byte (TTFB), no el tiempo de carga completo. Puedes medir este valor, por ejemplo, con la herramienta Webpagetest herramienta. En nuestro libro electrónico se explica cómo analizar correctamente el tiempo real de carga de la página con Webpagetest.
  • La herramienta PageSpeed Insights sólo comprueba los factores de acceso "público". Por ejemplo, la herramienta no puede ver cómo está la base de datos (y eso es bueno por razones de seguridad). Con una base de datos ordenada, un tema magro que no envíe demasiadas peticiones HTTP al servidor, y el menor número posible de plug-ins, el tiempo de carga de tu gana considerablemente. Sin embargo, estos factores no se tienen en cuenta en PageSpeed Insights . Esto significa que los sitios de WordPress que realmente tienen un buen rendimiento siguen recibiendo malas puntuaciones.
  • PageSpeed Insights no incluye todas las medidas de optimización del rendimiento. Haz que los clientes de tu sean conscientes de la importancia de un buen hoster que trabaje con HTTP/2 y la última versión de PHP. Si el alojamiento no es bueno, puedes optimizar sitio tanto como quieras, el tiempo de carga no cambiará fundamentalmente.

Centrarse sólo en la puntuación de PageSpeed es como entrar en una carrera de Fórmula 1 con un caballo. Aunque tiñas el pelaje de tu caballo de rojo y le afeites el logotipo de Ferrari en el flanco, no dejarás atrás a los coches de carreras motorizados.

Conclusión

Puede que Forbes, Time Magazine o el New York Times no tengan los sitios web más atractivos visualmente, pero están entre los WordPress sitios más exitosos del mundo. Esto se debe a que el diseño, la función y la velocidad trabajan juntos para promover una experiencia general armoniosa.

Sin embargo, la puntuación de PageSpeed Insights no lo refleja. Desafía regularmente a los desarrolladores a explicar a los clientes preocupados que su sitio web es no desaparecer en las profundidades de los resultados de búsqueda si el veredicto de la herramienta es "pobre". El El tiempo de carga de un sitio depende de un gran número de factores, y muchos de ellos no se reflejan en herramientas simplistas como Google PageSpeed Insights .

¡Nunca debe faltar una medición real del tiempo de carga!

Al trabajar con Google PageSpeed Insights , es aconsejable, por las razones mencionadas anteriormente, examinar críticamente las sugerencias para su rentabilidad y comparar los resultados de la prueba con otros valores (por ejemplo, con los de Webpagetest o Pingdom).

Quien finalmente decida aplicar la aplicar las medidas propuestasdebería en todo caso medir el tiempo de carga real antes y después para poner a prueba la eficacia de las optimizaciones (por ejemplo con nuestro marco de rendimiento).

En definitiva, la herramienta señala algunas medidas estándar (comprimir imágenes, utilizar SSL y/o HTTP/2, configurar la caché, etc.). Sin embargo, para una buena experiencia de usuario, lo más importante es el diseño de las páginas, la presentación optimizada en tiempo de carga (que la herramienta PageSpeed no mide) y la optimización de la UX.

¿Has tenido alguna vez la experiencia de una mala puntuación de PageSpeed? ¿O conoces las consultas interesadas de los clientes sobre este tema? No dudes en dejarme un comentario con tus experiencias y consejos.

El nuevo PageSpeed Insights

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

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