Cómo acelerar un sitio web lento

Un sitio web lento es uno de los problemas más costosos que puede tener una empresa, precisamente porque es muy fácil de ignorar. Nada se rompe. No aparece ningún mensaje de error. El sitio sigue cargando, finalmente, por lo que el propietario asume que todo está bien. Mientras tanto, los visitantes que llegaron listos para comprar o consultar se van silenciosamente, de vuelta a los resultados de búsqueda, a menudo antes de que la página termine de aparecer. El costo es invisible en un solo día, por lo que se acumula durante meses antes de que alguien investigue.

La buena noticia es que la velocidad es uno de los aspectos más fáciles de solucionar de cualquier sitio web. A diferencia del gusto por el diseño o la estrategia de marca, el rendimiento de la página es medible y la mayoría de las causas comunes se comprenden bien. No es necesario ser un desarrollador para comprender lo que está sucediendo o para tomar decisiones sensatas al respecto. Esta guía explica por qué los sitios web se ralentizan, cómo medir el problema honestamente y los pasos prácticos que brindan mejoras reales en lugar de cosméticas. El objetivo no es buscar una puntuación perfecta, sino brindar a sus visitantes una página que se sienta fácil de usar.

Por qué un sitio web rápido importa más de lo que parece

Las personas se forman una impresión de un sitio web en el primer momento en que aparece. Cuando una página duda, esa duda se interpreta como una señal: el negocio se siente menos profesional, menos digno de confianza, menos digno de esperar. Los visitantes rara vez lo expresan. Simplemente se van, y se van más rápido en las conexiones móviles donde la paciencia es más escasa y las distracciones están a un toque de distancia. La parte frustrante para la empresa es que ninguna de estas salidas se muestra como una queja. No hay un correo electrónico enojado, ni una crítica negativa, solo una ausencia silenciosa de la consulta o la venta que de otro modo habría ocurrido.

La velocidad también afecta la frecuencia con la que las personas te encuentran en primer lugar. Los motores de búsqueda tratan el rendimiento de carga como un factor en la forma en que clasifican las páginas, porque quieren enviar a sus usuarios a sitios que brinden una buena experiencia. Por lo tanto, un sitio rápido no solo es más amable con los visitantes que ya tienes, sino que también ayuda silenciosamente a que lleguen más visitantes. Los dos efectos se combinan, por lo que el rendimiento merece un lugar permanente en tu agenda de mantenimiento en lugar de una limpieza única. Un sitio que carga rápidamente convierte una mayor proporción de los visitantes que ya atrae, y atrae una mayor proporción de la audiencia que busca lo que ofrece, y esas dos ganancias se refuerzan mutuamente mes tras mes.

Cómo medir la velocidad antes de cambiar algo

La regla cardinal del trabajo de rendimiento es medir primero. Es tentador comenzar a instalar complementos y ajustar la configuración en el momento en que un sitio se siente lento, pero sin una línea de base no se puede saber si los cambios ayudaron, no hicieron nada o empeoraron las cosas en silencio. La medición convierte un sentimiento vago en un número que se puede mejorar y lo protege de la trampa común de invertir esfuerzo en cambios que se sienten productivos pero que no mueven nada.

Las herramientas gratuitas lo hacen sencillo. PageSpeed Insights de Google analiza una sola página e informa tanto la rapidez con la que cargó en una prueba controlada como la forma en que los visitantes reales la han experimentado en las últimas semanas. La distinción es importante. Los resultados de laboratorio son repetibles y útiles para el diagnóstico, mientras que los datos de campo reflejan la realidad desordenada de diferentes dispositivos, redes y ubicaciones. Cuando los dos no concuerdan, confíe en los datos de campo para comprender a su audiencia y en los datos de laboratorio para encontrar problemas específicos. También vale la pena registrar sus números en un lugar simple, como una hoja de cálculo, para que pueda ver la tendencia a lo largo del tiempo en lugar de reaccionar a una sola instantánea.

Preste especial atención a las Core Web Vitals, un pequeño conjunto de mediciones que capturan cómo se siente realmente la carga. Largest Contentful Paint mide cuánto tiempo tarda en aparecer el contenido principal. Interaction to Next Paint mide la rapidez con la que responde la página cuando alguien toca o hace clic. Cumulative Layout Shift mide cuánto se mueve la página mientras carga, que es el efecto exasperante que hace que toque el botón equivocado. Juntos, describen la experiencia mucho mejor que una puntuación general única, porque una página puede obtener una puntuación respetable en el titular sin dejar de sentirse desagradable de una manera específica que estas mediciones exponen.

Pruebe las páginas que importan, no solo la página de inicio

