¡Por qué es importante la velocidad de la página y cómo hacer que su sitio web se cargue más rápido!

Publicado: 2021-11-24

Si el tiempo de carga de una página va de un segundo a diez segundos, la probabilidad de que un visitante rebote aumenta en un 123% - Google

Un usuario que visita su sitio web tiene el nivel de paciencia de un niño de 5 años. Nada contra los niños de 5 años (Specbee tiene una política estricta de nada contra los niños de 5 años), pero como propietario de un sitio, no puede esperar que nadie espere más de 5 segundos para que se cargue una página. No cuando hay Internet infinito para explorar. Incluso el mejor contenido perderá audiencia si sus páginas no se cargan rápidamente. Pero ese es solo el aspecto de la naturaleza humana. La velocidad de su sitio juega un papel en mucho más ...

Velocidad de página

Un poquito de historia

Google siempre ha tenido la misión de hacer que la Web sea más rápida. Esto se remonta a 2009, cuando Google anunció planes para "hacer que la web sea más rápida". El primer paso de esos planes fue publicar pautas sobre la velocidad del sitio web para persuadir a los propietarios de sitios web de que analicen detenidamente sus tiempos de carga.

Actuando más en esto, Google anunció en 2010 que la velocidad del sitio se convertiría en uno de los factores para sus algoritmos SERP de escritorio. Si era propietario de un sitio en ese entonces y estaba leyendo los letreros no tan sutiles en la pared, esta era una gran oportunidad para aquellos que ya estaban creando sitios de carga más rápida, ya que de repente tenían una gran ventaja de SEO.

Unos años más tarde, en 2015, cuando Google anunció que la cantidad de búsquedas realizadas en dispositivos móviles excedía a las realizadas en computadoras de escritorio, llegó el momento de que los propietarios de sitios se adaptaran a la primera era de los dispositivos móviles. Google desarrolló Accelerated Mobile Pages (AMP) y tres años más tarde, la velocidad de la página para dispositivos móviles también se introdujo como uno de los factores de clasificación.

Y, como si no pudiera adivinar, las cosas continúan progresando (siempre lo hacen) y en el verano de 2021, Google lanzó la última incorporación, la actualización de la experiencia de la página para arrojar otro factor crítico que afecta el algoritmo actual.

Estadísticas de uso AMP

Datos y lo que necesita saber

Si bien la velocidad de la página es un factor complejo, las personas a menudo se confunden entre la velocidad del sitio y la velocidad de la página. Aunque parecen similares, la velocidad del sitio es un promedio de varias páginas de muestra del sitio web, mientras que la velocidad de la página define cuánto tiempo tarda en cargarse una página. Ambos juegan un papel vital en la experiencia de página de un sitio web. Además, los Core Web Vitals son un conjunto importante de métricas que el propietario del sitio debe considerar para brindar una experiencia fluida a los usuarios.

Si bien todavía dedicamos mucho tiempo a las palabras clave, la experiencia de escritorio y móvil, los vínculos de retroceso, el marketing de contenido, etc., ahora también debemos prestar atención a la experiencia en la página. Y Core Web Vitals son el nuevo conjunto de métricas que le permiten saber si proporciona una experiencia de página de calidad.

Profundicemos un poco más en las señales centrales.

Pintura con contenido más grande [LCP]

Con respecto al rendimiento de carga de la página, esta métrica de experiencia de Google indica el tiempo que tarda en cargarse la mayor parte de la información de la página. Por ejemplo, si la página tiene un video (a menudo la información más grande en una página), el tiempo que tarda ese video en cargarse por completo para que el usuario pueda reproducirlo, se refiere a LCP.

Esta es una métrica importante: Google usa LCP como factor de clasificación para las páginas en SERP.

Retraso de la primera entrada [FIP]

El retraso de la primera entrada mide la capacidad de respuesta de la página / sitio web. Esta métrica de Google indica el tiempo de respuesta a la primera interacción de un usuario en la página / sitio.

Ejemplo: su página tiene video y después de que se cargue la página, el usuario hace clic en "reproducir". El tiempo necesario para reproducir el video después del clic es FID.

Cambio de diseño acumulativo [CLS]

CLS es una métrica de Google que indica la frecuencia de cambios / cambios de diseño inesperados que afectan la apariencia general del sitio web.
Estoy seguro de que has visto un sitio web en el que viste algo interesante y seguiste haciendo clic en él, pero en el último momento la pantalla salta y se carga un nuevo botón, ¿en el que acabas haciendo clic? ¡Eso es una gran indicación de codificación deficiente o, en algunos casos, un motivo oculto para hacer que los usuarios hagan clic en anuncios u otros enlaces!

Elementos fundamentales de la Web

Informe fundamental web fundamental

Los detalles y los informes de Core Web Vitals se pueden manejar a través de Search Console, que ofrece información detallada de cualquier error y consejos para mejorar.

¿Qué se puede hacer para mejorar la velocidad?

Cuando se trata de métricas de Google y cómo los propietarios de sitios web intentan hacer todo lo posible para optimizar sus sitios web, es un poco como una carrera en la oscuridad. Si bien muchos propietarios de sitios web tienen una idea de cómo funcionan las cosas y qué necesita optimización, algunos propietarios hacen cambios drásticos ciegamente con la esperanza de que algo funcione.

Sin tirar cosas contra la pared y ver qué se pega, aquí hay algunas cosas que podrían mejorar la velocidad de su sitio / página.

¡Ligero, rápido y furioso!

Los sitios web modernos a menudo se denominan minibuses o limusinas. Son enormes, están llenos de animaciones / gráficos y tienen todo tipo de integraciones de código pesado, ¡lo que los hace pesados ​​y lentos! Al crear un sitio web atractivo, los propietarios a menudo despriorizan la funcionalidad.

Series de tiempo

Créditos de imagen: Pingdom

Para ganar la carrera de SEO, es importante que el sitio sea liviano y no esté cargado de animaciones innecesarias, fondos elegantes, imágenes enormes, complementos adicionales y más. Además de la extravagancia reducida, también se puede eliminar el peso excesivo optimizando imágenes, reduciendo los scripts de terceros (haga uso de GTM), implementando AMP, comprimiendo el código (CSS y JS) y más.

En un CMS como Drupal, hay bastantes módulos fáciles de usar que ayudan a mejorar la velocidad de la página.

Número de guiones

Créditos de imagen: Almanaque

Ahora que su sitio web está limpio y ordenado, ¡es hora de darle más poder! Y la mejor manera de hacerlo es utilizando un entorno de alojamiento adecuado. Su sitio web en un entorno de alojamiento debidamente ajustado puede hacer maravillas en lo que respecta al rendimiento. Además, también puede utilizar un CDN para cargar los recursos de su sitio web más rápido.

¡Las herramientas son tus mejores amigas!

Ahora que sabe lo importante que es la velocidad de la página, lo siguiente que debe recordar es la igual importancia de la supervisión. Hay varias herramientas que le brindan una gran cantidad de información sobre el rendimiento de la velocidad de su sitio web (entre muchas otras métricas importantes) que también sugerirán las próximas optimizaciones que debe realizar. Aquí están las selecciones de Specbee para las 5 mejores herramientas para medir el rendimiento de su sitio web:

  • Faro de Chrome
  • Web.dev
  • Estadísticas de la página de Google
  • GTMetrix
  • Prueba de velocidad del sitio web