Academia › Construir › Crear la web
Si aún tarda, esto es lo primero que se recorta
Sabe en qué orden recortar peso cuando fotos, vídeo y letra sobran a la vez, y qué no toca hasta que lo primero esté resuelto.
Ya sabes que un vídeo de bienvenida pesa como el equivalente a cien fotos, que cada foto lleva peso de más aunque en pantalla se vea igual, y que hasta la letra de los títulos tarda en llegar. El problema aparece cuando tu web tiene las tres cosas a la vez -vídeo, galería y una fuente con carácter- y entre las tres suman más peso del que tu web puede permitirse con dos rayas de cobertura.
Aquí es donde casi todo el mundo comete el mismo error: bajar un poco la calidad de todo a la vez. El vídeo se comprime algo más, las fotos se achican algo más, la fuente se deja igual porque parece poca cosa. El resultado es que la web sigue tardando casi lo mismo, pero ahora con peor vídeo, peor foto y peor letra. Tres tardes de trabajo para no ganar casi nada.
Lo que falta no es recortar un poco de cada cosa. Es saber qué se toca primero, porque una de las tres pesa más que las otras dos juntas, y hay cosas que no hace falta ni rozar hasta que esa primera esté resuelta.
Por qué no vale recortar un poco de todo
Piensa en la web de un restaurante: un vídeo de bienvenida de quince segundos en la portada, una galería de catorce fotos de platos y una fuente con algo de carácter para los títulos. El dueño reparte el recorte entre los tres: comprime algo el vídeo, achica algo las fotos, deja la fuente igual porque solo son letras. Tres tardes de trabajo y la web abre casi con el mismo retraso que antes.
La razón es el reparto del peso, y no es parejo entre las tres cosas.
Primero el vídeo, porque ahí está más de la mitad
El vídeo no se comprime un poco más: se deja de cargar por defecto. En vez de arrancar solo en cuanto alguien entra en la web, se pone la primera imagen del vídeo, congelada, con un botón de reproducir encima. El archivo entero solo se descarga si esa persona pulsa ese botón.
Con dos rayas de cobertura, la mayoría no pulsa. Así que la mayoría de quien visita la web nunca paga ese peso, aunque el vídeo siga ahí para quien sí quiera verlo.
Esto no es quitar el vídeo del negocio. Sigue estando, sigue enseñando lo mismo a quien lo busque. Lo único que cambia es que deja de cargarse para todo el que solo quería ver el menú y el teléfono.
Segundo, las fotos que sobran
- Cada foto pierde nitidez, incluida la que abre la web
- El peso baja poco: siguen siendo catorce archivos que descargar
- El cliente nota que se ve peor, no que la web va más rápido
- De catorce fotos de plato, seis repiten el mismo plato desde otro ángulo
- Con ocho fotos buenas se cuenta lo mismo que con catorce
Cual elijo: Elige quitar antes que empeorar. Baja la calidad de las que queden solo si, ya con las siete u ocho justas, tu web sigue pesando de más.
Con ocho fotos buenas se cuenta lo mismo que con catorce, y el peso baja a la mitad sin que ninguna pierda nitidez. Es el recorte que más se nota en la báscula y menos se nota en pantalla.
La letra, la última, y solo si aún hace falta
Si después de aligerar el vídeo y quitar las fotos de sobra tu web sigue tardando, entonces sí se toca la letra: menos variantes de la misma fuente -no hacen falta cursiva, negrita y tres grosores si al final usas solo dos en toda la web- o directamente la letra que ya trae el teléfono en vez de una descargada.
Esto va al final, no al principio. Es lo que menos pesa de las tres, y tocarlo primero es vaciar el cubo con una cuchara mientras el grifo del vídeo sigue abierto encima.
- 1El vídeo, a miniatura con botón
Que se vea una foto fija y el vídeo entero solo se cargue si alguien pulsa reproducir. Aquí está la mitad del problema o más. - 2Las fotos repetidas, fuera
De cada grupo de fotos casi iguales, se queda una sola. No se comprime lo que sobra: se borra. - 3Las fotos que quedan, al tamaño que se ven
Si con eso tu web aún pesa de más, ahí sí se baja algo la calidad, empezando por las últimas fotos de la galería, nunca por la portada. - 4La letra, solo si sigue faltando
Menos grosores de la misma fuente, o la letra que ya trae el teléfono. Es lo que menos pesa de las tres: se toca al final, no al principio.
- Sabes que el vídeo se recorta primero porque pesa más que fotos y letra juntas
- Has quitado las fotos repetidas de la galería en vez de empeorar la que abre la web
- Sabes que la letra es lo último que se toca, no lo primero
- Cada vez que subas una foto o un vídeo nuevo, esta cuenta hay que volver a hacerla
Tres casos para decidir el orden
Responde antes de abrir cada una. Si alguna se te resiste, vuelve al apartado que la explica.
1. Tu web tiene un vídeo de fondo en la portada que pesa 8 MB y una galería de veinte fotos que suman 3 MB en total. Sigue tardando casi seis segundos en abrir con poca cobertura. ¿Qué tocas primero?
El vídeo, aunque la galería tenga más archivos: 8 MB frente a 3 MB significa que ahí está más de la mitad del problema. Se convierte en miniatura con botón de reproducir antes de tocar una sola foto.
2. Un peluquero tiene doce fotos de cortes de pelo en su galería, cuatro de ellas del mismo corte desde ángulos distintos, y quiere que la web pese menos sin que se note. ¿Baja la calidad de las doce o quita alguna?
Quita las repetidas. Con ocho fotos buenas cuenta lo mismo que con doce, el peso baja y ninguna pierde nitidez. Bajar calidad a las doce empeoraría también la foto de portada, que es la que menos se debe tocar.
3. Ya has recortado el vídeo a miniatura y quitado las fotos repetidas de una tienda de ropa, pero la web todavía tarda más de lo que toca. La fuente de los títulos tiene cuatro grosores distintos. ¿Se toca ahora la letra?
Sí, ahora es el momento: solo se toca la letra cuando vídeo y fotos ya están resueltos y aún falta peso por quitar. Se reduce a los dos grosores que de verdad se usan en la web, porque es lo que menos pesaba de los tres desde el principio.