Minificar Imagenes y Scripts

Hola, mi propuesta es la siguiente:

El foro cuenta con varias imágenes que siempre se cargan, por ejemplo el fondo o el banner. Y aunque queden guardadas en el caché, si por alguna razón hay que cargar las de nuevo este proceso depende del internet de cada uno, sumando que también están los scripts a ejecutar.

Al minificar una imagen (hay páginas para hacer esto, u otras maneras) esta pasa a pesar menos sin que se de un gran impacto en como se ve (el 99℅ de las veces no se nota).

Ejemplo: Hoy descargue el fondo alternativo del foro que pesaba unos 360 kb. Luego de pasarlo por el minificado quedó en unos 110kb una mejoría notable, menos de un tercio del original.

Se que en 200 kb no son LA diferencia pero entre todas las imágenes y scripts (no probé minificado ninguno de estos todavía, por paja nomas), seguro se podría optimizar el tiempo de carga del foro.

La idea sería minificar imágenes que siempre vemos, como banners, fondos y otras cosas incluyendo los scripts.

Con kb me refiero a bytes, no bits (estoy desde el celular).

Admito que para alivianar el tiempo de carga sería buenísimo

El tema son los banners, sería un laburo tremendo minificarlos todos...

Es cierto que es un laburo importante, pero es algo que estaría bueno hacer cuanto antes y de a poco, que a la larga sería más que beneficioso. Lo que capaz sería medio al pedo es hacerlo con los scripts, aunque hay que ver, no estoy viendo ningún número por ahora.

Pues me parece muy buena la idea, mi internet es una caca, y cuando esta por los 20KB (normalmente son 40KB) el foro no me carga correctamente, o tarda demasiado en hacerlo.

Como dicen, se puede ir haciendo poco a poco, con lo de los banners bueno, igual, de todas maneras estan todos, y si es una cosa sencilla podriamos ayudar varios.

Igual, como minimizas una imagen?

Wigazo escribió:Lo que capaz sería medio al pedo es hacerlo con los scripts, aunque hay que ver, no estoy viendo ningún número por ahora.

Es cierto que con los scripts, a menos que sean muy grandes, la diferencia es menor.
Agarré el script que usamos para customizar el chatbox

Spoiler:

Todo eso pesa 2,83KB, al minificarlo pasó a pesar 1,46KB. Me parece que la diferencia, aunque poca en este caso, sigue siendo importante.

Sproilex escribió:Igual, como minimizas una imagen?

Hay páginas para minificar las dos cosas (imagenes y scripts), por ejemplo https://tinypng.com/

También hay algunas utilidades que utilizo para desarrollar que las minifican.

A bueno, ven, como es sencillo podria hacerse un post, como con lo de los banners, pero para minificar las imagenes.

Pues de HTML5 no se nada, en cambio, seria guay si el foro se desarrollara en C# que lo manejo, buee.

Asi los usuarios (como yo, porque pienso ayudar a achicar las imagenes) podrian ayudar.

Bueno digo yo no?

Una de estas dos pesa 356 y la otra 115 (KB)
Yo por mi lado no noto diferencia, pero soy malísimo con estas cosas.
Así que te propongo que adivines cual es cual (just for fun)

Spoiler:

Acá dejo la respuesta

Spoiler:

Tampoco la noto o_O

Pero están achicadas. xD Mejor poné las dos imágenes por separado.

La verdad que si lo reduce así a un tercio, puede ser muy útil.

Si, la diferencia seria por el tamaño, pero de todas maneras no hay algun usuario que se ponga a ver cual es el tamaño de los banners, mientras que su calidad no se pierda tanto, como en este caso que casi ni se nota la diferencia, entonces estaria bien.

Muy buena idea.

Con los banners aleatorios no lo haremos por el momento, pero lo puedo ir haciendo con el fondo actual, los banners de anuncios, los botones del indice y el fondo de la interfaz de los subforos.

Comenten si están de acuerdo!

Acabo de minificar el fondo, los botones del indice y el fondo de la interfaz de los subforos.

En teoría debería cargarles el foro mucho más rápido.

En TinyPNG verdad?

Si, esta vez es tinyPNG.