¿Qué es la Velocidad de carga web? y ¿Cómo afecta al SEO?

El «Page Speed» es la velocidad de carga de una página web, la cual tiene una gran importancia no solo para los motores de búsqueda sino también para facilitar la experiencia de usuario durante la navegación.

Es tan importante que Google lo ha convertido en un factor de clasificación real. 

Con el tiempo, Google ha tomado medidas para mejorar la velocidad de carga de los sitios web proporcionando un conjunto de herramientas para desarrolladores y webmasters. 

Una de estas herramientas es Google Lighthouse.

Por esta razón cuando nos centramos en la velocidad de la carga de una web y su afectación al SEO hablamos de Google y hablamos de su herramienta de medición que nos orientará en nuestro margen de mejora.

¿Qué es Page Speed?

El page speed es la velocidad de carga de una página web en el momento que un usuario hace una solicitud sobre la carga de un dominio para visualizar su contenido.

¿Cómo satisface al usuario?

Un page speed adecuado, cargará de forma eficiente y rápida el contenido que debe visualizarse en una URL, dónde cómo consecuencia ayudará a satisfacer la urgencia para visualizar el contenido por parte del usuario sobre su necesidad de información.

De lo contrario tendremos un porcentaje de rebote alto y cómo consecuencia daremos a entender al buscador que nuestro contenido no es valido

¿Por qué es importante para los motores de búsqueda?

Las principales causas de optimizar la carga de una web residen en:

  1. Ofrecer una experiencia de usuario ágil y rápida
  2. Facilitar el rastreo y la optimización de recursos por parte de Googlebot
  3. Optimizar el factor de ranking enfocado a las Core Web Vitals de Google
  4. Optimización del uso de recursos de nuestro servidor
De lo contrario estaremos penalizando la fase de rastreo de nuestra web y la UX de nuestros cleintes potenciales

¿Cómo saber cuál es el page speed?

Para conocer la situación real de nuestra página web respecto a la velocidad de carga «optima» tenemos varias herramientas a tener en cuenta.

La más común a utilizar es PageSpeed Insight de Google

Otras herramientas que utilizaremos son:

¿Qué es Google PageSpeed ​​Insights?

PageSpeed ​​Insights es una herramienta en línea proporcionada por Google que se utiliza para identificar problemas de rendimiento web en los sitios. 

Aunque en su mayoría están relacionadas con cuestiones técnicas de SEO , las herramientas también analizan el sitio desde el punto de vista de la experiencia del usuario y la accesibilidad.

¿Cuáles son las mejores prácticas SEO para tener un buen Page Speed?

Cuando iniciamos el proceso de mejora de la velocidad de carga de una web seguimos la metodología ADEP.

Separamos el trabajo a realizar en 2 grandes campos:

  1. Servidor
  2. Web
Gracias a un servidor ágil facilitaremos la primera fase de solicitud de información por parte de los bots, dónde el renderizado de una URL será optimizado por los archivos que forman esa URL.

Mejoras a realizar a nivel de Servidor para optimizar la métrica TTFB

A continuación detallaré los puntos más interesantes a tener en cuenta para que la web cargue de forma eficiente en el primer proceso de renderizado de una web.

La petición de la información por parte de los bots a los servidores.

https://gtmetrix.com/reduce-initial-server-response-time.html
Teniendo claro que el objetivo será optimizar la métrica TTFB
optimización del time to first byte

Si quieres saber más te puede interesar el artículo sobre Hostings y SEO

Consumo de la CPU

Controla la cantidad de recursos que estas utilizando de tu plan de hosting y principalmente el uso del Disco

Yo trabajo con Sered y estoy muy contento, te recomiendo su plan de hosting enfocado a SEO -> Hosting SEO Sered

https://backlinko.com/page-speed-stats
  • Cloudways
  • Kinsta

Ubicación del Servidor y Uso de CDN

Tener el servidor ubicado en la zona geografía de nuestro mercado principal.

Una forma fácil de implementar una CDN es con Cloudflare que es gratis 😉

Vecinos de IP

No compartir servidor con webs que puedan estar infringiendo las políticas de Google.

