En SEO la velocidad y el rendimiento son factores importantes a tener en cuenta. Una página web lenta será penalizada y una página web que carga rápido y con un rendimiento eficiente será favorecida en los resultados de búsqueda. Por lo tanto, si lo que quieres es mejorar el SEO de tu web deberás optimizar la velocidad de carga de la misma.
Antes de comenzar con este post, conviene recordar que es necesario conocer las métricas y herramientas para comprobar la velocidad de una web.
En el mercado existen múltiples herramientas para mejorar la velocidad de carga de una web, en este artículo hablaremos concretamente de tres:
Optimizar velocidad web con WebPageTest
Lo primero a tener en cuenta son las puntuaciones obtenidas en WebPageTest, más concretamente, en el resumen. Debemos de investigar las puntuaciones generales y, todo lo que no tenga valores A o B, debemos profundizar en ello y solucionarlo cuanto antes, pues son errores graves que penalizarán nuestro SEO.
Mejorar velocidad DNS
Tenemos dos opciones para mejorar la velocidad de resolución DNS:
- Utilizar replicación DNS, es decir, contratar el servicio de alguna empresa que nos permita tener varios servidores DNS repartidos por el mundo en vez de uno solo para que el tiempo del proceso no dependa tanto de la ubicación del solicitante.
- Contratar el nombre de dominio y el hosting con la misma empresa. Si esto no fuera posible, la solución de replicar DNS también es válida para este problema e, incluso, no es incompatible tener ambas a la vez.
Errores de carga y elementos pesados
Si lo que queremos es optimizar la velocidad web y su rendimiento deberemos prestar atención a cada uno de los registros del Waterfall, sobretodo a los errores (que intentaremos solucionar) y a los elementos que tardan demasiado en cargarse (que intentaremos optimizar) como, por ejemplo, imágenes y elementos multimedia.
La estrategia a seguir en todas las herramientas es la misma, primero solucionaremos los problemas más graves y que más impacto tengan en nuestra web y, después, abordaremos los problemas más leves o con menor impacto.
Problemas de velocidad web con Google Search Console
Ahora que conocemos las métricas web principales de Google Search Console pasaremos a resolver los problemas de velocidad web. Para ello es necesario observar las tablas y gráficos donde se agrupan las páginas de nuestra web a través de las siguientes categorías:
Si lo que queremos es mejorar el posicionamiento SEO debemos comenzar por optimizar la velocidad de carga de las páginas pobres y después aquellas que necesitan una mejora.
Sin embargo… ¿Cómo solucionamos los problemas de velocidad?, ello depende del tipo de error que tengamos:
- Error FCP o First Content Paint. Dado que es un error en el tiempo de renderizado del primer elemento, será necesario revisar el Waterfall de nuestra web, observar qué elementos se cargan antes del renderizado del primer elemento y minimizarlos lo máximo posible. En ocasiones se cargan elementos innecesarios al inicio cuya carga podemos retrasar en el tiempo, cuando la página ya se haya pintado.
- Error FID o First Input Delay. Este apartado es un poco más complicado que el anterior pero comienza con el mismo paso, identificar el elemento que tarda en responder al usuario como, por ejemplo, el scroll vertical que hablamos anteriormente. Tras ello y, echando mano de conocimientos de desarrollo web, será necesario optimizar el código causante de este problema.
- Error LCP o Largest Contentful Paint. Dado que el LCP mide el tiempo de renderizado del elemento con mayor peso en la web, será necesario identificar dicho elemento y optimizarlo. Si, por ejemplo, el elemento es un vídeo, deberíamos utilizar algo similar a las incrustaciones HTML de Youtube. Otro ejemplo podría ser una imagen, en este caso deberíamos reducir el peso de la imagen con GIMP o alguna otra alternativa.
- Error CLS o Cumulative Layout Shift. Solucionar errores CLS es bastante similar a solucionar errores FID, primero tenemos que identificar el origen del problema (puede ser un plugin, skin o tema e incluso algún fragmento de código) y después intentar solventarlo pero, al igual que antes, requiere de conocimientos de desarrollo web.
- Error INP o Interaction to Next Paint. Deberemos revisar todas las posibles interacciones del usuario e identificar aquellas que tardan más. Nos centraremos en reducir el tiempo de respuesta de aquellas que más tarden.
- Error TTFB o Time to First Byte. Quizás este sea de los más fáciles, es bastante fácil reducir el tiempo del primer byte utilizando CDN cerca de la ubicación de los usuarios de nuestra web.
Mejorar velocidad web con Google PageSpeed Insights
Google PageSpeed Insights es una herramienta muy útil si queremos optimizar la velocidad de cualquier web tanto en versión ordenador como versión móvil.
La forma de optimizar la velocidad en tu web mediante esta herramienta es siguiendo las recomendaciones de optimización que aparecen en la propia página, sobre todo en el apartado de rendimiento, aunque no debemos perder de vista el resto de apartados.
Algunas recomendaciones de Google PageSpeed Insights para optimizar el rendimiento de una web son:
- Elimina los recursos que bloquean el renderizado.
- Imágenes de tamaño adecuado.
- Aplazar imágenes fuera de pantalla.
- Minificar CSS.
- Minificar JavaScript.
- Eliminar CSS no utilizado.
- Codificar imágenes de manera eficiente.
- Servir imágenes en formatos de próxima generación.
- Habilitar la compresión de texto.
- Preconectarse a los orígenes requeridos.
- Reducir los tiempos de respuesta del servidor (TTFB).
- Evitar los redireccionamientos de varias páginas.
- Precargar solicitudes de claves.
- Utilizar formatos de video para contenido animado.
- Reducir el impacto del código de terceros.
- Evitar las animaciones no compuestas.
Y otras recomendaciones para mejorar la velocidad de la web son:
- Evitar cargas útiles de red enormes.
- Servir activos estáticos con una política de caché eficiente.
- Evitar un tamaño de DOM excesivo.
- Evitar encadenar solicitudes críticas.
- Marcas y medidas de temporización del usuario.
- Reducir el tiempo de ejecución de JavaScript.
- Minimizar el trabajo del hilo principal.
- Asegurarse de que el texto permanece visible durante la carga de la fuente web.
- Mantener los recuentos de solicitudes bajos y los tamaños de transferencia pequeños.
Reducir peso imágenes
De manera general, los elementos que más suelen tardar en cargarse y, por lo tanto, que más afectan a la velocidad de carga de una web son las imágenes y los elementos multimedia pesados.
Lo mejor para las imágenes es reducir su tamaño con GIMP o algún otro programa, tomando como orientación de valor máximo 100 Kb para imágenes grandes como las que aparecen en los sliders y 50 Kb para el resto. Para reducir el peso de una imagen existen múltiples soluciones, programas y webs en el mercado que permiten realizarlo de manera sencilla y gratuita.
Además de lo anterior, también podemos utilizar la técnica de miniaturas de imágenes de tal manera que lo que aparezca sea una imágen pequeña y con muy poco peso y, si el usuario hace clic en ella, se cargue la imagen con mayor resolución.
Optimizar elementos multimedia
Intenta evitar elementos multimedia pesados como, por ejemplo, vídeos. Cámbialos por enlaces a otras páginas donde se alojen o bien utiliza las incrustaciones HTML como las que proporciona Youtube.
Además, si te lo puedes permitir económicamente, es recomendable, para todos los recursos de una web, ya sean imágenes, documentos, vídeos… etc utilizar replicación de datos a través de CDN. Un CDN o Content Delivery Network consiste en, básicamente, contratar un servicio que nos va a permitir tener replicados todos esos recursos multimedia en distintos servidores y ubicados en distintas partes del mundo para mejorar la velocidad de carga de una web independientemente del lugar desde donde acceda el usuario.
