6 minutos de lectura

Última modificación el mayo 29, 2021 by Cristian Vanegas

La velocidad de carga de una web es un punto clave para el posicionamiento web. La razón es simple: los buscadores siempre tendrán en mejor estima aquellos sitios web que carguen lo más rápido posible, pues eso influye en que los usuarios accedan al sitio web sin sentir frustración de esperar largo tiempo, o que en definitiva decidan irse a otro sito que si cargue rápido.

Por esta razón es clave que nuestros sitios web estén optimizados para cumplir con la demanda de nuestros usuarios, algo que nos ayudará positivamente en el posicionamiento web.

Para Google por ejemplo la velocidad de carga de una web aceptable es de al menos 3 segundos y el ideal de 1,5. ¿Se puede lograr? Aquí te explico cómo hacerlo.

¿Cómo mejorar la velocidad de carga de una web?

Existen varios puntos que debemos tener en cuenta al momento de optimizar nuestro sitio web, algunos de caracter técnico y otros de contenido. Estos son los más importantes.

1. Servidor o hosting:

El hosting que tienes contratado es clave en este asunto. Este depende en gran medida de la cantidad de usuarios simultáneos que puede soportar. Si por ejemplo cuentas con un hosting que soporta una cantidad limitada y esta es superada, se saturará lo cual hará la experiencia más lenta. La recomendación es contratar un hosting que te brinde la cantidad de usuarios simultáneos que necesitas para que no afecte la velocidad de carga por saturación. Claramente entre más soporte, es más costoso. ¿Puedes imaginarte cuánto cuesta el de un medio masivo de comunicación?

2. No uses flash ni Java

Usar Flash, depender del Java u otras tecnologías consideradas ya obsoletas no es bueno para tu sitio web. Estas tecnologías tardan mucho en cargar, afectando la carga media de tu página. Procura usar al mínimo o sencillamente no usar estos elementos.

Otros lenguajes más avanzados te pueden ayudar a que no te pese tanto la página. Por ejemplo, podrías usar lenguaje HTML5 que es menos pesado.

3. Optimiza los elementos a renderizar:

El peso de tu página es clave. Entre más elementos tengas más va a pesar, y más se va a tardar en renderizar la página. Si los archivos que usas pesan varias megas, será aún más lento. ¿Cuál es la solución? Lo primero es optimizar tus imágenes subiendo versiones específicas para la web. Usa software que te permita reducir el peso de tus imágenes antes de subirla. Photoshop tiene una opción que se llama «Exportar para web» que es bastante útil.

Se recomienda que videos, tours 360º, gifs y otros elementos multimedia sean alojadas en repositorios como YouTube, Vimeo, Giphy, Round.me, entre otros. Eso sí, no te pases agregando tantos elementos embebidos, ya que estos también afectan la velocidad de carga de una web.

Puedes además ofrecer imágenes en formatos de última generación como Webp, un formato más liviano y que Google ya considera esencial para posicionar una web.

También es importante que los elementos multimedia se carguen de forma diferida, es decir que aparezcan a medida que el usuario navega. Para ello, se puede agregar la opción de Lazy Load con plugins o de forma nativa en algunos maquetadores visuales.

4. Optimización para móviles: El móvil es primero

AMP

Los dispositivos móviles son clave, así que es prioritario tener optimizado el sitio web para móviles. Puedes hacer uso de plantillas responsive que se adaptan al dispositivo, usar AMP o crear una aplicación web.

5. Limita los plugins:

Si usas WordPress u otros CMS que te permiten usar plugins, ojo a esto. Si bien es divertido agregarle funcionalidades a tu sitio web, procura no agregarle demasiadas. Usa solo los plugins necesarios. En mi caso uso un plugin para adaptar el blog a lenguaje AMP, SEO Yoast!, Jetpack y un par de plugins más que uso frecuentemente.

6. Usa solo los códigos necesarios

Los códigos que adicionas a tu sitio web también le agregan peso a tu sitio web. Por ejemplo el esencial código de Google Analytics es de por si un peso adicional, y si le agregas otros más será aún más pesado. Procura agregar los necesarios. Por ejemplo, si no monetizas tu sitio web o no es un ingreso considerable para ti, no le agregues Adsense, pues es uno de los códigos más pesados que brinda Google.

7. Optimiza el código

El código de los sitios web suelen tener un problema y es que tienen espacios vacíos y otra información que le da peso a los archivos. Por ello, es importante minificar los códigos HTML, CSS y Javascript.

Para minificar código en WordPress solo basta con usar plugins de optimización como WPRocket, Autoptimize y otros similares.

8. Optimiza las fuentes

Las fuentes son importantes para el diseño de un sitio web, pero no dejan de ser una apariencia sobre la información que hay detrás. Así que lo que pide Google es al menos esa información base cargue primero para que los usuarios puedan acceder la información.

La mejor forma es usando la característica font-face, la cual hace que los textos puedan permanecer visibles sin necesidad de cargar la fuente que estas usando.

En WordPress se puede hacer agregando código en la plantilla o usando un plugin que lo haga de forma automática.

Ten en cuenta los Web Core Vitals

test google page insights 02

A mediados de 2020 Google anunció los Web Core Vitals, tres indicadores esenciales para medir la experiencia de usuario y que se centra en la velocidad de carga de una web.

Al hacer un análisis en las herramientas de medición (que mencionaremos más adelante), estas te indicarán los tres principales medidores: FCP (First Content Paint), LCP (Largest Content Paint) y CLS (Cumulative Layout Shift).

Si quieres saber más de estos indicadores y cómo mejorarlos, escribí un artículo sobre Web Core Vitals que puedes revisar.

¿Cómo saber que la velocidad de carga de una web está bien?

Existen varias herramientas que pueden brindarte información sobre la velocidad de carga de tu sitio web, la cual te permitirá conocer los aspectos que debes mejorar.

La primera la brinda Google y se llama PageInsights, la cual te da un diagnóstico general de cómo se está comportando tu sitio web, incluyendo su versión móvil.

La que más recomiendo es GTMetrix, que va más allá que Google y te muestra información general como tiempo de carga, peso total de la página, así como unos porcentajes que te dicen qué tan bien se está comportando tu sitio web. Además encuentras ítems adicionales con consejos a mejorar y que te marcan en colores rojo, amarillo o verde, marcando las cosas en las que estas mal, regular o bien.

gtmetrix

Otras herramientas que puedes usar son Pingdom Website Speed TestDotcom-monitorMonitis, entre otras.

Ten en cuenta que algunos ítems que aparecen en estos sitios web de análisis deben ser trabajados por un programador, por lo que si ves alguno que esté muy grave, es mejor que te contactes con alguien que maneje código.

6 comentarios en “8 acciones para mejorar la velocidad de carga de una web”

  1. Pingback: Optimizar un sitio web ¿Qué acciones debo tomar? - Cafelectrico

  2. Pingback: Posicionar una web ¿Qué estrategia usar para lograrlo? - @Cafelectrico

  3. Pingback: 4 mejores plugins SEO para Wordpress - @Cafelectrico

  4. Pingback: Lazy loading: ¿Por qué es importante para el SEO? - @Cafelectrico

  5. Pingback: Web Core Vitals ¿Qué es y por qué es importante en SEO? - @Cafelectrico

  6. Pingback: Mejor SEO en Wordpress: 5 tips - @Cafelectrico

Deja un comentario

Ir arriba