LCP, cuánto tarda en verse
Largest Contentful Paint: lo que tarda en aparecer el elemento más grande de la pantalla, normalmente la imagen o el título principal. Bien: menos de 2,5 segundos.
Soluciones · Rendimiento
Cómo mejorar la velocidad de carga de tu página web
Cuatro pasos en el orden en que rinden: imágenes, hosting y caché, plugins que sobran y el hero de la portada. Con la herramienta gratuita de cada uno y cómo comprobar que funcionó.
Las métricas
Tres números deciden si tu web es rápida
Son las Core Web Vitals de Google, y se miden siempre en la pestaña de móvil, no en la de escritorio, que siempre halaga.
INP, cuánto tarda en responder
Interaction to Next Paint: lo que tarda tu web en reaccionar cuando alguien toca un botón o un menú. Bien: menos de 200 milisegundos.
CLS, cuánto salta el contenido
Cumulative Layout Shift: cuánto se mueve la página mientras carga, ese salto que te hace tocar lo que no querías. Bien: menos de 0,1.
Paso a paso
Los cuatro frentes, en el orden en que rinden
El primero resuelve la mayoría de los casos, y cada uno se comprueba antes de pasar al siguiente.
1 hora
Optimiza las imágenes: aquí está el 80% de los casos
Si tu web es lenta, lo más probable es que el culpable sea este: fotos subidas directo desde el celular o del banco de imágenes, en tamaño original, sin comprimir. Una sola foto de 5 MB pesa más que todo el resto de la página junta.
- Comprime todas las imágenes con Squoosh o TinyPNG. Una foto de portada no debería pasar de 150 a 250 KB.
- Convierte a WebP: pesa entre 25% y 35% menos que JPG con la misma calidad visible.
- Sube las imágenes al tamaño que se muestran. Si el espacio mide 800 píxeles de ancho, no subas una foto de 4000.
- Activa el lazy loading: que las imágenes de abajo carguen solo cuando el visitante llega a ellas.
Cómo saber que funcionó
Vuelve a PageSpeed Insights: el LCP debería bajar de forma visible y desaparecer avisos como «publica imágenes en formatos de próxima generación». Si tu LCP estaba en rojo por las imágenes, este paso solo puede moverte a naranja o verde.
2 horas
Caché y hosting: cuándo lo barato sale caro
La caché hace que tu servidor no tenga que armar la página desde cero en cada visita: guarda una copia lista y la entrega al instante. Si tienes WordPress y no usas caché, estás regalando segundos. Instala uno solo, nunca dos, y activa la configuración recomendada.
Ahora la parte incómoda: a veces el problema no es tu web, es dónde vive. Los hostings compartidos más baratos meten cientos de sitios en el mismo servidor, y el tuyo compite por recursos con todos los demás. La señal delatora en PageSpeed es el aviso de «reduce el tiempo de respuesta inicial del servidor»: si tu servidor tarda más de unos 0,8 segundos en empezar a responder, ninguna optimización posterior lo compensa. En qué es el hosting y el dominio explicamos cómo elegir uno decente sin pagar de más.
Cómo saber que funcionó
Con caché activa, la segunda carga de cualquier página debería sentirse casi instantánea, y el aviso del tiempo de respuesta del servidor bajar o desaparecer. Si sigue en rojo, el cuello de botella es el hosting: migrar es la solución, no otro plugin.
1 hora
Elimina plugins y scripts que sobran
El clásico: un WordPress con 40 plugins acumulados en tres años. El slider que ya no se usa, dos plugins de formularios, el contador de visitas del 2019, tres píxeles de redes que nadie revisa. Cada uno carga su propio código en todas las páginas, lo necesite o no.
Haz limpieza con un criterio simple: si no sabes para qué sirve un plugin o no lo has tocado en seis meses, desactívalo y mira si algo se rompe. En un sitio típico, no pasa nada. Lo mismo con los scripts de terceros: chats que nadie atiende, mapas donde no aportan, píxeles de campañas terminadas. Cada script externo es una llamada más a otro servidor antes de que tu página responda.
Este paso es el que más mejora el INP: menos código ejecutándose significa una web que responde al toque.
Cómo saber que funcionó
En PageSpeed, revisa «reduce el JavaScript que no se usa» antes y después. El INP debería mejorar y la nota general subir. De paso, un sitio con menos plugins también es más seguro y más fácil de mantener.
1 hora
Fuentes y hero: el slider que mata tu LCP
El elemento más grande de tu portada define el LCP. Y el error más común es ponerle encima un slider: tres o cuatro imágenes gigantes más el código que las anima, para que el visitante, casi siempre, solo vea la primera. Reemplázalo por una imagen estática optimizada con un mensaje claro y un botón: convierte mejor y carga en la mitad del tiempo.
Con las fuentes, dos reglas: usa máximo dos familias tipográficas y asegúrate de que el texto se muestre aunque la fuente aún no haya cargado. Si el CLS te sale mal, sospecha también de esto: fuentes que llegan tarde e imágenes sin dimensiones declaradas hacen que todo salte.
Cómo saber que funcionó
El LCP de la portada debería quedar por debajo de 2,5 segundos en móvil, y el CLS por debajo de 0,1. Si el hero era un slider y ahora es una imagen estática, la diferencia se nota a ojo, sin herramientas.
Hasta aquí llegas solo
Qué dejarle al desarrollador
Optimizaciones que no vale la pena que intentes solo, porque un cambio mal hecho puede romper el sitio.
Minificación de CSS y JavaScript
Comprimir el código del sitio sin alterar su funcionamiento. Mal hecho, rompe el diseño o deja botones que no responden.
CDN, red de entrega de contenidos
Servir tu web desde el servidor más cercano a cada visitante. Clave si tienes clientes en varios países.
Optimización de código
Consultas lentas a la base de datos, temas mal construidos, código heredado de desarrolladores anteriores. Lo que ningún plugin puede arreglar.
Equipo WebNicho · EcuadorAuditoría por videollamada, sin compromiso
De rojo a verde no siempre se llega solo
Si tu web se construyó sobre un tema pesado, un constructor cargado de código o un hosting saturado, hay un techo que ningún plugin rompe. Ahí la pregunta ya no es qué más optimizar, sino si conviene reparar o reconstruir.
Preguntas frecuentes
Lo que preguntan quienes tienen una web lenta
Dudas reales de dueños de negocio que vieron su sitio en rojo y no saben por dónde empezar.
Hablar por WhatsApp¿Por qué mi página web es lenta?
En la gran mayoría de sitios pyme la causa está en las imágenes sin comprimir, un hosting compartido saturado, plugins acumulados que cargan código en todas las páginas o un slider pesado en la portada. En ese orden conviene revisarlas.
¿Cuánto debería tardar en cargar una página web?
La referencia práctica son las métricas de Google: el elemento principal visible en menos de 2,5 segundos (LCP), respuesta al toque en menos de 200 milisegundos (INP) y un salto de contenido por debajo de 0,1 (CLS). Mídelo siempre en la pestaña de móvil, no en la de escritorio.
¿La velocidad de carga afecta el posicionamiento en Google?
Sí. Google usa las Core Web Vitals como uno de sus factores de ranking, y el efecto comercial es todavía más directo: cada segundo de espera son visitantes que cierran la pestaña antes de ver tu oferta, sobre todo desde el celular con datos.
¿Puedo mejorar la velocidad de mi web sin ser técnico?
Los tres primeros pasos de esta guía (comprimir imágenes, activar caché y limpiar plugins que sobran) no requieren tocar código y resuelven la mayoría de los casos. La minificación, el CDN y la optimización del código sí conviene dejárselos a un desarrollador.
Cluster de rendimiento
Sigue profundizando
Tres soluciones para ir a fondo,ver todas las soluciones
GUÍACómo hacer una auditoría de tu página webEl checklist completo para diagnosticar tu sitio tú mismo, paso a paso.Leer la soluciónCONCEPTOCómo estructurar una página webEl recorrido que guía al visitante desde que llega hasta que te contacta.Leer la soluciónMÉTRICACómo medir los resultados de tu página webLas señales que te permiten saber qué páginas generan contactos.Leer la solución
Auditoría
¿Tu web sigue lenta después de los cuatro pasos?
Medimos con datos reales y te decimos si el problema es el hosting, el tema, el código o las imágenes, y si conviene reparar o reconstruir.
Escríbenos por WhatsApp- +593 98 996 8833
- info@webnicho.com
- Guayaquil, Guayas, Ecuador