Un error común es probar solo la página de inicio y asumir que el resto del sitio se comporta de la misma manera. En realidad, las páginas de productos, los artículos del blog y los flujos de pago a menudo tienen un rendimiento bastante diferente porque contienen contenido y scripts diferentes. Pruebe una muestra representativa: su página de inicio, una página de destino clave, una página de contenido típica y cualquier página donde los visitantes realicen una acción importante. La más lenta de estas suele ser donde se pierde la mayor parte del negocio, y con frecuencia no es la página que habría adivinado. Las páginas que manejan pagos o formularios suelen llevar scripts adicionales y merecen un escrutinio particular.

Los sospechosos habituales detrás de un sitio lento

La mayor parte de la lentitud se remonta a una breve lista de culpables. Comprenderlos le ayuda a dirigir el esfuerzo donde cuenta en lugar de perseguir ganancias marginales. La tentación cuando un sitio se siente lento es buscar un complemento que promete solucionarlo todo, pero la mejora duradera proviene de comprender cuál de estas causas se aplica a su sitio en particular y abordarla directamente.

Las imágenes de gran tamaño son la causa más común. Una fotografía directamente de un teléfono o cámara puede ser varias veces más grande de lo necesario, y cuando una página está llena de este tipo de imágenes, el navegador debe descargar cada una antes de que la página se estabilice. La reducción del peso de las imágenes se aborda en profundidad en nuestra guía complementaria sobre la optimización de imágenes para páginas más rápidas, y con frecuencia es el cambio de mayor impacto disponible.

Demasiados scripts son el segundo culpable. Cada etiqueta de análisis, widget de chat, feed social y píxel de seguimiento añade código que el navegador debe buscar y ejecutar. Cada uno parece inofensivo por separado, pero se acumulan, y muchos sitios llevan scripts que se añadieron para una campaña hace años y nunca se eliminaron. Una auditoría honesta de lo que realmente está cargando a menudo revela varios pasajeros que puedes eliminar sin que nadie se dé cuenta.

El alojamiento lento es el tercero. El servidor que almacena su sitio web tiene que responder antes de que algo pueda suceder, y un alojamiento económico que amontona miles de sitios en hardware compartido puede responder lentamente, especialmente bajo carga. Si su base es débil, ninguna cantidad de optimización superior compensará por completo. Nuestra guía sobre el alojamiento de sitios web explicado explica cómo es un buen alojamiento.

Las soluciones que ofrecen ganancias reales

Con una línea base medida y las causas probables identificadas, puede trabajar en las mejoras en orden de impacto. Resista la tentación de hacerlo todo a la vez. Cambie una cosa, mida de nuevo y mantenga lo que ayude. Este enfoque disciplinado evita la situación demasiado común en la que un sitio está enterrado bajo optimizaciones conflictivas que nadie comprende completamente, y le brinda un registro claro de qué cambio produjo qué resultado.

Comience con las imágenes

Comprimir y dimensionar correctamente las imágenes suele ser la forma más rápida de lograr un sitio notablemente más rápido. Una imagen que se muestra en un tamaño modesto en la pantalla no necesita contener la resolución completa del archivo original. Redimensionar las imágenes a sus dimensiones de visualización y comprimirlas elimina el peso que el visitante nunca ve de todos modos. Los formatos de imagen modernos comprimen los archivos aún más sin pérdida de calidad visible. La carga diferida, que aplaza las imágenes que no están en pantalla hasta que el visitante se desplaza hacia ellas, significa que el navegador solo obtiene lo que realmente se necesita.

Habilitar el almacenamiento en caché

El almacenamiento en caché guarda una copia lista para usar de sus páginas para que el servidor no tenga que reconstruirlas para cada visitante. Es uno de los cambios con mayor impacto disponibles y se explica en términos sencillos en nuestra guía sobre el almacenamiento en caché explicado para propietarios no técnicos. En la mayoría de las plataformas, habilitar el almacenamiento en caché es una configuración en lugar de un proyecto, y la mejora suele ser inmediata.

Recortar los scripts

Revise cada script de terceros que carga su sitio y pregunte si todavía se justifica su presencia. Los píxeles de marketing de campañas finalizadas, las herramientas de chat que ya no usa y los duplicados de análisis son un peso muerto común. Eliminarlos aligera cada página de inmediato. Si un script es realmente importante, verifique si puede cargarse después del contenido principal en lugar de bloquearlo.

Considere una red de entrega de contenido

Si sus visitantes están distribuidos en varias regiones, una red de entrega de contenido (CDN) mantiene copias de su sitio cerca de ellos, acortando la distancia física que los datos deben recorrer. Cubrimos esto en nuestra explicación sobre qué es una CDN y si necesita una. Para una visión técnica más profunda de cómo la velocidad se conecta con el rendimiento de búsqueda, nuestra guía multicúmulo sobre la velocidad del sitio web y Core Web Vitals es un complemento útil.

A dónde se va el tiempo cuando carga una página

