Enlaces de referidos: si compras a través de los enlaces de esta página, recibo una comisión sin costo extra para ti. Solo recomiendo herramientas que uso.
Tienes tu sitio publicado, se ve bien y hasta te gusta cómo quedó. Pero abre lento. Y un sitio que abre lento pierde gente antes de que alcance a leer una sola línea: el visitante toca el enlace, ve la pantalla en blanco tres o cuatro segundos, se aburre y se va a tu competencia. El problema es que tú no lo notas porque en tu equipo —con buena conexión y todo en caché— carga al instante. Lo que carga lento es el celular de tu cliente.
Para saber qué tan bien carga tu sitio no hay que adivinar. Google tiene una herramienta gratuita que se llama PageSpeed Insights y te da un diagnóstico completo con calificación y recomendaciones. Es la que voy a mostrarte en este artículo.
Qué te dice PageSpeed Insights
Entras a la herramienta, pegas la dirección de tu sitio, le das enviar y ella sola hace el análisis. No hay que crear cuenta ni instalar nada. En segundos te va a mostrar la página dividida en dos: la versión de celular y la versión de escritorio. En cada una verás cuatro calificaciones sobre 100:
- Rendimiento. Qué tan rápido carga tu sitio.
- Accesibilidad. Si alguien con alguna dificultad visual o motriz puede usarlo.
- Recomendaciones. También llamadas buenas prácticas: que el sitio sea seguro, que las imágenes estén bien puestas y ese tipo de cosas.
- SEO. Si tu sitio está armado de forma que Google lo pueda entender y mostrar.
El objetivo es llegar a 100 en todas. En la práctica vas a ver números como estos: rendimiento 99 en celular y 100 en escritorio, accesibilidad 93 en los dos, recomendaciones sin problemas, y SEO con pendientes que casi siempre van quedando para el final.
Empieza siempre por el celular
Es el error más común: revisar la versión de escritorio, ver un 100 y quedarse tranquilo. El problema es que la mayoría de tu tráfico —hablamos de seis de cada diez visitantes o más— te va a ver desde el teléfono.
Por eso, si tu sitio saca 100 en escritorio pero 60 en celular, tu sitio va lento, punto. El celular carga peor porque tiene menos memoria, menos potencia y muchas veces una conexión móvil que va y viene. Si tu sitio solo está optimizado para escritorio, estás optimizando para la minoría de tus visitantes.
Los números que de verdad importan
Más allá de las calificaciones, PageSpeed te muestra en cuánto tiempo carga tu sitio. En el ejemplo que ves en el video, la versión de escritorio carga en 0.5 segundos y la de celular en 1.7 segundos. La diferencia entre una y otra es normal; lo importante es dónde te sitúas.
El criterio que pide Google hoy es que ese tiempo se mantenga por debajo de 2.5 segundos. Si tu calificación la quieres al menos en 80 (y lo ideal es 99 o 100) y tu carga por debajo de ese umbral, vas bien. Si no, ahí está tu trabajo.
Cómo leer el reporte sin ser programador
Después de los puntajes, la herramienta te muestra una vista de carga: son capturas de pantalla que ella misma toma, cuadro por cuadro, para que veas cómo va apareciendo tu página. Es útil para detectar qué es lo que tarda en pintarse. Por ejemplo, si primero aparece el texto pero la imagen principal tarda tres segundos en salir, ya sabes dónde pesa el problema.
Más abajo viene una lista de datos técnicos que, en estricto, es para tu diseñador o tu programador. Aun así vale la pena que la revises, porque te dice en palabras qué está fallando y con qué prioridad:
- Lo que tiene problema te lo marca en rojo o con un triangulito rojo, y normalmente te indica qué hacer.
- Lo que está bien te lo deja en blanco.
- Del otro lado, lo que está muy bien aparece en verde, como el tiempo de respuesta rápido del servidor.
En el ejemplo del video los pendientes son justo los típicos: falta la meta descripción (que es el textito que aparece debajo de tu título en Google) y hay enlaces que todavía no son rastreables, o sea, que Google no puede seguirlos para entender a dónde llevan. Son detalles de contenido, no fallas de velocidad, y se arreglan escribiendo y configurando, no programando.
Menos es más: la regla del peso
Aquí va el consejo que más impacta y el que menos se sigue. Mientras menos plugins y menos cosas extra le pongas a tu sitio, mejor va a cargar. Cada complemento que instalas agrega archivos, código y consultas que el navegador tiene que procesar antes de mostrarte algo. Llénalo de plugins y vas a ver cómo el tiempo de carga sube solo.
Si algo lo puedes resolver con un poco de HTML y CSS en lugar de un plugin completo, hazlo. Tu sitio te lo va a agradecer y tus visitantes todavía más.
Qué pedirle a quien te programa
La sección de abajo del reporte no es para que tú la ejecutes, pero sí es tu mejor arma de negociación. Es lo que le puedes mandar a tu diseñador con un mensaje de “esto aparece con problema, ¿lo puedes resolver?”. Te da una lista concreta en lugar de un “mi sitio se siente lento”. Un programador con esa lista trabaja el doble de rápido.
Y si todavía estás por montar tu sitio o piensas cambiarlo, recuerda que la velocidad no se decide solo en el sitio: también pesa dónde vive. Yo monto estos sitios sobre el hosting con el que monto estos sitios, y con eso el tiempo de respuesta del servidor arranca ya en verde, antes de optimizar una sola imagen.
Lo que sigue
Medir la velocidad es de las cosas más baratas que puedes hacer por tu negocio: es gratis, toma dos minutos y te da una lista clara de qué arreglar. Y el impacto es directo: mientras más rápido abra tu sitio, más probable es que tu visitante se quede, te lea, te compre o te escriba. Un sitio lento no es un problema estético, es dinero que se va.
Entra ahora, mide tu sitio en celular, y si el número no te gusta, tienes tu siguiente tarea. Esa es toda la instrucción.