En Posicionamiento Web Málaga sabemos lo importante que es que una Web sea rápida, los usuarios y Google lo toman en cuenta, por eso hoy queremos hablarte sobre cómo mejorar los tiempos de carga de tu Web. Las razones por la que tu sitio puede ser lento son muchas, como los cookies, el contenido, el hosting, servidor, CSS, JavaScript, entre muchas otras. La idea es que sepas determinar el problema y corregirlo. Sigue leyendo y aprender más, este tema es muy útil para tu SEO.
7 prácticas para mejorar los tiempos de carga de tu Web
Conoce las mejores prácticas para acelerar tu sitio Web, y mejorar así algunas de las métricas más importantes en el posicionamiento Web.
1. Contenido
Consigue que tu Web haga menos solicitudes HTTP, a mayores solicitudes, el tiempo de carga es mayor, lo que afecta la experiencia del usuario, aumenta la tasa de rebote y otras métricas importantes. ¿Qué es una solicitud HTTP? Cuándo una persona abre tu Web en un navegador, pide al servidor que envíe los archivos con el contenido del sitio (texto, imágenes, multimedia), esa petición es la solicitud HTTP. El navegador necesita cada carpeta HTTP por separado, si no tienes muchas carpetas entonces la petición y descarga no tomará mucho, pero la mayoría de las Webs tiene muchas.
No hay un número mágico de carpetas, algunos dicen que entre 10 y 30. Lo primero que debes hacer es revisar cuántos requerimientos hace tu sitio, puedes hacerlo en Google Chrome yendo a Herramientas -> Más Herramientas -> Herramientas para desarrolladores. Podrás tener una idea de qué archivos tardan más en cargar, como imágenes, podrías eliminar las que son innecesarias, si tienes alguna que no aporta valor bórrala, especialmente si son grandes. También puedes reducir el tamaño de las imágenes que tienes. Otras opciones son hacer que JavaSript sea asincrónico, combinar carpetas CSS.
Reduce la cantidad de DNS lookups o resolución DNS inversa, ya que se hacen menos peticiones; también evita las redirecciones de URLS, estas se usan con códigos 301 y 302, le dicen al navegador que debe a ir a otra ubicación para encontrar el contenido, insertar una retrasa los tiempos de carga. Minimiza el número de iframes y evita los 404.
2. Servidor
Utiliza un CDN (Content Delivery Network), es un sistema de servidores distribuidos que entregan sitios Web y otro contenido Web a un usuario, basado en la ubicación geográfica del usuario, el origen del sitio Web y el servidor. Usa Gzip, este es un compresor genérico que puede ser aplicado a cualquier cantidad de bytes.
Configura las ETags, o entity tag, es una parte del HTTP, el protocolo WWW. Es uno de los mecanismos que provee HTTP para la validación del caché en la Web, que permite que un cliente haga solicitudes condicionales.
Otras recomendaciones, evita la imagen src vacía, usa GET para las solicitudes Ajax. Recuerda que los tiempos de carga son un factor básico para el SEO.
3. Cookie
Reduce el tamaño de los cookies. Cuando un usuario entra a una Web, que tiene la función de cookies, por primera vez, un cookie es enviado del servidor al navegador y almacenado por el navegador en el ordenador. Entonces, cuándo un usuario ingrese de nuevo a esa Web, será reconocido, por la información del cookie.
Los cookies son un problema por la privacidad de los usuarios, y su uso para rastrear comportamientos, muchos países, como España, tienen leyes de protección en este sentido.
Usa dominios cookie-free, cuándo un navegador solicita una imagen estática y envía cookies con la solicitud, el servidor ignora esos cookies, son tráfico innecesario. El contenido estático del servidor de un para evitar tráfico innecesario de cookies.
4. CSS
Coloca las hojas de estilo CSS al principio, debes colocarlas antes de los scripts, recuerda que lo mejor en el diseño Web no se trata solo de la interfaz que ven los usuarios, sino también es necesario lo que pasa detrás de esto, el código. Si quieres que tu sitio cargue más rápido lo ideal sería colocar tu CSS al principio de la sección < head > y el JavaScript en el fondo.
¿Por qué? Esto permite al navegador cargar el CSS primero, así el usuario podrá ver el contenido al cargar el sitio, y no estarán viendo una página en blanco. Esto hace que los usuarios sientan que la Web carga más rápido de lo que en verdad lo hace.
Recuerda evitar las expresiones CSS, estas degradan el desempeño y rendimiento, reemplanzándolas con alternativas, lo que mejorará el rendimiento para los usuarios. A las expresiones CSS se les conoce como propiedades dinámicas también.
Usa < links > en lugar de @import, este último es un código CSS usado para importar reglas de estilo de un sitio a otro desde las hojas de estilo. Estas reglas deben privar sobre otro tipo de reglas, excepto las @charset. Muchos indican que @import tiene un impacto negativo en el desempeño de la Web. Usar la etiqueta LINK es lo más recomendado por su simplicidad, tienes que recordar poner el @import al principio del bloque de estilo o de otra manera no funcionará.
Ya hemos llegado al final de la primera parte de este post sobre cómo mejorar los tiempos de carga de tu Web, si quieres posicionarte hay muchos aspectos importantes en el diseño de tu sitio, si no eres experto en el tema, lo mejor es contratar los servicios de un webmaster que puedan ayudarte en la optimización. En la próxima entrega hablaremos sobre JavaScript, imágenes y lo móvil.
¿Tienes alguna duda? ¿Necesitas ayuda en este tema? No dudes en contactarnos, estamos siempre dispuestos a responder y ayudarte.