Es útil imaginar lo que sucede en los momentos posteriores a que alguien solicita una página, porque comprender la secuencia le muestra dónde se ocultan los retrasos. Primero, el navegador tiene que encontrar y contactar a su servidor, lo que lleva un poco de tiempo, más si el servidor está distante o tarda en responder. Luego, el servidor envía la página inicial y el navegador comienza a leerla. Mientras lee, descubre todos los demás archivos que la página necesita, las imágenes, las hojas de estilo, los scripts, y comienza a buscar cada uno de ellos a su vez. Solo una vez que suficientes de estos han llegado, la página puede dibujarse en la pantalla en una forma utilizable.

Cada una de estas etapas es una oportunidad para el retraso, y las soluciones de esta guía apuntan a una etapa diferente. Un mejor alojamiento acorta la primera respuesta del servidor. Menos y más ligeros scripts significan que el navegador tiene menos que buscar y menos que ejecutar antes de que la página se vuelva interactiva. Las imágenes más pequeñas significan que el contenido visible se puede dibujar antes. El almacenamiento en caché omite gran parte del trabajo del servidor por completo, y una red de entrega de contenido acorta la distancia hasta el primer contacto. Ver la cadena dispuesta de esta manera explica por qué ningún truco único lo soluciona todo, y por qué un sitio rápido suele ser el resultado de pequeñas mejoras en varias etapas en lugar de un cambio drástico.

Este modelo mental también previene un error común, que es seguir optimizando una etapa que ya es rápida mientras se ignora la que es realmente lenta. Si su servidor responde rápidamente pero sus páginas son pesadas con imágenes, ninguna cantidad de ajuste adicional del servidor ayudará; las imágenes son donde se va el tiempo. Las herramientas de medición desglosan la carga en estas etapas para usted, por lo que unos minutos dedicados a leer el desglose lo dirigen directamente al cuello de botella en lugar de dejarlo adivinar.

La velocidad móvil merece una atención especial

Es fácil juzgar la velocidad de tu sitio desde la comodidad de una conexión rápida de oficina y un ordenador potente, pero rara vez así es como lo experimentan tus visitantes. Una gran parte de la navegación se realiza ahora en teléfonos, a menudo a través de redes móviles que son más lentas e inconsistentes que el internet de casa u oficina. Una página que se siente instantánea en tu escritorio puede sentirse lenta en un teléfono de gama media a mitad de una señal irregular, y esa es la experiencia que determina si muchos de tus visitantes se quedan o se van.

Por esta razón, vale la pena probar deliberadamente su sitio como lo haría un visitante móvil. La mayoría de las herramientas de prueba le permiten simular un dispositivo móvil y una conexión más lenta, y los resultados suelen ser aleccionadores. Las soluciones son las mismas que se discuten en esta guía, pero su importancia se magnifica en el móvil: las imágenes pesadas cuestan más en una conexión más lenta, los scripts excesivos sobrecargan un procesador menos potente, y cada kilobyte innecesario se siente con mayor intensidad. Tratar el móvil como el caso principal en lugar de como una consideración posterior tiende a producir un sitio que es rápido para todos.

Mantener su sitio rápido con el tiempo

La velocidad no es un destino al que se llega una vez. Un sitio que es rápido hoy puede volver a ser lento con el tiempo a medida que se acumulan nuevas imágenes, complementos y contenido. La forma más confiable de mantenerse rápido es hacer del rendimiento una verificación recurrente en lugar de una respuesta de emergencia. Probar algunas páginas clave cada mes, observar sus Core Web Vitals y hacer una pausa antes de agregar otro script mantiene las ganancias por las que trabajó. Nuestra guía sobre cómo mantener su sitio web rápido con el tiempo establece un ritmo sostenible, y la guía más amplia sobre mantenimiento de sitios web sitúa la velocidad en el contexto de todo lo demás que necesita un sitio saludable.

Trate cada nueva adición con un poco de escepticismo. Un deslizador llamativo, un video incrustado que se reproduce automáticamente, una tercera herramienta de seguimiento que se superpone con las dos que ya tiene: cada una tiene un costo en el tiempo de carga que debe sopesarse con su beneficio. Las empresas con los sitios más rápidos rara vez son las que tienen las optimizaciones más inteligentes. Son las que resisten agregar desorden en primer lugar, y las que tratan cada nueva característica como algo que debe justificar el peso que agrega en lugar de algo que se agrega simplemente porque está disponible.

Preguntas frecuentes

Referencias

1. web.dev, Core Web Vitals, https://web.dev/articles/vitals
2. Google Search Central, Experiencia de página en los resultados de búsqueda de Google, https://developers.google.com/search/docs/appearance/page-experience

Si desea ayuda para diagnosticar o reparar un sitio web lento, explore nuestros servicios de mantenimiento de sitios web o póngase en contacto para una conversación amable y sin presiones.