Downtime

Realmente no es un gran problema hoy en día con CDNs y servicios como Microsoft Azure o los servicios en la nube de Amazon o incluso servicios de CMS todo en 1 cómo Shopify o Wix.

Sí, partes de Internet y la nube a veces se caen, y sí, debe elegir una empresa de alojamiento fiable que que minimice su tiempo de inactividad. Pero este tipo de problemas suelen ser solo temporales.

Recursos del Servidor

Tener en cuenta la cantidad de tráfico que solicitará nuestra página web y durante que periodo de tiempo.

Ejemplo de visión desde el CPanel de uso de recursos de una Web

Dominios en la Cache

Dominios dónde se han guardado en la Cache de los buscadores, dónde los usuarios no tendrán que hacer una petición al servidor para así optimizar los recursos solicitados al servidor y reducir el tiempo de TTFB.

En pocas palabras, cada página visitada en una web, requiere una petición a su servidor, ser procesado por ese servidor (incluyendo las consultas de la base de datos), y luego un resultado final es enviado desde el servidor hasta el navegador del usuario.

Ya que el servidor tiene que procesar todas estas peticiones, tardará tiempo para que la página completa sea entregada al usuario especialmente con sitios web más grandes y complejos.

¡Aquí es donde entra en juego el plugin de caché para WordPress! El plugin de caché instruye al servidor para que almacene algunos archivos al disco o al RAM, dependiendo de la configuración.

Así que, puede recordar y duplicar el mismo contenido que ha estado sirviendo desde hace tiempo.

Como resultado, sus páginas se cargarán mucho más rápido, directamente desde la caché. Básicamente, el caché reduce la cantidad de trabajo requerido para generar una página visible.

En WordPress , la forma más fácil de lograr esto es con un complemento gratuito llamado WP Super Cache o WP Rocket.

Tiempo de Cache: Dependerá sobre la dinámica del contenido de cada tipo de plantillas.

Mantén la versión del PHP actualizada

Revisa la versión actual del php de tu página web para tener los recursos optimizados de tu servidor y compatibilidad con las actualizaciones de los plugings apps del servidor.

Mejoras a realizar en la Página Web

Mejoras que podemos realizar en nuestra página web ya sea hecha a medida o en un CMS cómo Wordpress.

Puntos de mejora de WPO de nuestra web:

  1. Imágenes
  2. Gif
  3. Vídeos
  4. Fuentes
  5. Archivos JS
  6. Archivos CSS
  7. Archivos HTML
  8. Base de datos

Optimización de Imágenes

Mejoras para optimizar la carga de las imágenes con el objetivo de minimizar el impacto negativo en el renderizado de una URL.

Los aspectos relacionados con la imagen están enfocado a tener el menor tamaño (peso) posible y la mejor resolución.

Optimizar el peso de una imagen para web

Tamaño de la Imagen y Calidad de la imagen

Reducir el tamaño de la imagen según la posición y medidas que se visualizará en la web.

Formato Webp

Uso de formatos óptimos para facilitar el renderizado por parte de los bots

Lazyload para Imágenes

Pospón la carga de imágenes según la interacción del usuario mediante el formato Lazyload.

Introducir Imágenes en un CDN

Disponer de todos los medios en un CDN destinado para optimizar los recursos destinados para el renderizado de las mismas.

Optimización de Gif

Deberemos tener en cuenta que los gifts pueden llegar a ser muy pesados y penalizar la velocidad de carga de una URL.

Con lo que las prácticas recomendadas serán:

  • Comprimir su peso
  • *Convertir en video*
Test SEO gift

Si quieres saber más sobre, te recomiendo el siguiente artículo: SEO para Gifts

Optimización de JS / CSS

Mejoras para optimizar la carga de CSS y JS de forma eficiente para reducir el numero de peticiones a la base de datos.

Minifica el JavaScripot

Reduce el tamaño del documento del JS Minimizando los archivos

Gestiona la activación del JS/CSS cuando sea necesario

