Errores que afectan en la velocidad de carga del sitio web

Es posible que haya escuchado ese viejo refrán que dice «Lento pero constante gana la carrera», pero cuando se trata del rendimiento de su sitio web, esa es ciertamente una fórmula para el fracaso.

Errores que afectan en la velocidad de carga del sitio web

Aquí están 10 razones principales para la carga lenta de los sitios web.

1. Imágenes no optimizadas

Un gran volumen de imágenes no optimizadas suele ser la razón más común detrás de la lentitud del sitio web. Las imágenes de alta resolución pueden consumir mucho ancho de banda mientras se cargan. Cargar imágenes de gran tamaño y luego reducirlas puede aumentar innecesariamente el tamaño de su página web, haciendo que su sitio web se cargue lentamente.

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

Por ejemplo, las imágenes JPEG son mucho más pequeñas que otros formatos de imagen como PNG o GIF. Naturalmente, su página web se cargará más rápido si utiliza imágenes JPEG en lugar de PNG/GIF.

Conclusión:

• Comprueba el tamaño de tus imágenes, cualquier cosa que supere 1MB es realmente inaceptable.
• Utilice JPEG en lugar de PNG, especialmente para las imágenes más grandes. Los iconos están bien.
• Utilice las pruebas de cascada para analizar fácilmente el tamaño de las imágenes y tomar medidas correctivas.
• Las imágenes no optimizadas pueden costarle dinero en forma de exceso de ancho de banda.

2. Problemas con JavaScript

La disponibilidad de los plugins JavaScript/jQuery ha hecho que sea realmente conveniente añadir contenido dinámico a los sitios web. Sin embargo, si se implementa de forma incorrecta, JavaScript puede paralizar la velocidad de carga de la página de su sitio web.

Se necesita tiempo para que jQuery y JavaScript se carguen, interpreten y ejecuten. Por lo tanto, si utiliza varias llamadas a la API para representar los datos de JavaScript/jQuery, puede producirse un retraso significativo en la carga de las páginas web.

Conclusión:

• La hinchazón de los scripts es real. Audite sus scripts de JavaScript para ver lo que realmente necesita y elimine lo que no necesita.
• La carga asíncrona es una necesidad.
• Considere el uso de algo como Segment o Google Tag Manager. Un solo script para todas sus herramientas.

3. Demasiado contenido Flash

Aunque Flash es una gran herramienta para añadir interactividad a su sitio web, es muy probable que contribuya a la lentitud de carga de su página. El contenido Flash suele ser de gran tamaño y cuanto mayor sea el tamaño del archivo, más lenta será la carga de sus páginas.

Reducir el tamaño de sus archivos Flash o eliminarlos por completo mejoraría la velocidad de carga de su página de forma significativa. Si está dispuesto a hacer que su sitio web sea más rápido, debería buscar alternativas HTML5 para reemplazar su contenido Flash existente.

Conclusión:

• Flash es muy voluminoso y no es bueno para el rendimiento.
• Flash solía ser genial. Ya no lo es.
• Busca sustitutos en HTML5.

4. Excesivas peticiones HTTP

Tener montones de archivos JavaScript, CSS e imágenes puede llevar a demasiadas peticiones HTTP. Cuando un usuario visita tu página web, el navegador realiza varias peticiones para cargar cada uno de estos archivos, lo que puede reducir significativamente la velocidad de carga de la página.

Conclusión:

• Utilizar Sprites para reducir las peticiones HTTP.
• Reduce el número de archivos en tus páginas siempre que sea posible. Incluye CSS, imágenes, javascript.
• Minificar tus archivos CSS y Javascript reduce el número de archivos totales que los usuarios tendrán que descargar.

5. No hacer uso de las técnicas de almacenamiento en caché

Se sabe que el almacenamiento en caché mejora el rendimiento de los sitios web a pasos agigantados. Si no estás almacenando en caché, te lo estás perdiendo. Se trata de una técnica que permite almacenar en la «memoria caché» los puntos de datos más utilizados.

Cualquier solicitud posterior del mismo contenido se sirve desde la memoria caché, lo que acelera todo el proceso de recuperación de datos.

Al implementar el almacenamiento en caché del navegador/HTTP y el almacenamiento en caché del lado del servidor, es probable que experimente una gran mejora en el rendimiento de su sitio web.

Conclusión:

• El almacenamiento en caché mejora drásticamente el rendimiento.
• Puedes almacenar en caché un montón de cosas, desde HTTP, consultas a bases de datos, hasta imágenes.
• Si puedes almacenar algo en caché, hazlo. Pero hazlo con cuidado para no estropear nada. Puede ser complicado.

6. Código poco limpio

Otro culpable común de la lentitud del sitio web es la codificación poco limpia. Cuando haces tu sitio web, los espacios en blanco excesivos, los estilos en línea, las nuevas líneas vacías y los comentarios innecesarios pueden hacer que la hoja de estilos del sitio web aumente de tamaño.

