La velocidad de carga de la página es lo primero que notas cuando visitas un sitio web, pero solo lo notarás si el sitio web es demasiado lento. La velocidad de la página es una parte importante de la experiencia del usuario, por lo que no es de extrañar que se haya convertido oficialmente en un factor de clasificación para las búsquedas móviles y lo haya sido para el escritorio durante años.
Numerosos estudios sobre la correlación entre la velocidad de carga de la página y las tasas de rebote han llegado a conclusiones bastante alarmantes: cada milisegundo cuenta. Con nuestra nueva investigación sobre el rendimiento del sitio web, queríamos añadir un rayo de esperanza a las desalentadoras estadísticas y demostrar que hay mucho margen de mejora en el rendimiento de su sitio web.
Nuestra investigación le ayudará a estructurar su flujo de trabajo al tratar con la optimización del rendimiento del sitio. En particular, le mostraremos cuáles son los errores más destacados y cuáles de ellos necesitan esa atención adicional para que pueda priorizar el proceso de solucionarlos.
Metodología
Para este estudio, analizamos 150.000 sitios web aleatorios (tanto versiones de escritorio como móviles) para evaluar su rendimiento. Para recopilar los datos, utilizamos el nuevo informe de rendimiento de Alien Road Site Audit, que proporciona estadísticas útiles sobre los nueve problemas más comunes que afectan al rendimiento del sitio web.
Resultados sorprendentes
Sorprendentemente para nosotros, es la primera vez que vemos que un enorme 82% de los sitios web analizados tienen problemas que afectan significativamente a su rendimiento. Esto hace que los problemas relacionados con el rendimiento sean algunos de los más comunes en los sitios web.
Además, el 44% de los sitios web analizados tenían al menos un problema crítico (según nuestra clasificación de gravedad de problemas de Site Audit).
En una nota positiva, descubrimos que la mayoría de los sitios web que experimentan problemas de rendimiento pueden mejorarlos utilizando técnicas sencillas de optimización de páginas y una configuración de servidor simple.
Ahora vamos a analizar más de cerca los problemas que encontramos y sugerir algunas de las formas probadas y comprobadas de eliminarlos.
Esperamos que estos datos le ayuden a priorizar su trabajo y a estimar el número y la gravedad de los problemas que pueden ocurrir en su sitio web.
Limpiar redirecciones
Empecemos con uno fácil. Las cadenas y bucles de redirección son problemas clásicos que causan problemas con el rendimiento del sitio web. Si no quiere poner a prueba la paciencia de sus usuarios con cadenas y bucles de redirección, intente evitarlos en su sitio web.
Además, las cadenas de redirección confunden a los bots; su presupuesto de rastreo es limitado y, con cada redirección, su página pierde un poco de su rango original. A continuación, hay un gran video sobre redirecciones de Matt Cutts si desea obtener más información.
Si una página contiene 3 o más URL o un bucle, nuestro Site Audit la marca como que tiene un problema. Afortunadamente, solo el 7% de los sitios web analizados tenían este problema, según nuestro estudio.
Sin embargo, las redirecciones de una página a otra son a menudo una necesidad al cambiar la marca o renombrar un sitio web, migrarlo a HTTPS, reducir páginas duplicadas (por ejemplo, versiones “www” y “non-www”), y en muchos otros casos.
Cuanto más grande y antiguo se vuelve su sitio web, más difícil es mantener su estructura limpia. Las redirecciones tienden a acumularse y crear cadenas; cuantos más enlaces haya, más tiempo se tarda en llegar a la página de destino. Es por esto que debe ser muy cuidadoso al implementar redirecciones ‘necesarias’.
Reducir el tamaño de la página
Cuanto más pesada sea la página y más recursos contenga, más tiempo tardará en cargarse. Es importante asegurarse de que el tamaño de su página, así como el tamaño total de los archivos JS y CSS (tamaño de transferencia), no supere los 2 MB.
En nuestro Site Audit, cualquier cosa por encima de 2 MB se considera pesada y hace que aparezca un error. Aunque 2 MB es suficiente para que una página ‘viva su vida al máximo’, el 1% de los sitios web analizados todavía tenían este problema. Si se encontró entre ese 1%, le recomendamos que ponga su página a dieta y mantenga su tamaño al menos por debajo de los 2 MB.
Las imágenes y los videos constituyen la mayor parte del peso de una página, por lo que ese debería ser su punto de partida. Cambiar el formato, la resolución o la calidad de su contenido visual puede reducir significativamente el tamaño de la página. Empiece preguntándose si estos elementos visuales aportan algún valor real y recuerde que a veces menos es más.
Nuestra investigación reveló un decepcionante 68% de sitios web con archivos JavaScript y CSS sin minificar. Al minificar sus archivos JavaScript y CSS (eliminando líneas innecesarias, espacios en blanco y comentarios del código fuente), reducirá el tamaño de sus recursos y, por lo tanto, su tiempo de carga, proporcionando una mejor experiencia de usuario y mejorando su clasificación en los motores de búsqueda.
La minificación del código JavaScript se puede hacer utilizando dos herramientas populares: JSMin y YUI Compressor. El YUI compressor también puede minificar CSS. Closure Compiler es otra herramienta útil que analiza su JavaScript, elimina el código muerto y reescribe y minimiza lo que queda. La ofuscación es otro método de reducción de tamaño, ligeramente más efectivo que la minificación, aunque un poco más arriesgado en términos de generar errores como resultado del paso de ofuscación en sí.
Además de minificar scripts y estilos, no olvide comprimir HTML, CSS y Javascript utilizando esquemas como gzip o deflate. Esto reducirá su tamaño a la mitad o incluso más.
Según los informes State of JavaScript y Page Weight, que proporcionan estadísticas sobre el uso de JavaScript y CSS en la web tanto para experiencias móviles como de escritorio, una página web promedio contiene 25 solicitudes de recursos (20 solicitudes de JS y 5 solicitudes de CSS, respectivamente).
Nuestra herramienta Site Audit marcará una página como que contiene ‘Demasiados archivos JavaScript y CSS’ solo si tiene más de 100 recursos, y esto es bastante. ¡Aún así, el 1% de los sitios web analizados resultó tener demasiados archivos JavaScript y CSS! Asegúrese de no sobrecargar su página con archivos JavaScript y CSS. En general, cuantas menos solicitudes reciba, mejor, por lo que al mantener este número por debajo de 100, está en el lado seguro. Además, considere fusionar varios archivos CSS y JS en archivos únicos para acelerar el proceso de carga.
Encontrará mucha información útil sobre cómo condensar su sitio web en los siguientes recursos:
Impulsar el rendimiento del servidor
Una de las razones de una velocidad de carga de página lenta es obviamente un tamaño de página HTML grande. Sin embargo, como descubrimos en el capítulo anterior, solo el 1% de los sitios web analizados resultó tener un tamaño de página HTML grande. Entonces, ¿de dónde provienen el otro 42% de los problemas de velocidad de carga de página lenta? Muy a menudo, esto se debe a problemas del servidor.
Si el servidor web carece de eficiencia, la página web a la que intenta acceder también se cargará lentamente. Debe revisar su servicio de alojamiento y el paquete proporcionado; si es inadecuado, cambie de proveedor o considere obtener un servidor dedicado. Obtenga más información sobre los factores que contribuyen a un paquete de alojamiento rápido aquí.
Lo mismo ocurre con los sitios web móviles. De hecho, para los sitios móviles, el factor de velocidad de la página es aún más crítico, ya que a menudo son utilizados por personas que están en movimiento. Esta calculadora de Think with Google le ayudará a estimar cómo mejorar la velocidad de su sitio podría afectar a sus ingresos.
Existen otros factores que pueden ralentizar la respuesta de su servidor, como la lógica de aplicación lenta, consultas de base de datos lentas, enrutamiento lento, marcos, bibliotecas, falta de CPU de recursos o falta de memoria. Utilice estas recomendaciones de Google Developers sobre cómo manejar estos problemas y mejorar el tiempo de respuesta del servidor.
Como indica nuestra investigación, el 25% de los sitios web analizados tienen archivos Javascript y CSS sin caché. Este problema se activa si el almacenamiento en caché del navegador no se especifica en el encabezado de respuesta. En pocas palabras, no habilitar el almacenamiento en caché del navegador hará que los usuarios descarguen los mismos archivos cada vez que visiten su página.
Habilitar el almacenamiento en caché del navegador para archivos JavaScript y CSS permite a los navegadores almacenar y reutilizar los recursos de su página sin tener que descargarlos de nuevo al solicitar su página. De esa manera, el navegador descargará menos datos, lo que reducirá el tiempo de carga de su página.
En general, esta simple solución podría hacer que una cuarta parte de los sitios web investigados funcionen significativamente mejor.
Empezar a solucionar
Hay muchos factores que se suman a la velocidad final de la página, y lidiar con todos ellos manualmente es una tarea insoportable, pero siempre puede recurrir a herramientas especializadas.
PageSpeed Insights de Google es una excelente opción para empezar; es gratuita, funcional y proporciona informes tanto para la versión móvil como para la de escritorio de su sitio. Un beneficio adicional es que se centra en los problemas considerados importantes por el propio Google.
Google utiliza los datos de la experiencia de los usuarios de Chrome en la página para evaluar si es Rápida, Lenta o Promedio en términos de velocidad de carga. Desafortunadamente, esto significa que solo podrá obtener información sobre sitios web que reciban suficiente tráfico de usuarios de Chrome para su análisis, y los sitios web más pequeños podrían obtener el resultado No disponible.
Para los resultados Lento y Promedio, se le proporcionarán Sugerencias de optimización, que es una lista de mejores prácticas para acelerar la página. Definitivamente vale la pena echar un vistazo a esta lista, aunque debe tomarse con cautela; perseguir la puntuación perfecta podría llevar a perder el tiempo y crear una mala experiencia de usuario.
Para un análisis de sitio exhaustivo y flexible que también va mucho más allá de los problemas de rendimiento, sugerimos la herramienta Alien Road Site Audit:
El informe de rendimiento de Alien Road Site Audit le proporcionará gráficos estadísticos para obtener una idea general de los problemas técnicos de su sitio web; sus consejos explicarán de qué trata cada problema y cómo puede solucionarlo.
La lista de problemas se divide por gravedad en Errores, Advertencias y Avisos; esto le ayudará a clasificar primero los errores más críticos.
El informe de rendimiento también le permite conectar su cuenta de Google Analytics para obtener más información sobre la experiencia del usuario (Tiempo promedio de interacción de página de Google Analytics):
Como puede ver, con ajustes y configuración, acelerar su sitio web es bastante simple. Pruebe partes específicas de su sitio web, utilice informes temáticos y siga nuestras recomendaciones para ahorrar sus recursos y obtener los mejores resultados con el menor esfuerzo. Además, siempre puede realizar un seguimiento de su progreso monitoreando su Puntuación de rendimiento en la parte superior del informe.
Utilice la sección de comentarios a continuación para compartir sus mejores prácticas para mejorar la velocidad de su sitio web. Además, siéntase libre de compartir enlaces que puedan ayudar a otros propietarios de sitios web a solucionar sus problemas de rendimiento del sitio web: recopilemos una biblioteca útil.
¿Qué es el marketing electrónico? — Definición, tipos y ejemplos
Precios de agencias de marketing digital
Precios de agencias de marketing digital Nunca ha habido una mayor demanda de servicios de marketing digital ..
Servicio relacionado: Diseño y desarrollo web