No ejecutar JS y CSS que no se deben cargar en 1 plantilla cómo es este mismo caso para artículos de mi Blog dónde no quiero ejecutar JS y CSS de el software de Sensei.

Aplazar JavaScript

Otra forma de acelerar la pintura de una página es diferir todo el JavaScript no crítico. Añadiendo un atributo defer en cada archivo, los scripts se cargan después de que el resto de la página se haya cargado. Puede diferir fácilmente el JavaScript en Perfmatters.

Retrasar JavaScript

Otra técnica que puede utilizar es retrasar la carga de JavaScript hasta la interacción del usuario. Esta es una manera fácil de acelerar la pintura de la página para Core Web Vitals.

Especialmente para grandes scripts de terceros como Google Tag Manager, Google AdSense, píxeles de conversión (FB, Google Ads), etc.

Eliminar el CSS no utilizado

La advertencia de reducir el CSS no utilizado es activada por PageSpeed Insights cuando hay código cargado por un plugin o su tema que no es necesario o utilizado en una página. Los desarrolladores normalmente sólo ponen en cola una hoja de estilos si se está utilizando.

Sin embargo, muchas veces también se añaden estilos adicionales que podrían no ser necesarios.

Esto resulta en una gran cantidad de CSS sin usar, lo que ralentiza su sitio de WordPress. También puede desencadenar advertencias de bloqueo de renderizado. Puede eliminar automáticamente el CSS no utilizado en Perfmatters.

Base de datos Limpia

Limpia tu base de datos de Pluggings y plantillas que no utilices e incluso otros recursos que puede estar creando tu CMS.

Optimización de cantidad de peticiones web

Mejoras para reducir el numero de peticiones en la web.

  • Reducir secciones de una URL
  • Reducir peso de los archivos de una URL

Nuestro objetivo será reducir la cantidad de peticiones a la base de datos que realizará 1 URL.

Conclusión clave: El tamaño total influye en la velocidad de carga completa de las páginas más que cualquier otra variable, tanto en ordenadores como en móviles. Las páginas grandes (>3,49 MB) tardan un 486% más en cargarse completamente en comparación con las más pequeñas (<0,83 MB).

Analizar todo el Page Speed de una Web

Para analizar el page speed global de una web lo podemos hacer mediante Screaming frog de la siguiente forma:

  1. Setup de la API de Page Speed Insihgts
  2. Introduce la KeyAPI en Configuration > API Access > PageSpeed Insights
  3. Analizar notas globales por URL de tu site

Documentación oficial Screaming Frog

Focalizar el trabajo sobre esas plantillas dónde la nota sea más baja.

Conclusión sobre la velocidad de carga de una web

La mejora del Page Speed de un Dominio es un factor más de los muchos factores de posicionamiento de Google.

Preocúpate de que la UX del usuario sea adecuada y menos de la nota de Pagespeed 😉

Preguntas frecuentes sobre la velocidad de carga de una web y el SEO

¿Qué es Pagespeed Insights?

Es una herramienta gratuita facilitada por Google la cual muestra el tiempo que tarda en cargar todos los recursos de una página.

Esta herramienta nos da información de ficheros o elementos de una URL qué atrasan o retardan la carga completa de la página para poder mejorar el tiempo de la misma.

¿Cómo usar Pagespeed Insights?

En Pagespeed Insights encontramos una buena herramienta, fácil de utilizar, que Google pone a nuestra disposición para analizar la velocidad de cualquier web.

También nos aporta un informe detallado de los fallos que detecta para que podamos corregirlos con la documentación de cada uno de los puntos a trabajar

Temas relacionados

💡 RECIBE LOS CASOS PRIVADOS REALES DE SEO DE LA COMUNIDAD EN TU CORREO 💡

Índice de Contenidos
Josep Deulofeu
Josep Deulofeu
Consultor SEO apasionado del mundo del eCommerce. El SEO, Google Ads, la Analítica Web y la creación de tiendas online con socios son los medios dónde me puedes encontrar y en mis ratos libres cuando hay olas en la Fosca o Griells haciendo surf o leyendo un buen libro :)

Deja una respuesta

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

Artículos Recientes del Blog