Herramienta gratuita
Cuánto pesa tu web y qué imágenes la están frenando
Preguntamos a tu servidor el tamaño real de cada imagen de la página, una por una. Te devolvemos el peso total, la lista de las que más ocupan y qué les falta: formato moderno, descripción y medidas declaradas.
01
Por qué esto es casi siempre lo primero que hay que arreglar
En la mayoría de las webs lentas que veo, el problema no es el código: son las fotos. Alguien sube la imagen tal y como sale del móvil, cuatro mil píxeles de ancho y tres megas de peso, para enseñarla en un hueco de seiscientos. El navegador se descarga los tres megas igual.
Es el arreglo con mejor relación entre lo que cuesta y lo que mejora. No hay que tocar el diseño, no hay que rehacer nada y el resultado se ve en la siguiente medición de velocidad.
Y hay una parte que no va de velocidad: las imágenes sin descripción son invisibles para quien navega con lector de pantalla y para la búsqueda de imágenes de Google. En una tienda, eso son visitas que sencillamente no llegan.
02
Otras herramientas
- Auditoría completaUna nota sobre 100 y los tres fallos que más clientes te están costando.unos 30 segundos
- Test de velocidadMóvil y escritorio, uno al lado del otro, con los datos de tus visitantes reales.unos 40 segundos
- Análisis SEODónde aparece tu palabra clave y qué te falta para que Google te entienda.unos 3 segundos
- Cookies y privacidadQué servicios de terceros carga tu web y qué tienes que comprobar en el navegador.unos 3 segundos
- Revisión de seguridadCertificado, caducidad y las cabeceras que deberías tener puestas.unos 5 segundos
- Vista previa en GoogleCómo se ve tu resultado en el buscador y por dónde se corta.al momento
- Coste de la lentitudCuánto dinero al año te cuesta cada segundo que tarda tu web en cargar.al momento
03
Preguntas frecuentes
¿Cuánto debería pesar mi página?
Por debajo de 1,5 MB entre el código y las imágenes es un objetivo razonable para una web normal. Muchas webs con fotos sin optimizar se van a 5 o 6 MB sin que nadie se dé cuenta, porque en la oficina con fibra se ve igual de rápido. Con datos móviles, no.
¿Por qué no habéis pesado todas mis imágenes?
Consultamos como mucho 40 por página, para que el análisis no se eternice, y alguna puede no declarar su tamaño. Las que no hemos podido pesar quedan fuera del total y te decimos cuántas son: el número que ves es el mínimo real, no una estimación.
¿Qué es WebP y por qué lo recomendáis?
Es un formato de imagen que pesa entre un 25 % y un 50 % menos que un JPG con la misma calidad a la vista. Lo aceptan todos los navegadores desde hace años. Si usas WordPress, hay plugins que convierten toda tu biblioteca de una vez y dejan el original como respaldo.
¿Para qué sirve poner ancho y alto a las imágenes?
Para que el navegador sepa cuánto hueco reservar antes de que la imagen llegue. Sin eso, el texto salta cuando cada foto termina de cargar, y es la causa habitual de ir a pulsar un botón y que se abra otra cosa.
Tengo imágenes de fondo puestas con CSS. ¿Las veis?
No. Esta herramienta mira las imágenes que están en etiquetas <img>, que son la mayoría. Las de fondo se declaran en la hoja de estilos y desde aquí no se pueden pesar, así que si tu portada tiene una foto enorme de fondo, el total real será mayor que el que ves.
¿Comprimir las imágenes se nota en la calidad?
A calidad 80 en WebP, prácticamente nadie distingue el antes y el después en una pantalla, y el archivo pesa menos de la mitad. Lo que sí se nota es subir una foto de 4000 píxeles de ancho para enseñarla a 600: ahí estás mandando ocho veces más datos de los que se ven.