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:
- Ofrecer una experiencia de usuario ágil y rápida
- Facilitar el rastreo y la optimización de recursos por parte de Googlebot
- Optimizar el factor de ranking enfocado a las Core Web Vitals de Google
- Optimización del uso de recursos de nuestro servidor
¿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:
- Servidor
- Web
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.
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
- 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.
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:
- Imágenes
- Gif
- Vídeos
- Fuentes
- Archivos JS
- Archivos CSS
- Archivos HTML
- 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*
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.
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:
- Setup de la API de Page Speed Insihgts
- Introduce la KeyAPI en Configuration > API Access > PageSpeed Insights
- 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.
Preguntas frecuentes sobre la velocidad de carga de una web y el SEO
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.
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
- ¿Qué es el WPO?
- Estudio de Page Speed por Backlinco
- Guía GTmetrix
