10 motivos por los que su sitio web carga lento (y cómo arreglarlos)

h2: 1. Imágenes sin optimizar

Un gran volumen de imágenes sin optimizar suele ser el motivo más habitual de la lentitud de un sitio web. Las imágenes de alta resolución pueden consumir mucho ancho de banda durante la carga. Subir imágenes grandes y después reducirlas en el navegador aumenta innecesariamente el tamaño de la página, y eso la hace cargar lenta. Esto es así independientemente del CMS o del website builder que utilice.

El formato de la imagen es otro factor importante a tener en cuenta.

Elija el formato que corresponde al contenido: JPEG para fotografías, PNG o SVG para gráficos planos y logotipos, y WebP o AVIF donde su CMS los admita, porque suelen ser aún más pequeños.

Conclusiones:

• Compruebe el tamaño de archivo de sus imágenes. Cualquier cosa por encima de 1MB es realmente inaceptable.
• Use JPEG para fotografías, PNG o SVG para gráficos, y WebP o AVIF donde su CMS los admita.
• Use waterfall tests para revisar fácilmente los tamaños de imagen y tomar medidas correctivas.

h2: 2. Problemas con JavaScript

La disponibilidad de plugins JavaScript/jQuery ha hecho muy cómodo añadir contenido dinámico a los sitios web. Sin embargo, si se implementa mal, JavaScript puede hundir la velocidad de carga de las páginas de su sitio.

Cargar, interpretar y ejecutar jQuery y JavaScript lleva tiempo. Así que, si utiliza varias llamadas a API para renderizar datos JavaScript/jQuery, la carga de las páginas puede sufrir un retraso significativo.

Conclusiones:

• Cargue los scripts de forma asíncrona y consolide las herramientas detrás de un único tag manager.
• Considere algo como Segment o Google Tag Manager. ¡Un solo script para todas sus herramientas!

h2: 3. Vídeos y animaciones incrustados pesados

Los vídeos de fondo con reproducción automática, los reproductores incrustados y las bibliotecas de animación pesadas son una causa habitual de páginas lentas. Son grandes, a menudo arrastran scripts de terceros y compiten por el ancho de banda con el contenido al que venían sus visitantes.

Cargue los reproductores de vídeo solo cuando el visitante pulse play, muestre hasta entonces una imagen poster ligera y prefiera las animaciones CSS a las grandes bibliotecas de scripts. Si quiere que su sitio web vaya más rápido, esta suele ser una de las mejoras más rápidas.

Conclusiones:

• Los vídeos incrustados y las bibliotecas de animación son pesados.
• Cargue los reproductores de vídeo al hacer clic, no al cargar la página.
• Prefiera las animaciones CSS a las grandes bibliotecas JavaScript.

h2: 4. Demasiadas peticiones HTTP

Tener montones de archivos JavaScript, CSS y de imagen puede provocar demasiadas peticiones HTTP. Cuando un usuario visita su página, el navegador solicita cada uno de esos archivos, y los que bloquean el renderizado retrasan la página. HTTP/2 y HTTP/3 transportan muchas peticiones por una sola conexión, así que muchos archivos pequeños cuestan mucho menos que antes. Los bytes totales y los archivos que bloquean el renderizado son lo que más importa hoy.

Conclusiones:

• Asegúrese de que su servidor admite HTTP/2 o HTTP/3.
• Difiera o elimine el CSS y el JavaScript que bloquean el renderizado siempre que sea posible.
• Minifique sus archivos CSS y JavaScript para reducir los bytes que los visitantes tienen que descargar.

h2: 5. No aprovechar las técnicas de caché

Active la caché del navegador (HTTP) para los archivos estáticos y la caché de página en el servidor para las páginas dinámicas. Nuestro artículo sobre la caché en PHP cubre OPcache, las object caches y las page caches.

h2: 6. Código desordenado

Otro culpable habitual de la lentitud de un sitio es el código desordenado. Al construir su sitio web, los espacios en blanco excesivos, los estilos inline, las líneas vacías y los comentarios innecesarios pueden hacer crecer el tamaño de la hoja de estilos.

Al eliminar esos elementos innecesarios puede comprimir el código, reducir el tamaño del archivo y mejorar el tiempo total de carga, y si sigue sus posiciones en buscadores probablemente verá también un empujón en su rendimiento SEO. En términos técnicos, este proceso se llama minificación. Si no se siente cómodo con el código, existen varias herramientas online para limpiar y minificar las hojas de estilo. Como alternativa, un desarrollador puede hacerlo por usted como parte del proceso de build.

Conclusiones:

• Evite el CSS inline.
• Procure no crear varias hojas de estilo CSS cuando puede usar una sola.
• ¡Minifique!

h2: 7. No usar compresión (gzip o Brotli)

Al activar la compresión gzip, indica al servidor que comprima cada respuesta de texto (HTML, CSS, JavaScript, JSON, SVG) antes de enviarla al navegador. Brotli comprime aún más y todos los navegadores modernos lo admiten. Las imágenes como JPEG, PNG y WebP ya están comprimidas y no ganan nada con ello.

Conclusiones:

• La compresión gzip o Brotli es una mejora de rendimiento fácil.
• Comprime cada respuesta de texto (HTML, CSS, JavaScript) antes de enviarla al navegador.

h2: 8. Demasiados anuncios

El efecto más evidente de sobrecargar su sitio web con publicidad es el añadido de peticiones HTTP, que necesitan tiempo de procesamiento adicional.

Los anuncios rich media, como pop-unders, interstitials y descargas automáticas, pueden generar cientos de peticiones HTTP y dejar su sitio web sin respuesta.

Cargue los anuncios con un breve retraso, después de que se haya renderizado el contenido principal.

h2: 9. No usar un servicio CDN

Una CDN sirve los archivos estáticos desde un nodo cercano al visitante. Ayuda sobre todo cuando su audiencia está repartida entre regiones. Para una audiencia de un solo país en un servidor bien ubicado cambia poco.

h2: 10. Su plataforma de hosting

Si ha repasado todas las causas anteriores y su sitio web sigue respondiendo despacio, mire la plataforma que hay debajo. Elija un proveedor de hosting que incluya la puesta a punto del rendimiento en el servicio.

El managed hosting debería incluirla.

En EuroVPS construimos el stack web alrededor de su aplicación, ya ejecute WordPress, Magento, PrestaShop o Drupal.

h2: Conclusión

En EuroVPS, nuestro equipo de soporte puede revisar con usted la configuración del servidor web y de PHP y ayudarle a encontrar qué está ralentizando su sitio.