La velocidad de tu sitio web es dinero, no un detalle técnico

La velocidad de tu sitio web es un número de ingresos. Cuando una página tarda demasiado en cargar en un celular, el cliente se va antes de ver tu oferta, Google muestra tu anuncio menos veces y te cobra más por cada clic, y la llamada se la lleva el competidor de la otra cuadra. Google mide esto con tres números llamados Core Web Vitals, y un negocio local puede aprobar los tres con un sitio bien construido.

Qué miden los Core Web Vitals, en lenguaje de dueño de negocio

Google publica tres mediciones centradas en el usuario y un umbral de aprobación para cada una (fuente: web.dev). Juntas describen lo que un cliente siente en los primeros segundos dentro de tu sitio.

• LCP (Largest Contentful Paint), 2.5 segundos o menos. Cuánto tarda en aparecer lo principal de la pantalla, normalmente la imagen o el título de portada. Si tarda más, la página se siente rota.
• INP (Interaction to Next Paint), 200 milisegundos o menos. Qué tan rápido responde la página cuando alguien toca un botón, abre el menú o empieza a escribir en un formulario. Un INP lento es el toque que no hace nada, seguido de un segundo toque.
• CLS (Cumulative Layout Shift), 0.1 o menos. Cuánto brinca la página mientras carga. Es el momento en que el cliente va a tocar "Llamar ahora", un banner empuja el botón hacia abajo y termina tocando otra cosa.

Google toma estos datos de usuarios reales de Chrome, no de un laboratorio, y usa el percentil 75. Eso significa que tres de cada cuatro visitas tienen que aprobar. La conexión rápida de la oficina en una computadora de escritorio no sostiene la calificación. El celular lento en un estacionamiento es el que la define.

Por qué el celular en el estacionamiento es la prueba que importa

Los clientes buscan negocios locales desde el celular, en el momento en que los necesitan. Alguien en el Strip buscando "urgent care near me" a las 11 de la noche. Una familia en el lote de una agencia de autos en Sahara Avenue revisando el inventario de la competencia antes de entrar. Un dueño de casa en Henderson al que se le descompuso el aire en julio, buscando desde el patio. Esas visitas llegan por conexiones celulares con señal débil y ancho de banda compartido, en teléfonos de gama media, no en la laptop donde tu diseñador probó el sitio.

Una página de inicio que carga en un segundo con el Wi-Fi de la oficina puede tardar varias veces más en una conexión celular saturada dentro de un casino. El cliente no espera. Regresa a los resultados y toca el siguiente, que es un competidor.

Por eso probamos cada sitio en una conexión móvil limitada antes de mirar la versión de escritorio. Lighthouse, la herramienta de prueba de código abierto de Google, simula por defecto un teléfono de gama media en una conexión 4G lenta, y su calificación móvil es la que coincide con lo que sienten tus clientes.

Las páginas lentas encarecen cada clic

Si inviertes en Google Ads, la velocidad aparece en tu factura. El Nivel de calidad de Google incluye un componente llamado experiencia en la página de destino, y la propia documentación de Google menciona la velocidad de carga, incluida la velocidad en celulares, entre los factores que la determinan. Una experiencia de página de destino débil baja el Nivel de calidad, y un Nivel de calidad más bajo significa pagar más por clic para la misma posición, o perder la posición frente a un competidor que puja lo mismo.

La velocidad también te cuesta después del clic. Pagas el clic en el momento en que ocurre. Si la página tarda seis segundos y el cliente se sale a los tres, pagaste por una visita que nunca vio tu número de teléfono. En un presupuesto mensual de varios miles de dólares, la diferencia entre una página que carga en dos segundos y una que carga en siete no es un error de redondeo.

Nuestras calculadoras gratuitas de presupuesto de Google Ads y pronóstico de PPC te muestran qué hace una mejor tasa de conversión con tu costo por cliente potencial, con la inversión que ya tienes.

Qué suele hacer lento el sitio de un negocio pequeño

Vemos las mismas causas en casi todos los sitios lentos que auditamos en Las Vegas:

• Constructores de páginas y plantillas pesadas. Los constructores de arrastrar y soltar cargan cientos de kilobytes de código para funciones que la página nunca usa, en cada página.
• Imágenes de portada y carruseles sin optimizar. Una foto de 3 MB directa de la cámara, o un carrusel con cinco de ellas, es la razón más común por la que falla el LCP. Los carruseles también dañan el CLS, y casi nadie pasa de la primera diapositiva.
• Widgets de chat y ventanas emergentes. Muchas burbujas de chat de terceros cargan una aplicación completa antes que tu propio contenido, y luego empujan todo el diseño.
• Demasiadas etiquetas de seguimiento. Google Analytics, el píxel de Meta, una herramienta de mapas de calor, un rastreador de llamadas y tres píxeles viejos de agencias con las que ya no trabajas. Cada uno es un script que el teléfono tiene que descargar y ejecutar.
• Hosting compartido barato. Un servidor de cinco dólares al mes compartido con cientos de sitios agrega un segundo o más antes de que llegue el primer byte, y ningún trabajo de diseño lo compensa.
• Demasiadas fuentes. Cuatro familias tipográficas en seis grosores significa que hasta el texto espera para mostrarse.

Nada de esto se ve desde la silla del dueño. El sitio se ve bien en el monitor de la oficina. El daño ocurre en un celular que el dueño nunca ve.

Cómo se ve un sitio rápido en la práctica

Rápido es un conjunto de decisiones tomadas durante la construcción, no un plugin instalado después.

1. Páginas estáticas o prerenderizadas. La página se construye por adelantado y se entrega como HTML terminado, así el servidor no tiene nada que calcular cuando llega un cliente.
2. Imágenes ajustadas y comprimidas. Cada imagen se redimensiona al tamaño en que se muestra, se guarda en un formato moderno como WebP o AVIF y lleva dimensiones fijas para que nada brinque.
3. Fuentes limitadas. Una o dos familias, solo los grosores que se usan, cargadas de modo que el texto aparezca de inmediato.
4. Scripts diferidos. Las etiquetas de seguimiento, el chat y todo lo que no hace falta en la primera pantalla cargan después del contenido, no antes.
5. Una CDN. Copias del sitio viven en servidores cercanos al visitante, así un celular en Summerlin y otro en North Las Vegas reciben el primer byte igual de rápido.

En SW Marketing construimos cada sitio para obtener 95 o más en Lighthouse en móvil, lo que lo deja con margen dentro de los tres umbrales de Core Web Vitals. Ese estándar aplica también a la versión en español. Un sitio bilingüe que es rápido en inglés y lento en español, porque las páginas traducidas se agregaron con un plugin, le está fallando a una gran parte de los clientes de Las Vegas y a cada anuncio en español que pagas. Los dos idiomas reciben la misma construcción, las mismas imágenes y la misma calificación.

La velocidad además alimenta todo lo demás que hacemos para un cliente. Las páginas rápidas ayudan al posicionamiento en buscadores, mejoran la tasa de conversión del tráfico pagado y le dan a un asistente de IA para sitios web una página que carga antes de que el cliente haga su pregunta.

Por dónde empezar

Pasa tu sitio por nuestro AI Readiness Check gratuito. Usa Google Lighthouse para medir la velocidad móvil y los Core Web Vitals y te muestra qué está frenando la página. Si la calificación está por debajo de 90, hablemos de lo que haría falta para arreglarla.