Si hablamos de SEO para este año 2020, debemos considerar muchas variables como; palabras claves, palabras claves de cola larga, optimización en el sitio y fuera de él, construcción de enlaces entrantes (link building), optimización para móviles, etc.
Dentro de ese etcétera, ocupa un lugar muy importante la velocidad de nuestro sitio web. Para saber cuán veloz es nuestro sitio web en cargar podemos utilizar la herramienta gratuita de Google; Page Speed Insights (Estadísticas de velocidad de páginas web)
Si bien lo incluí dentro de los etcétera, la velocidad de carga en 2020 debe considerarse un aspecto fundamental de cualquier sitio web. Google lo cuenta como uno de los detalles importantes a la hora de rankear los sitios en sus resultados de búsqueda y nos ofrece su herramienta gratuita Google Speed Insights para analizarlos.
La recomendación de Google es que cualquier sitio web debe cargar completamente en menos de 3 segundos en un ordenador, en un móvil o celular Google no especifica si debe o no ser la misma velocidad. Esto quizás porque las redes móviles tiene diferentes anchos de banda lo que pueden hacer demorar la carga de un sitio móvil. También afecta la velocidad si se está conectado a un Wifi o por redes 3G.
Puede parecerte que 3 segundos es un muy corto período de tiempo, y ¡sí lo és! pero quédate tranquilo ya que hasta 5 segundos de espera es considerado bueno y hasta 8 como aceptable. Ya después de 9 segundos la velocidad de tu sitio es considerada como mala, pudiendo afectar muy negativamente el posicionamiento del mismo.
Todo lo que compone tu sitio web, incide en la velocidad del mismo, archivos HTML, CSS, PHP, scripts de todo tipo, imágenes y demás.
Google Page Speed Insights en acción
Lo primero que veremos al ingresar la sitio es el espacio para pegar la url del sitio web a analizar. Pegamos la url, damos click en analizar y esperamos que nos entregue los resultados ¡estos segundos de espera no cuentan!
En la página de resultados tendremos dos menús: Móvil y Ordenador. El resultado del Ordenador siempre será mejor que el del Móvil y por varios puntos de diferencia. Por eso nos vamos a centrar en los resultados para Ordenador ya que mejorando los mismos, mejoraremos también los de la parte del Móvil. Después tendremos tiempo de mejorar los resultados del móvil.
Los intervalos de desempeño son los mismos: 0 a 49 lento, 49 a 89 aceptable y 90 a 100 veloz. No consideraré los términos técnicos de la Guía de resultados de Lighthouse y me centraré en lo que necesitas, ¡mejorar la velocidad de tu sitio!
Datos de Experimentos
Los datos de experimentos son lo primero que debemos analizar ya que nos dan una idea general de dónde tenemos un problema de velocidad. Los datos de experimentos siguen el código de colores, rojo – lento, amarillo – aceptable, verde – veloz.
Tendremos estos 6 valores:
- Primer renderizado con contenido
- Primer renderizado significativo
- Índice de velocidad
- Primer tiempo inactivo de la CPU
- Tiempo hasta que está interactiva
- Latencia potencial máxima de la primera interacción
Debajo tendremos un informe más detallado dividido en:
- Oportunidades
- Diagnósticos
- Auditorías aprobadas
Veamos en detalle cada uno de estos 9 elementos y cómo nos van a ayudar a acelerar nuestro sitio.
- Primer renderizado con contenido
Es cuando el primer byte de nuestra página entra en acción luego del clic del usuario en el enlace de nuestro sitio
- Primer renderizado significativo
Es cuando nuestra página comienza a cargar en su totalidad. Puede coincidir con el punto 1 si nuestro sitio está optimizado.
✋ Stop worrying about SEO and have me do it for you
PS: Ready to work with the 0.01% of all SEOs worldwide? Click here.
- Indice de velocidad
Mide la duración entre el punto 1 y el momento en que toda nuestra página está completamente activa
- Primer tiempo inactivo de la CPU
Es el primer momento en que nuestra página se encuentra mínimamente interactiva
- Tiempo hasta que está interactiva
Similar al punto 4, pero aquí la página está completamente interactiva y el usuario puede hacer “algo” en ella
- Latencia potencial máxima de la primera interacción
Mide el tiempo en que luego del primer clic, el navegador conecta con tu página
Vamos al centro del punto de cómo mejorar mi sitio web con Google Speed Insights
Si bien los 6 puntos anteriores son importantes porque nos dan una visión general del desempeño en velocidad de nuestro sitio. Son los 3 siguientes los que nos permiten mejorar el puntaje.
- Oportunidades
Cómo su nombre lo indica, son oportunidades de mejora que debemos explorar para acelerar la carga de nuestra web.
ATENCIÓN: algunas de las mismas se pueden realizar sin problemas, mientras que otras deben ser realizadas por personas que conozcan del tema sino quieres que tu sitio web se caiga o provocar errores fatales en el mismo.
Realizada la advertencia, veamos la principal forma de acelerar nuestra web: la optimización de las imágenes.
Un sitio web sin imágenes es inimaginable, las mismas le dan un sentido estético, un sentido de belleza y de marca. Pero a la vez son las enemigas número uno del SEO. Los motores de búsqueda indexan mal las imágenes y estas pueden ser tan pesadas que nuestro sitio cargue a la velocidad de una tortuga.
Antes de subir imágenes por primera vez debes optimizarlas en tu ordenador, reduce su tamaño, utiliza formatos de imagen que ocupen menos espacio.
Con tu programa de edición de contenido favorito puedes lograr un excelente resultado reduciendo las imágenes al 50 % y guardandolas en formato .jpg. Nada de imagenes de 2500×2400 pixeles o de 2 o 3 MB de tamaño. Imágenes de menos de 300 kb son las ideales para la velocidad de tu sitio.
Si ya tienes las imágenes en tu sitio, el problema debe ser encarado de otra manera. En WordPress esa solución llega gracias a los plugins. Te recomiendo instalar Smush o Kraken.io, ambos excelentes programas de optimización de imágenes.
Estos plugins hacen lo mismo que un editor de pc pero a gran escala ya que podemos marcar; 10, 20, 50 imágenes y optimizarlas todas juntas.
ProTip: Analiza tu sitio en Google Speed Insights antes de optimizar las imágenes y guarda los resultados, luego de optimizarlas, va a analizarlo nuevamente y compara los resultados. Verás cuánto aumenta la velocidad de tu sitio!
- Diagnósticos
Luego de optimizar las imágenes aún tienes trabajo que hacer, y para eso también usaremos algunos plugins. Google te pedirá que optimizes el caché de tu sitio y que elimines recursos que bloquean el renderizado. Para eso te recomiendo el plugin Hummingbird, que hace todo esto solo con las opciones que vienen por defecto. Recuerda que solo si sabes lo que haces puedes ver las opciones avanzadas del mismo.
ProTip: Siempre antes de hacer algún cambio en tu web, realiza un respaldo. En WordPress nada mejor que usar Updraftplus, un plugin que realizará las copias de seguridad de tu sitio automáticamente. Solo debes conectarlo a Google Drive o Dropbox y allí guardar las copias de seguridad.
- Auditorías aprobadas
Aquí se muestra todo lo que hemos realizado bien para conseguir aumentar la velocidad de carga de nuestro sitio. La idea detrás de este artículo, es que una vez que termines de leerlo, la parte de Auditorias aprobadas tenga muchos más elementos que los dos puntos anteriores.
Recomendaciones finales.
Si quieres que tu sitio cargue a la velocidad de la luz, selecciona un Tema optimizado, tanto para web como para móvil. En ThemeForest puedes encontrar uno de tu agrado completamente optimizado y con soporte. Esto te permitirá contactar al desarrollador si tienes problemas o dudas sobre el mismo.
Plugins, hay cientos de Plugins de optimización para WordPress, los que recomiendo aquí están probados por su calidad y características ayudándote con Google Speed Insights. Comenta si conoces otros que tienen estas características.
Imágenes, recuerda optimizarlas si las vas a subir por primera vez, si tienes que subir varias, usa un plugin de optimización que lo hace por tí al subirlas. Usa formatos modernos y que ocupen poco espacio como JPEG 2000, JPEG XR y WebP.
Recuerda, no hacemos esto solo por nuestro orgullo y que nuestro sitio alcance el puntaje 100 dentro de Google Speed Insights, sino que lo hacemos para ayudar a nuestro SEO y poder ocupar los primeros lugares de búsqueda.
Mejorando la velocidad además reduciremos nuestro porcentaje de rebote.
Recuerda que debemos apuntar a lograr 3 segundo en el punto Índice de velocidad. Cuanto más tiempo demore nuestro sitio en cargar, más usuarios perderemos en ese camino. Sitios con tiempo de carga de 4 segundos tienen una tasa de abandono de 24% y si tardan 5 segundos, dicha tasa aumenta a 38%. Imagina que le sucedería a tu sitio si tarda 10 segundos en cargar.
Tu esfuerzo se verá recompensado, y no estás solo en esto ya que el tiempo promedio de carga de sitios web es de 8 segundos y fracción según un estudio realizado por Machmetrics.
Recuerda que todos los sitios de 8 segundos están buscando lo mismo que tú, llegar a menos de 3 segundos de carga, así que empieza ya!
Más artículos para mejorar tu sitio web.
