Speed Kills: cómo auditar y mejorar la velocidad y el rendimiento de su sitio web
Publicado: 2017-10-17Ya ha realizado todo este SEO y optimización de conversión en su sitio de WordPress.
Obtiene vínculos de retroceso, su contenido es excelente, sus páginas están optimizadas, obtiene reseñas, tiene una llamada a la acción convincente y tiene muchos listados de negocios precisos. Su sitio web es precioso. ¡Una obra de arte, de verdad!
...pero la aguja no se mueve. ¿Por qué? La explicación puede ser más sencilla de lo que piensas. Su sitio es probablemente lento.
La baja velocidad del sitio es realmente muy común. Incluso el equipo aquí en Vendasta ha experimentado este problema de primera mano. Hemos estado luchando contra los problemas de velocidad de nuestro sitio desde hace algún tiempo y hemos progresado... pero hablaré de todo eso más adelante.
Veo este problema todo el tiempo entre los vendedores y las agencias de marketing. Somos los que se supone que debemos "captarlo" y ser los primeros en adoptar las mejores prácticas, como la optimización de la velocidad de la página del sitio web. Sin embargo, la herramienta PageSpeed Insights de Google dice lo contrario acerca de muchos de nuestros magníficos sitios web optimizados para SEO y cargados de contenido.
Todos tenemos que hacerlo mejor.
Es por eso que estás leyendo esto ahora mismo, ¡así que vamos a ello!
Tabla de contenido
¿Qué es la velocidad de la página?
Cómo determinar la velocidad y la puntuación de su página
¿Por qué importa la velocidad de la página?
1. La velocidad mata la experiencia de usuario
2. La velocidad mata al SEO
3. La velocidad mata las conversiones
¿Cómo puede hacer que su sitio web se cargue más rápido? 8 tácticas
4 estudios de casos de velocidad del sitio
Cómo hacer su auditoría y optimización de la velocidad del sitio
1. Obtenga una línea de base para graficar los resultados
2. Trabajar a través de los 8 pasos
3. Obtenga ayuda cuando sea necesario
4. Manténgase comprometido con la velocidad del sitio en el futuro
Cómo aprovechar la velocidad del sitio para aumentar las ventas
¿Qué es la velocidad de la página?
La velocidad de la página es la cantidad de tiempo que tarda el contenido de la página de un sitio web en cargarse por completo. En un mundo donde la gente espera resultados instantáneos, más rápido es mejor.
De hecho, casi la mitad de los usuarios de Internet esperan que un sitio se cargue en 2 segundos o menos, y tienden a abandonar un sitio que no se carga en 3 segundos, según encuestas realizadas por Akamai y Gomez.com.
Lectura relacionada: 58 estadísticas espeluznantes para sitios web
Entonces, 3 segundos es la velocidad mínima que toleraría el visitante promedio. ¿El sitio web típico está a la altura de la tarea? Pingdom utilizó a sus propios clientes como fuente de datos y descubrió que, para ellos, la respuesta era un rotundo NO.
Entre los clientes de Pingdom, el tiempo promedio de carga de páginas web de 3Mb fue de 5 segundos. Demasiado lento.
Los estándares que muchos han estado usando para el tiempo de carga de la página provienen de un estudio realizado por Geoff Kenyon, donde compara la velocidad del sitio web con el resto de la web:
- si su sitio carga en 5 segundos, es más rápido que aproximadamente el 25% de la web
- si su sitio se carga en 2,9 segundos, es más rápido que aproximadamente el 50% de la web
- si su sitio se carga en 1,7 segundos, es más rápido que aproximadamente el 75% de la web
- si su sitio se carga en 0,8 segundos, es más rápido que aproximadamente el 94% de la web
Entonces, ¿cómo puede determinar cómo se acumula su sitio web?
Cómo determinar la velocidad y la puntuación de su página
Aquí le mostramos cómo medir cómo su sitio web se compara con las expectativas actuales de los usuarios que discutimos anteriormente:
- Ingrese a los informes de velocidad del sitio de Google Analytics de su sitio web. Esto le dará una idea del rendimiento de su sitio durante varios períodos de tiempo y la velocidad de carga de cada una de sus páginas.
- Ingrese la URL de su sitio en la herramienta PageSpeed Insights de Google. Esto le dará un informe sobre el rendimiento de la velocidad de su sitio web en dispositivos móviles y computadoras de escritorio. El informe viene con algunas acciones recomendadas que puede tomar para mejorar la velocidad de su sitio.
- Verifique la prueba de velocidad del sitio web de Pingdom para averiguar la velocidad, el rango y el porcentaje más rápido que el promedio de los sitios web probados de Pingdom
- GTMetrix proporcionará una visión integral del estado de optimización de la velocidad de su sitio.
Nota: No se desconcierte cuando vea diferentes tiempos de velocidad en Pingdom y Gtmetrix. Como Pingdom le mostrará el tiempo de carga (el tiempo que se tarda en mostrar el primer resultado de su sitio web; eso es lo que cuenta Google y usted también debería hacerlo) y GTmetrix le mostrará el tiempo de carga total (el tiempo que se tarda en mostrar la página completa cuando está llena). funcionalidad en ejecución). Para una mayor comprensión, siempre es bueno ver la cascada de velocidad de ambas herramientas.
Como parte de la auditoría de la velocidad de su sitio (lo explicaré con más detalle a continuación), utilizará estas herramientas para realizar un seguimiento de su progreso de optimización.
Lectura relacionada: Cómo acelerar su sitio móvil de WordPress
¿Por qué importa la velocidad de la página?
Cerrar la brecha entre las expectativas del usuario (2 segundos) y el tiempo promedio de carga del sitio web (5 segundos) es el objetivo de la optimización de la velocidad de la página y las tácticas que describiremos más adelante. Pero, ¿por qué importa exactamente la velocidad de la página? Todo se reduce a 3 razones principales interconectadas:
1. La velocidad mata la experiencia de usuario
La experiencia del usuario es probablemente la razón más importante por la que debería preocuparse por la velocidad del sitio web, por lo que comenzaremos aquí.
La gente ya no tiene paciencia para los sitios web de carga lenta. Al principio, solo conectarse a Internet requería una tolerancia que ya no existe.
¿Eres lo suficientemente mayor para recordar este dulce sonido?
Hoy en día, las personas están constantemente en línea y tienes 3 segundos como máximo para mostrar tu página o se van. Más de 3 segundos crean una experiencia de usuario deficiente y el listón seguirá subiendo en el futuro.
En su charla sobre los "10 principios dorados de las aplicaciones web exitosas", el empresario y bloguero Fred Wilson señala que,
“La velocidad es la característica más importante. Si su aplicación es lenta, la gente no la usará. Veo esto más con los usuarios principales que con los usuarios avanzados. Creo que los usuarios avanzados a veces tienen un poco de simpatía por los desafíos de crear aplicaciones web realmente rápidas, y tal vez estén dispuestos a vivir con eso, pero cuando miro a mi esposa e hijos, son mi visión general de el mundo. Si algo es lento, simplemente se han ido”.
La forma más fácil de pensar en esto es cómo navega por los sitios web y cuáles son sus expectativas para la mayoría de los sitios. ¿Te sientas ahí y toleras tiempos de carga lentos? ¿Cuál es su impresión de un sitio web que tarda una eternidad en cargarse?
Lectura relacionada: Guía de 10 pasos para principiantes para crear sitios web para pequeñas empresas
2. La velocidad mata al SEO
La experiencia del usuario es en realidad la fuerza impulsora detrás de las implicaciones SEO de la velocidad del sitio.
Edwin Toonen de Yoast explica,
“La última investigación de Google muestra que la posibilidad de un rebote aumenta un 32% cuando el tiempo de carga de la página pasa de 1 a 3 segundos. 1s a 5s aumenta la probabilidad al 90% y si su sitio tarda hasta 10s en cargarse, la probabilidad de rebote aumenta al 123%. Eso es increíble. Para los motores de búsqueda, mejores resultados y rendimiento es una señal de un sitio saludable que complace a los clientes y, por lo tanto, debe ser recompensado con una clasificación más alta”.
Si bien Google ha tardado en revelar oficialmente si los sitios web lentos recibirían degradaciones de clasificación, parece que esos días están llegando. Debe asegurarse de que su sitio web y los sitios web que administra estén listos.
3. La velocidad mata las conversiones
El efecto de la velocidad de su sitio en las conversiones es lo que realmente debería llamar su atención. ¿Cómo puedes mover a las personas a través de tu embudo si cada paso lleva una eternidad? Tus superfans lo harán, pero esas personas nuevas y vacilantes que son propensas a los remordimientos de los compradores se recuperarán.
Por ejemplo, SOASTA realizó recientemente un estudio sobre uno de sus clientes mPulse, un minorista en línea líder que disfruta de una cantidad significativa (4,5 millones de sesiones) de tráfico móvil.
Estos fueron sus hallazgos clave:
- En términos de conversiones, el punto óptimo de rendimiento fue de 2,4 segundos.
- Las páginas que eran solo un segundo más rápidas experimentaron un aumento de la tasa de conversión del 27 %.
- A los 4,2 segundos, la tasa de conversión promedio cayó por debajo del 1%
- En la marca de 6 segundos, la tasa de conversión móvil comienza a estancarse
Fuente de la imagen: SOASTA
Las implicaciones son bastante claras. Los tiempos lentos de carga de la página dañan la tasa de conversión. Entonces, el razonamiento deductivo al estilo de Sherlock indicaría que centrarse en aumentar la velocidad del sitio debería aumentar la tasa de conversión.
Veamos si podemos hacer que eso suceda.
¿Cómo puede hacer que su sitio web se cargue más rápido? 8 tácticas
Acelerar su sitio no será necesariamente fácil. Si tiene un sitio pequeño y liviano, es posible que solo deba probar un par de tácticas en esta lista.
Sin embargo, los sitios grandes y antiguos con mucho código y contenido pueden requerir cierta persistencia y la implementación de varias tácticas en la siguiente lista.
Aquí es donde empezar:
1. Aproveche el almacenamiento en caché del navegador:
Cuando visita sitios, su navegador a menudo almacena en caché las páginas del sitio para acelerar el tiempo de carga.
El almacenamiento en caché del navegador almacena los archivos de recursos de la página web en una computadora local cuando un usuario visita una página web, por lo que aprovechar el almacenamiento en caché del navegador es cuando les indica a los navegadores cómo deben tratar sus recursos.
Las cosas pueden ralentizarse cuando la respuesta de su servidor no incluye encabezados de almacenamiento en caché o si se especifica que los recursos se almacenen en caché solo por un período breve.
Aprovechar el almacenamiento en caché cargará sus páginas mucho más rápido para los visitantes habituales, al igual que otras páginas que comparten esos mismos recursos.
Nota: Maddy Osman, estratega de contenido de SEO, señala que “W3 Total Cache es excelente para esto, pero está prohibido en ciertos hosts (como GoDaddy). Necesita una mano experta para configurar para que no rompa su sitio web ".
Aquí está cómo hacerlo
2. Optimizar imágenes:
Si las imágenes se cargan más rápido, su sitio se carga más rápido y punto. Google señala que “...las imágenes a menudo representan la mayor parte de los bytes descargados en una página. Como resultado, la optimización de imágenes a menudo puede generar algunos de los mayores ahorros de bytes y mejoras de rendimiento”.
Esto significa que puede obtener grandes mejoras cuando las imágenes en sus páginas se pueden optimizar para reducir el tamaño de archivo sin afectar significativamente su calidad visual.
Aquí está cómo hacerlo
3. Minimice HTML, CSS y JavaScript:
La minimización elimina los caracteres innecesarios que no son necesarios para que se ejecute el código.
Las fuentes de datos redundantes que puede eliminar incluyen comentarios y formato de código, eliminación de código no utilizado, uso de nombres de funciones y variables más cortos, y más.
Aquí está cómo hacerlo
4. Habilite la compresión gzip:
La compresión Gzip reduce drásticamente el tamaño de los archivos enviados desde su servidor cuando alguien visita su sitio web. Esto acelerará las cosas considerablemente.
Según GTMetrix,
“La razón por la que gzip funciona tan bien en un entorno web es porque los archivos CSS y HTML usan mucho texto repetido y tienen muchos espacios en blanco. Dado que gzip comprime cadenas comunes, ¡esto puede reducir el tamaño de las páginas y las hojas de estilo hasta en un 70%!”
Aquí está cómo hacerlo
5. Reduzca el tiempo de respuesta del servidor:
El tiempo de respuesta del servidor es la cantidad de tiempo que tarda un servidor web en responder a una solicitud de un navegador. Este es un problema clave que debe abordarse, porque si el tiempo de respuesta de su servidor es lento, sus páginas se mostrarán lentamente, sin importar qué tan optimizadas estén sus páginas para la velocidad.
Google dice que debe reducir el tiempo de respuesta de su servidor a menos de 200 ms. Entonces, ¿cómo haces que esto suceda?
Aquí está cómo hacerlo
6. Evite los redireccionamientos a la página de destino:
Su sitio realmente puede ralentizarse cuando tiene más de una redirección desde la URL dada a la página de destino final. Esto desencadena un bucle de redirección que lleva tiempo procesar.
Aquí hay algunos ejemplos de redireccionamientos que pueden ralentizar las cosas:
example.com → m.example.com/home: penalización de varios viajes de ida y vuelta para usuarios móviles.
ejemplo.com → www.ejemplo.com → m.ejemplo.com: experiencia móvil muy lenta.
Aquí está cómo hacerlo
7. Prioriza el contenido visible:
Este es el mensaje exacto que obtendrá de la herramienta PageSpeed de Google cuando se requieran viajes de ida y vuelta adicionales a la red para representar el contenido de la página superior.
Este contenido "en la mitad superior de la página" es lo que ve en un escritorio o dispositivo cuando visita una página. Por lo tanto, priorizar el contenido visible es la recomendación de que priorice las cosas para que los elementos esenciales de su página se carguen primero (y rápidamente) para los usuarios y que difiera los elementos secundarios de la página, como complementos para compartir en redes sociales, javascript de análisis, etc.
Aquí está cómo hacerlo
8. Elimine JavaScript y CSS que bloquean la representación en el contenido de la mitad superior de la página:
Los recursos de JavaScript y CSS a menudo evitan que su página se muestre hasta que estén completamente cargados. Esto suele ser una buena idea, ya que la visualización prematura del contenido de la mitad superior de la página puede parecer bastante grotesco.
Sin embargo, este es un mensaje común que recibirá de Google sobre la velocidad del sitio, y abordarlo realmente puede hacer que su página se acelere un poco.
Aquí está cómo hacerlo
Nota: Esto es lo más difícil de arreglar para la mayoría de las personas. Hay complementos de wordpress que simplemente lo hacen, pero pueden hacer que su sitio se vea como Frankenstein en cada carga.
Estudio de caso: acelerar el blog de Vendasta
Así que estoy escribiendo esta publicación sobre la velocidad del sitio, incluso cuando Vendasta se encuentra en 44/100 para velocidad móvil (actualización: ¡estamos en 77/100 tres meses después!) y 60/100 para velocidad de escritorio.
Confía en mí, soy consciente de que puede haber una pregunta sobre la credibilidad de la calle aquí. Sin embargo, hay más en nuestra historia de lo que le dirá la herramienta de información de Google.
En Vendasta, hemos trabajado mucho en la velocidad de nuestro sitio, pero claramente todavía no estamos donde queremos estar. De hecho, hemos realizado muchas mejoras, pero tenemos un sitio grande con una gran cantidad de contenido, por lo que aún no hemos alcanzado nuestro objetivo de 80/100 para dispositivos móviles y de escritorio.
Sin embargo, ¡no somos los únicos que tenemos problemas con la velocidad del sitio! Muchos sitios web de alto perfil comparten los mismos desafíos que nosotros. De hecho, incluso HubSpot también tiene trabajo por hacer para mejorar el rendimiento de su sitio según la herramienta PageSpeed Insights de Google:
Esta no es una llamada de "disparos" de HubSpot (¡respeto!), Solo los estoy usando como ejemplo para ilustrar que mejorar la velocidad del sitio puede ser un desafío, incluso para los profesionales, y que todos debemos mejorar para satisfacer las demandas de la próxima generación de usuarios de Internet. Ejecute algunos de sus sitios favoritos a través de la herramienta y verá lo que quiero decir.
Como mencioné anteriormente, cada mejora que hacemos para acelerar las cosas puede tener resultados exponenciales.
El tecnólogo de marketing de Vendasta, Adam Bissonnette, señala:
"El gran cambio para nosotros fueron las cosas del lado del servidor: estamos en una posición única ejecutando nuestro sitio web de wordpress en AppEngine (nadie hace esto) y las grandes mejoras en el rendimiento fueron cambiar de AppEngine Standard a AppEngine Flex, que estaba en Beta. También cambiamos nuestra versión de php de 5 a 7 que también ayudó mucho.Actualizar php trajo su propio conjunto de problemas donde ciertos complementos ya no funcionaban y tuvimos que lidiar con esas consecuencias durante un mes o dos, pero la velocidad fue más valiosa que la funcionalidad perdida. ."
Lo que puede sacar de esto es que encontrar la mejor solución para su situación específica es clave. ¡Puede encontrar tácticas que mueven la aguja para su sitio que ni siquiera hemos mencionado aquí!
Eche un vistazo al crecimiento de nuestro blog luego del inicio de nuestros esfuerzos de velocidad del sitio en mayo de 2016:
Estas mejoras sentaron las bases para todas las iniciativas de contenido de Vendasta que siguieron. Desde entonces, nos hemos centrado en producir un gran volumen de contenido profundo y de calidad. Sin nuestras mejoras coincidentes en la velocidad del sitio, es poco probable que vea el aumento en el tráfico que muestra la captura de pantalla de análisis.
¡El rendimiento solo mejorará a medida que continuemos optimizando la velocidad de nuestro sitio y mejorando nuestra experiencia de usuario!
Conclusión clave: no necesita obtener una puntuación de 100/100 para experimentar un crecimiento en su sitio web.
Si está en 40/100, haga un par de mejoras según lo permita el tiempo y apunte a 60/100. ¡No te quemes disparando al 100/100 inmediatamente!
Estudio de caso: iHeartRaves
iHeartRaves es un líder mundial en moda de festivales cuya misión es inspirar la creatividad individual y potenciar la autoexpresión. Combinadas con sus otras dos marcas hermanas, sus tiendas Shopify están recaudando $ 20 millones al año y han aparecido en Inc. 5000 cuatro años seguidos.
Como sitio de comercio electrónico, iHeartRaves es claramente consciente de las ramificaciones financieras de la velocidad y el rendimiento deficientes del sitio web.
Brandon Chopp, estratega de marketing digital de iHeartRaves me dijo:
“Como marca de comercio electrónico, nos dimos cuenta de que la velocidad del sitio es enorme. Cuando pienso en conversiones, estoy pensando en las mejores formas de hacer que un usuario haga clic en algo a través de una llamada a la acción. La verdad del asunto es que los sitios web más rápidos siempre ganarán. Cuanto más rápido sea su sitio, más probable es que los usuarios se conviertan”.
Brandon sabía que tenía que mejorar la velocidad del sitio para ayudar a la empresa a lograr sus objetivos de crecimiento de ingresos. Abordó las mejoras de velocidad de iHeartRaves usando las siguientes tácticas:
- Optimizar imágenes: para garantizar que nuestro sitio móvil se cargue rápidamente, usamos una aplicación de Shopify llamada Crush.pics. Esto garantiza que todas nuestras imágenes estén optimizadas para la velocidad del sitio sin dejar de conservar la calidad de la imagen.
- Minificar código: también tomamos medidas para minimizar todo nuestro código líquido y priorizar el orden de carga de scripts mientras reducíamos la cantidad total de scripts que se llamaban.
- Limpieza de activos en la página: la eliminación de activos innecesarios en algunas páginas y la reducción de activos de imágenes en otras también ayudó a reducir el tiempo de carga del sitio. Intentamos equilibrar la velocidad y el contenido porque somos un sitio de comercio electrónico. Es muy importante para nosotros asegurarnos de que la calidad de nuestra imagen esté a la altura de nuestros estándares mientras mantenemos una excelente experiencia de usuario para nuestros clientes.
Los resultados de la velocidad de carga de la página y la tasa de rebote mejoraron mucho con estas actualizaciones: "Desde que hicimos los cambios, la velocidad de nuestro sitio ha disminuido de 10,25 a 6,86 segundos año tras año (una disminución del 65 %) y nuestra tasa de rebote disminuyó un 6 %", explica Brandon. . "Originalmente estaba en 40,34% y ahora ha bajado a 34%".
Estas mejoras también se han traducido en resultados financieros tangibles para iHeartRaves. “Nos hemos beneficiado en Google de tener un sitio móvil rápido porque nuestra tasa de conversión ha aumentado año tras año gracias en gran parte a la disminución de la velocidad de nuestro sitio. Al poner la experiencia de usuario del cliente en primer lugar, hemos podido retener a nuestros clientes y hacer que sea una experiencia de compra más fácil en general”.
Conclusión clave: es importante recordar que la velocidad y la experiencia del usuario van de la mano.
Combinados, los dos pueden conducir a mejoras en la única métrica que los rige a todos: ¡Conversiones!
Estudio de caso: 6 segundos y 40 puntos de mejora de Jubaer
El propio especialista en SEO de Vendasta, Jubaer Prodhan, compartió una instancia en la que siguió la herramienta Pagespeed Insight de Google para su propio sitio con algunos buenos resultados.
Jubaer señala: "En mi caso, tengo un sitio web de wordpress con un tiempo de carga de más de 8 segundos y una puntuación GPI (Google PageSpeed Insight) de 43. Hice lo siguiente para mejorar la velocidad del sitio".:
- Optimización de imagen: si se hace correctamente, puede reducir drásticamente el tamaño de la página y la velocidad. En mi caso, el tamaño de la página bajó de 3 MB a 1,6 MB. Complemento utilizado: ShortPixel Image Optimizer (También puede optimizar imágenes con esta herramienta)
- Minificación de código: a menudo usamos múltiples complementos de wordpress para nuestras diversas necesidades. Lo que no sabemos es que la mayoría de ellos añaden CSS/HTML/Javascript extra a tu sitio. Lo que aumenta el tiempo de carga y la solicitud del navegador. Minificar (eliminar líneas y códigos adicionales) es una solución fácil para esto. Complemento utilizado: Autoptimizar
- Caché del navegador: la mayoría de las herramientas principales recomiendan usar la caché del navegador. Y reduce el ancho de banda, el tiempo de carga para los visitantes que regresan y muchas otras cosas útiles. Complemento utilizado: WP Fastest Cache
¡El sitio de Jubaer ahora se carga en 1,9 segundos y el puntaje GPI es 83! Eso es una gran mejora de 8 segundos y un puntaje GPI de 43.
Conclusión clave: los sitios web más pequeños pueden ver mejoras marcadas en la velocidad con solo unos pocos cambios clave.
Intente trabajar con la lista de Jubaer para comenzar y ver qué resultados obtiene antes de continuar con las siguientes tácticas.
Lectura relacionada: Los 7 complementos SEO de WordPress: su nueva pila local
Estudio de caso: cómo una empresa logró un 100/100 en la herramienta PageSpeed de Google
Obtener ese 100/100 es una indicación de que su sitio está lo más optimizado posible para la velocidad. Es el objetivo final, y una empresa con la que hablé explicó un par de tácticas internas que les ayudaron a llegar allí.
Bret Bonnet, copropietario/fundador de Quality Logo Products, un distribuidor de productos promocionales de $40 millones ubicado en Chicago, IL. explica,
“La velocidad de la página es un enfoque importante para nuestra organización. Aunque es muy pequeño, sigue siendo una señal de clasificación. Los estudios han demostrado que la velocidad de la página puede tener un impacto dramático en el rendimiento de la conversión. La forma más eficaz de mejorar el tiempo de carga de su sitio web es trabajar con la carga de activos, lo que permite que el contenido "en la mitad superior de la página" se muestre por completo antes de cargar el CSS/JS. NO optimizar la carga de contenido "en la mitad superior de la página" puede resultar en una deducción de 10 puntos en el puntaje general de Google Page Speed Insights".
[clickToTweet tweet="NO optimizar la carga del contenido de la mitad superior de la página puede resultar en una deducción de 10 puntos en la puntuación general de Google #PageSpeed Insights". quote="NO optimizar la carga del contenido de la mitad superior de la página puede resultar en una deducción de 10 puntos en el puntaje general de Google #PageSpeed Insights".]
Esta deducción de 10 puntos muestra cuán importante cree Google que es optimizar el contenido de la mitad superior de la página. Lo que es sorprendente y paradójico es lo que Bret explica a continuación:
“Además de la gestión de activos, ningún sitio web que incluya un código de seguimiento común de Google AdWords o Google Analytics en su código fuente NO PUEDE lograr una puntuación perfecta. Estos archivos JS se envían directamente desde Google (por alguna razón, Google no sigue sus propias pautas de calidad) y se transmiten al navegador sin comprimir. Esta mala optimización, que nuevamente está fuera de su control, está completamente del lado de Google y puede costarle hasta 5 puntos”.
Quality Logo Products pudo acelerar las cosas y lograr ese 100/100 utilizando la siguiente táctica:
“Para superar esto, hemos registrado las direcciones IP desde las que rastrea Google y las direcciones IP de origen de estas herramientas, y nuestros servidores sirven intencionalmente versiones de Google de nuestras páginas sin su código de seguimiento instalado. Es un poco extraño, pero Google está perjudicando nuestra propia puntuación de Google Page Speed Insight. Entonces, para superarlo, intencionalmente no entregamos a Google su propio código no optimizado, lo que resulta en una mejora de 5 puntos en la puntuación de velocidad de nuestra página en promedio”.
Punto clave: ¡Se puede lograr una puntuación de 100/100!
Es confuso que los propios productos de Google ralenticen las cosas hasta tal punto, pero la solución en este estudio de caso debería ayudar.
Cómo hacer su auditoría y optimización de la velocidad del sitio
1. Obtenga una línea de base para graficar los resultados
El primer paso para su proceso de auditoría y optimización debe ser obtener una visión de referencia de dónde se encuentra actualmente su sitio para algunas métricas.
Si registra su punto de partida, podrá realizar un mejor seguimiento del éxito de sus esfuerzos de optimización. Cada vez que optimice su sitio web de alguna manera para aumentar la velocidad, asegúrese de registrar su progreso con respecto a estas mismas métricas.
Aquí hay algunas cosas que debe rastrear:
- Tiempo de carga del sitio: vaya a su informe de análisis de Google a Menú → Comportamiento → Velocidad del sitio → Descripción general (y Tiempos de página para ver páginas individuales). Registre el tiempo promedio de carga de la página del sitio y cualquier página clave que desee rastrear. También puede usar las herramientas Pingdom y GTMetrix mencionadas anteriormente.
- Puntuaciones de Google PageSpeed de su sitio web: simplemente haga clic aquí e ingrese la URL de su sitio web y verifique sus puntuaciones móviles y de escritorio. Registre estos.
- Tasa de rebote: vea si su tasa de rebote mejora, lo que indicaría que menos personas están navegando fuera del sitio después de ver solo una página. Puede ver esto en varios lugares, como Comportamiento → Descripción general.
- Tasa de conversión: ¿los visitantes están convirtiendo a una tasa más alta después de sus mejoras? ¡Esto es importante para rastrear! Dirígete a Conversiones → Objetivos → Resumen para ver y registrar tu tasa de conversión actual.
Mantenga registros de su progreso en una hoja de cálculo y asegúrese de anotar los cambios en el sitio web en Google Analytics creando anotaciones para cada actualización.
2. Trabajar a través de los 8 pasos
El mejor lugar para comenzar su auditoría son las sugerencias que ofrece la herramienta PageSpeed Insights de Google. Si aún no está al 100/100, verá algunos consejos de Google sobre dónde comenzar.
Trabajar con los 8 pasos para mejorar la velocidad del sitio que hemos resaltado llevará algo de tiempo y persistencia como he mencionado.
Meike Hendriks, experta en SEO de Yoast señala:
"No tiene por qué ser difícil acelerar su sitio web. Muchos sitios web tienen imágenes demasiado grandes que se pueden optimizar fácilmente. Además, los sitios web con visitantes de todo el mundo definitivamente deberían usar un CDN para asegurarse de que las imágenes se sirvan como ¡lo más rápido posible para todos! Agregar algunas líneas de código al archivo .htaccess puede acelerar su sitio web fácilmente. Por ejemplo, puede habilitar el almacenamiento en caché del navegador y la compresión gzip para archivos más pequeños que se pueden cargar mucho más rápido en las computadoras de sus visitantes".
Tienes que establecer algunas metas y expectativas realistas. Cuando tienes sitios grandes y multifacéticos con una gran cantidad de contenido (¡increíble!) como nosotros en Vendasta y Hubspot, tomará más tiempo lograr los mismos objetivos de un sitio pequeño y ágil con pocas páginas.
3. Obtenga ayuda cuando sea necesario
Oye, no todos somos desarrolladores y diseñadores. Si sus esfuerzos de desarrollo de bricolaje están rompiendo su sitio o surgiendo en sesiones de terapia, es posible que desee traer ayuda de expertos.
Todos conocemos y envidiamos a los magos técnicos. ¡Déjalos que hagan esto por ti!
Pius Boachie de Digitimatic me dijo que un desarrollador de pila completa es clave para ayudar con los problemas de velocidad del sitio:
"Cuando se trata de vencer a la herramienta de información sobre la velocidad de la página de Google, el desarrollador hace el trabajo pesado al mantener el código limpio y priorizar el contenido en la mitad superior de la página. Por experiencia, cuando diseñamos para los clientes, diseñamos para la velocidad, por lo que elegimos un creador de sitios web como Duda (productos rápidos) o construir sobre un CMS o cero (caro), invertir un buen CDN y alojamiento (muy importante) junto con un desarrollador experimentado de pila completa".
Ya configuró sus métricas de referencia, por lo que será fácil realizar un seguimiento de su progreso y éxito en el futuro. Si está trabajando en varios sitios para clientes, querrá poder replicar su éxito y detener cualquier cosa que no esté funcionando.
Lectura sugerida: No se necesitan desarrolladores: por qué necesita un creador de sitios web de marca blanca
4. Manténgase comprometido con la velocidad del sitio en el futuro
Probablemente pueda eliminar algunas frutas al alcance de la mano, como la optimización de imágenes, la minificación de código y el almacenamiento en caché del navegador, y ver algunos buenos resultados de inmediato. Sin embargo, para alcanzar sus metas puede requerir un esfuerzo más sostenido para eliminar las 8 tácticas que he resaltado.
¡No intentes hacerlo todo a la vez! Para evitar el agotamiento, elabore un plan para eliminar mientras supervisa los resultados de sus esfuerzos.
Aquí se explica cómo aprovechar la velocidad del sitio para aumentar las ventas
Pensamientos finales
Obtener mejoras en la velocidad del sitio en el mundo real siempre es más complicado de lo que parece en las publicaciones de blog. Enfrentará algunos desafíos en el camino, pero manténgase enfocado en los resultados, porque mejorarán la experiencia del usuario, el SEO y las conversiones a largo plazo.
Eso es lo más importante; preparándose para el futuro veloz de la navegación en línea.
Si necesita ayuda, llame a sus amigos expertos en tecnología o háganos saber cómo podemos ayudarlo.
Si tiene alguna experiencia o consejo para compartir, no dude en participar en la sección de comentarios de esta publicación también...