El home en celular, más rápido

El resultadoMedido con PageSpeed de Google

11 pasadas del home de hoy contra 11 del home sin las mejoras, alternadas, porque la nota de Google cambia según la máquina que le toque medir. Lo que se compara es la mediana.

Qué lo frenabaEl home ya era rápido; cargaba de más antes de tiempo

Antes de pintar la primera pantalla, el home ya había descargado 1.3 MB que todavía no hacían falta. Quité cuatro partes de ese peso:

• Las letras y los iconos. Se servían en un formato viejo y pesado: 381 KB. Ahora son los mismos archivos en formato moderno, y la fuente de iconos, que traía 2,229 dibujos, lleva solo los 13 que usa el home. Si un día aparece otro icono, la fuente completa se descarga sola.
• Las fotos de fondo de secciones de más abajo. Playas, yates, guías y el Passport bajaban su foto de fondo al cargar la página (350 KB). Ahora esperan a que la primera pantalla esté pintada: se encienden 2.5 segundos después de cargar, o antes si tocas la pantalla o te acercas a ellas.
• Siete hojas de estilos que el home no usa. Son de la tienda, de un juego de iconos y de los mapas: 236 KB (sin comprimir) que no pintan nada en el home. Ya no se descargan ahí; solo aparecerían si alguien abriera el carrito.
• La foto fija de la portada. Venía de otro servidor y había que abrir una conexión aparte para pedirla. Ahora sale del mismo sitio. El video sigue donde estaba.

Todo vive en un solo archivo nuevo y solo actúa en el home. Borrarlo lo deshace todo.

Se ve igualLa misma página, medida elemento por elemento

Dejé una dirección especial que sirve el home sin las mejoras, para comparar las dos versiones lado a lado en cualquier momento.

iPhone · 390 px

Sin las mejoras

Con las mejoras

iPad vertical · 820 px

Sin las mejoras

Con las mejoras

PC · 1512 px

Sin las mejoras

Con las mejoras

Tres errores chicosSalieron al revisar los hoteles

2 · Grand Velas, el número 1 de la guía, con foto pixelada

En la guía «Best hotels in Cabo», Grand Velas es el primero de la lista y el mosaico grande de arriba. Salía con la foto del lobby de coches, de 480 píxeles. Ahora lleva la foto del hotel con sus albercas.

Antes (ampliada al tamaño en que se mostraba)

Hoy

3 · En tablet, los títulos pasaban pegados al corazón

En iPad, algunos nombres de hotel y de transporte quedaban a 2 píxeles del botón de corazón. Ahora tienen al menos 10 de aire, el texto aprovecha mejor el ancho y las tarjetas quedan iguales o más bajas.

iPad · antes

iPad · hoy

La revisiónTres revisores independientes

Cada uno comparó el home con y sin las mejoras con sus propias capturas y medidas. Los tres aprobaron con observaciones. Corregí lo que encontraron y un cuarto revisor confirmó los arreglos.

Lo que corregí a raíz de la revisión

• El primer toque ya no se frena. Las siete hojas sin uso entraban todas con el primer toque. Ahora no se descargan en el home. Medido después: tras tocar la lupa, el navegador queda libre igual que en el home sin mejoras.
• Los fondos llegan antes. Primero los adelanté: a 2,500 píxeles de distancia en vez de 900, y todos juntos al primer toque. El revisor de confirmación midió que con red lenta seguían llegando tarde a quien desliza rápido, así que ahora se encienden solos 2.5 segundos después de cargar la página. Siguen sin bajar antes de la primera pantalla, que era lo que importaba.
• Los iconos salen idénticos. Rehice la fuente reducida conservando su ajuste fino: 0 píxeles de diferencia. También le añadí los iconos del buscador.
• Código más limpio. Las marcas que dejaban las hojas sin uso ya no cuentan como error en el validador de HTML.

Cuarto revisor: confirmación de los arreglos

Midió por su cuenta la versión corregida. Veredicto: aprobado con observaciones.

• Primer toque: resuelto. Ninguna de las siete hojas se descarga tras tocar, buscar, abrir el menú, deslizar o esperar 20 segundos. Las tareas largas tras el primer toque quedan en cero, igual que sin mejoras, y un segundo toque responde en 130 milésimas en las dos versiones.
• Iconos: resuelto. Cero píxeles distintos en todos los iconos, en celular y PC, con pantalla normal y de alta densidad.
• Buscador: resuelto. Ya no se descarga la fuente completa al buscar, y todos los iconos de los resultados se pintan.
• Fondos: resuelto en parte. Con red normal ninguno llegaba tarde. Con red lenta y deslizando rápido, sí: hasta 44 segundos en el peor caso. Por eso hice el último ajuste (encenderlos 2.5 segundos después de cargar).

Ese último ajuste lo comprobé yo: con red lenta los cuatro fondos empiezan a bajar a los 8 segundos y terminan antes de los 11, siempre después de pintada la primera pantalla. No pasó por otra ronda de revisores.

Lo que quedaPara seguir bajando el peso

• El video de la portada pesa 6.8 MB y se vuelve a descargar en cada visita. Es lo más pesado del home. Arreglarlo es una decisión tuya (ver abajo).
• Las fotos de las tarjetas cargan a tamaño completo. Son 93 fotos y 11.7 MB al recorrer todo el home. Se puede servir una versión chica para cada tarjeta sin cambiar cómo se ven; es el siguiente paso técnico.
• La nota de Google seguirá bailando. En las pasadas en que su máquina pinta rápido da más de 90; cuando va lenta, cerca de 60. Eso no depende del sitio.
• No se pudo probar en un iPhone ni en Safari reales. Todo fue con Chromium emulando cada pantalla.

Lo que decidesTodo junto, con mi recomendación

Como pediste, no te fui preguntando: aquí está todo lo que necesita tu sí o tu dato. Contesta con el número.

1. Página de Cabo Real. El campo cerró el 28 de septiembre por renovación y nuestra página lo sigue vendiendo como abierto. Recomiendo: poner el aviso de cierre con su fuente y sacarlo del grupo «reservable» del hub de golf. La foto de Golf del home se queda. Lo tengo preparado.
2. Video de la portada. Recomiendo: ponerle caducidad larga en su servidor para que no se vuelva a bajar en cada visita. No cambia nada a la vista. Si además quieres el video más alto en celular (decisión 6), necesito el corte vertical del original.
3. Foto de Esperanza en la guía «Best hotels». Sale con el cuarto de dos camas. Recomiendo: cambiarla por la alberca infinita frente al mar, que ya es la foto de su ficha.
4. Acre en /hotels/ y en su página. Siguen con la foto de la cabaña, que en horizontal se ve bien. Recomiendo: dejarlo así.
5. Cabo T&T. Su web sigue hackeada, con artículos de casino. Recomiendo: marcar nuestro enlace a su web como «nofollow» y avisarles.
6. Letra única (decisión 2): Fraunces en títulos e Inter en el resto.
7. Quitar etiquetas de relleno (decisión 4): «REGION», «NEW» y «View details».
8. Tarjetas de restaurante sin caja (decisión 5).
9. Fotos de Cabo Baja Limousines (de banco de imágenes) y de DanysCabo (caras de clientes) (decisión 9).
10. Filo rosa de la tarjeta de VIFAC, o todo dorado.
11. Datos que solo tú tienes: eventos de 2027 (la agenda se vacía después del 13 de diciembre), el acento de «San José» y las cifras «8 categories / 1 local team».
12. Probar el home en tu iPhone. Es lo único que no puedo hacer yo.

Las maquetas de las decisiones 2, 4, 5, 6 y 9 están en el informe del home.