Velocidad en móvil: lo que realmente mejoró la experiencia

Primero las imágenes, siempre

Las imágenes eran el 80% del peso de la página. Convertirlas a formatos modernos, servir el tamaño realmente mostrado y añadir atributos de ancho y alto para evitar desplazamientos de diseño dio la mayor mejora, antes de tocar una línea de código.

Aplaza todo lo que no se necesita para pintar

La analítica, los scripts de anuncios y los widgets de chat no deben bloquear el primer pintado. Cargarlos después de la hidratación redujo notablemente nuestro LCP sin perder ninguna función.

Fuentes: alójalas tú y limita variantes

Dos pesos de una sola familia bastan. Alojarlas tú elimina una ida y vuelta a un tercero, y font-display: swap deja el texto legible mientras llega la fuente.

El orden de carga importa más que el tamaño total

Un archivo pequeño que bloquea el renderizado daña más que uno grande cargado tarde. Pregunta de cada recurso: ¿hace falta para la primera pantalla? Si no, retrásalo.

Mide en un teléfono real

Las puntuaciones de laboratorio ayudan, pero la realidad es un Android de gama media con mala conexión. Prueba ahí y corrige lo que se siente lento, no sólo lo que puntúa mal.

Qué haría primero en cualquier sitio

Comprimir imágenes, fijar dimensiones, aplazar scripts de terceros y eliminar CSS sin usar. Cuatro pasos, sin reescritura, y casi toda la mejora disponible.