Al eliminar estos elementos innecesarios, puede comprimir el código, reducir el tamaño del archivo y mejorar el tiempo de carga de la página en general y, si está haciendo un seguimiento de las clasificaciones, probablemente también verá un impulso en su rendimiento SEO. En términos técnicos, este proceso se conoce como minificación. Si no se siente cómodo con la codificación, hay varias herramientas en línea que pueden utilizarse para limpiar y minificar sus archivos de hojas de estilo. También puede recurrir a la ayuda de algunos proveedores de servicios informáticos.

Conclusión:

• La atención al detalle es importante.
• No seas perezoso y utiliza CSS en línea
• Intenta no crear varias hojas de estilo CSS cuando puedes utilizar una sola.
• Redúzcalo.

7. No utilizar la compresión gZIP

Al habilitar la compresión gZIP, usted le indica al servidor que envuelva todos los objetos web (imágenes, CSS, archivos JavaScript, etc.) en un solo contenedor antes de que sean enviados al navegador solicitante.

La compresión disminuye el tiempo de respuesta al reducir el tamaño de los datos que se transfieren entre su servidor y el navegador de los visitantes, lo que a su vez ayuda a servir el contenido solicitado mucho más rápido.

Si aún no ha habilitado la compresión gZIP en su sitio web, entonces es lo primero que debe hacer sin perder más tiempo.

Conclusión:

• La compresión gZIP es una ganancia de rendimiento fácil.
• Envuelve todos sus objetos web (imágenes, CSS, jS) en un solo contenedor para ser enviado al navegador solicitante

8. Demasiados anuncios

No hay duda de que los anuncios de display son estupendos para monetizar los sitios web con mucho tráfico y aumentar los resultados de su informe publicitario.

Pero eso no debería venir a costa de comprometer el rendimiento o la experiencia del usuario. No dejes que el exceso de anuncios sea otra razón por la que tu sitio web es lento.

El impacto más obvio de sobrecargar su sitio web con anuncios es la adición de solicitudes HTTP, que necesitarían un tiempo de procesamiento adicional.

Especialmente los anuncios rich media -como los pop unders, los interstitials y las descargas automáticas- pueden crear cientos de peticiones HTTP haciendo que su sitio web no responda.

En resumen, limitar el número de anuncios en pantalla garantizará un mejor rendimiento de su sitio web, pero también puede haber otras opciones creativas aparte de limitar los anuncios. El equipo del sitio de juegos Solitaired, por ejemplo, experimentó con la carga de anuncios basada en un retraso en el momento en que los usuarios empezaban a jugar a su juego de solitario. Como resultado, la velocidad de la página mejoró y pudieron mantener los ingresos por publicidad.

Conclusión:

• Los anuncios son peticiones HTTP adicionales y ralentizan el tiempo de carga de la página.
• Utilícelos sólo cuando sea necesario, ya que mejorará el rendimiento, la experiencia del usuario y el CTR de sus anuncios.

9. No utilizar un servicio CDN

Un servicio CDN es una red distribuida de servidores independientes desplegados en diferentes ubicaciones geográficas, que pueden servir contenido web a los visitantes con alta disponibilidad y alto rendimiento.

Dependiendo de la ubicación geográfica de su visitante, el contenido solicitado es servido por el nodo ubicado en el centro de datos más cercano disponible. Así se minimiza el tiempo de ida y vuelta (RTT) y se sirve el contenido solicitado en un tiempo mucho más rápido.

Conclusión:

• No es obligatorio, pero la CDN puede ayudar. Especialmente si tiene visitantes de todo el mundo.
• Las CDN almacenan en caché los datos de acceso frecuente en centros de datos distribuidos geográficamente.
• Pueden ayudar a minimizar el tiempo de ida y vuelta (RTT) y servir el contenido más rápidamente a su público.

10. Mal alojamiento

Su proveedor de servicios de alojamiento web marca una gran diferencia en lo que respecta al rendimiento del sitio web. Sí, es posible que la velocidad de carga de su página, más lenta que la media, no sea del todo culpa suya.

Si ha intentado corregir todas las causas mencionadas anteriormente y, sin embargo, su sitio web parece responder con lentitud, cambiar de proveedor de alojamiento puede resolver su problema. Elija un proveedor de alojamiento que ofrezca servicios de optimización del rendimiento incluidos en el precio del alojamiento.

El verdadero alojamiento gestionado debería incluir esto.

Por ejemplo, en Marcosaguilar, ofrecemos servidores web personalizados, construidos para cada cliente individualmente y de acuerdo a las necesidades de su sitio web.

Conclusión

La velocidad de carga de las páginas web depende de una variedad de factores como imágenes no optimizadas, un alto número de peticiones HTTP, códigos voluminosos y problemas de JavaScript, por nombrar algunos.

Puede ser una tarea difícil averiguar qué es exactamente lo que está causando la ralentización del sitio web. No importa cuál sea la causa raíz, usted no debe dejar ninguna piedra sin remover para llegar al fondo del problema porque el no hacerlo podría ser la diferencia entre un adicional de $ 1000 / mes en los ingresos.

Nuestro equipo de soporte le ayudará a deshacerse de los sitios web de carga lenta para siempre. Le ayudaremos a ajustar los parámetros de Apache, las configuraciones y versiones de PHP, así como a compilar pilas de Apache/PHP personalizadas a petición.