Si has llegado hasta aquí es porque, como yo, seguramente te preocupa (o debería preocuparte) el famoso PageSpeed de tu web…
PageSpeed: qué es y por qué deberías tomártelo en serio
Qué es el PageSpeed
PageSpeed no es solo un número bonito en un informe. Es la forma que tiene Google (y otros buscadores) de medir lo bien que carga y funciona tu web.
Por qué importa para tu web
No es solo un tema de nota: influye en el SEO, en la experiencia de usuario y, últimamente, si eres agente digitalizador (como yo) para la categoría sitio web y presencia básica en internet del Kit Digital, también es muy importante para cumplir la primera justificación.
PageSpeed y el Kit Digital: lo que no te cuentan
Requisitos clave
Si trabajas con el Kit Digital, ya sabes que piden un PageSpeed por encima de 90 en los cuatro apartados. Y si no lo sabes, ya te lo digo yo. Utilizan la extensión Lighthouse para hacer el análisis. Me gustaría saber si se paran a ver por qué es necesario tener unos números tan altos (diría que básicamente se la suda) y si lo hacen en el momento de la justificación y lo siguen haciendo cada x tiempo.
Revisar el PageSpeed de tu página es muy importante para el SEO, pero ya te digo yo que no te debes obsesionar con este tema. He visto PageSpeed de mierda, en webs muy bien posicionadas. Además, eso ya lo hacemos nosotros de vez en cuando. No te preocupes.
Si quieres hacer un análisis de tu web, tan solo tienes que ir a la url de PageSpeed Insights, poner tu web en la cajita y darle a analizar. En un momento te sacará la información que necesitas. Aquí te muestro la mía.
Versión Móvil
Versión PC
Lo que deberías revisar
Accesibilidad, rendimiento, SEO y buenas prácticas. Todo tiene que pasar el corte. Y el corte últimamente está en 90. Así que ya sabes. Ya tienes trabajo. Y te aseguro una cosa, da mucho trabajo estar siempre por encima de 90 si, como yo, haces cambios continuos en tu web.
Y mi opinión es que una web que quieres que funcione, necesita movimiento, cambiar cosas, crear contenido nuevo, inventar y probar, probar y probar.
Cómo revisar tu PageSpeed paso a paso
Herramientas recomendadas
Cómo interpretar los resultados
No todos los avisos son igual de urgentes. Prioriza lo que realmente mejora la experiencia del usuario. ¡Y no te obsesiones!
Lighthouse: esa herramienta que deberías usar (pero sin obsesionarte)
Ventajas de Lighthouse
Lighthouse es genial para detectar problemas en tiempo real mientras navegas. Y como muestra, una imagen de esta publicación ahora mismo.
Lo que debes tener en cuenta
Ojo: no todo lo que dice es crítico. Aprende a leer entre líneas.
Claves para superar el 90 sin que tu web pierda personalidad
Buenas prácticas técnicas
- Retrasa los JS que no hacen falta de inicio.
- Preload para tu imagen LCP (la que más pesa arriba del todo).
- Lazy load para el resto.
Accesibilidad y diseño
- Cuida el contraste de colores y los textos alternativos.
- Minimiza recursos externos innecesarios.
Errores típicos que veo a diario
Los más comunes
Desde webs que cargan como un tiro, pero marcan un 70, hasta otras que marcan 100, pero parecen diseñadas en el siglo pasado. Y como lo mejor es poner ejemplos, vamos allá con dos buenos ejemplos.
Una web como gastrovisual.com de la que presumo mucho por el diseño y el formato que tiene, pero que en PageSpeed es muy variable.
La web mejor posicionada a nivel periódicos digitales deportivos en España como marca.com que no cumple en todos los puntos analizados, pero que lo peta en todo: visibilidad, publicidad y un buen trabajo en tema noticias, aunque aquí podríamos debatir si son buenas o no. Eso es otra historia que no se aplica en los viernes de formación.
Con estos dos ejemplos, quiero decir que hay que revisar el PageSpeed de tu web sin obsesionarse. Porque no todo son colorcitos verdes, hay que ver otras cosas. Pero si puedes, hazlo. Y si no, te ayudo yo y ya me obsesiono.
Checklist para que no se te pase nada
Pruebas periódicas
| Acción | Frecuencia recomendada |
|---|---|
| Test PageSpeed | Mensual |
| Test Lighthouse | Trimestral |
Mantenimiento
| Acción | Frecuencia recomendada |
|---|---|
| Revisión contraste colores | Semestral |
| Actualización caché / plugins | Mensual |
| Revisión scripts de terceros | Trimestral |
| Revisión sitemap / Search Console | Mensual |
No solo de PageSpeed vive la humanidad digital
El PageSpeed y la extensión LightHouse te da información muy importante de tu web.
Si quieres tener estas puntuaciones necesitas:
1. Siteground, un Hosting o alojamiento potente
Yo uso Siteground en la mayoría de mis proyectos web. La escalabilidad y la seguridad que me da su equipo de profesionales, te garantizo que es perfecta.
2. FastPixel, un plugin de caché
Sin duda alguna y después de probar muchos, me voy a quedar con FastPixel caché. Si quieres tener PageSpeed a la velocidad del rayo, sin historias de que falla esto o lo otro, pilla FastPixel y olvídate de todo. Además, viene con cdn para mostrar tus urls todavía más rápido en muchos casos.
3. AIO SEO, estructura bien tu contenido
Para escribir en una página web, necesitas crear una buena estructura. Mi consejo: Siempre 1 H1 y después H2+H3+H4. Repite H2 y vuelve a empezar. La extensión AIOSEO de Google Chrome te puede ayudar mucho. Y como no, RankMath SEO, mi querido plugin de SEO que lleva ya unos cuantos años ayudándome a crear contenido en Internet. Por cierto, trabajando conmigo puedes aprovecharte de la versión profesional que te ayuda con los Schemas y mucho más.
4. XN Convert. Optimiza las imágenes
Ponle siempre un alt a la imagen y usa formato .webp o .jpg con un tamaño pequeño de la imagen. Aunque FastPixel ya va a mostrar tus imágenes en formato webp, te aconsejo que conviertas tu imagen directamente en local con XN Convert para Windows y le pongas un título acorde con tu contenido. Por ejemplo, si hablas de PageSpeed el título de la imagen debería ser pagespeed.jpg y XN Convert ya te lo pone en webp.
Además, con el plugin Auto Image Attributes From Filename With Bulk Updater, ya no tendrás que preocuparte por poner el ALT a tus imágenes. Lo hará por ti.
5. Envía tu url a indexar a Google y a Bing
Al terminar de crear la url o de modificarla, envíala a Google Search Console y a Bing Webmaster tools. No esperes a que ellos lo hagan. Por si acaso.
Esa era la idea inicial de las redes sociales. Compartir tu contenido web. Pues sigue haciéndolo. Yo uso varias aplicaciones. Para X, uso Buffer porque me ayuda a crear contenido diferente y programarlo. Para Linkedin y Google Profile, uso Postoplan. Para Facebook e Instagram, uso Business Suite. En Tiktok, me tengo que poner a crear contenido en vídeo y no me da la vida.
7. Comparte tu url en tu local de Google Profile
Si te dedicas a vender productos o servicios a nivel local, es obligatorio que publiques el contenido creado o modificado en tu local de Google Profile, cagando leches.
Y ahora cuéntame
¿Hace cuánto que no revisas el PageSpeed de tu web? ¿Te has parado a mirarlo de verdad o sigues confiando en que «ya irá bien»? Dale una vuelta, y si necesitas ayuda, aquí me tienes.
