Conectarse
Temas Favoritos

Creación Aleatoria

Los posteadores más activos del mes
FlairDreamer |
| |||
CharaToLoki |
| |||
erik_bcn |
| |||
skellois |
| |||
kingleyend |
| |||
Itsuka Shiro |
| |||
Schmieden |
|
Hora Mundial
Minificar Imagenes y Scripts
Página 1 de 1. • Comparte
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).
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).
Lirianer- Capitán
- Barra de Respeto :
Mensajes : 1415
Sexo :
Edad : 26
Fecha de nacimiento : 27/01/1996
Localización : Uruguay
¿Algo que decir? : JxWQGYbZLw
Fecha de inscripción : 17/07/2010
Premios :
Re: Minificar Imagenes y Scripts
Admito que para alivianar el tiempo de carga sería buenísimo
El tema son los banners, sería un laburo tremendo minificarlos todos...
El tema son los banners, sería un laburo tremendo minificarlos todos...
Rhinestone- Bardo Celebridad
- Puntos de Capitán : 643
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 20076
Sexo :
Edad : 23
Fecha de nacimiento : 05/09/1998
¿Algo que decir? : We are still human
Fecha de inscripción : 18/04/2013
Premios :
Re: Minificar Imagenes y Scripts
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.

Regalos de San Cariñitos:
![]() ¡Gracias @Gherla! ![]() | ![]() ¡Gracias @Ikaros[LW]! ![]() | ![]() ¡Gracias @niko1996arg! ![]() | ![]() ¡Gracias @trashmunster! ![]() |
- Spoiler:
Re: Minificar Imagenes y Scripts
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?
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?



Tengo
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
Re: Minificar Imagenes y Scripts
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:
- Código:
if (localStorage.messages == null) localStorage.messages = ""; //Inicializar cookie
if (localStorage.cbDespRojo == null) localStorage.cbDespRojo = false; //Inicializar cookie
$(document).ready(function() {
$('iframe').on("load", function() {
cbwindow = this.contentWindow;
//Agregar botón de actualización
cbwindow.$("#chatbox_messenger_form").append('<div id="cb-actualizar" title="Actualizar" onclick="chatbox.get();"></div>'); //CSS en stylesheet
cbwindow.$('a[href="/chatbox/index.forum"]').attr("href", "http://www.sporepedia2.com/h12-chatbox#grande");
var overrided = cbwindow.Chatbox.prototype.refresh;
cbwindow.Chatbox.prototype.refresh = function(data) {
overrided.call(this, data);
//Nuevos mensajes
if (typeof(data.messages) != "undefined") {
if (data.connected && localStorage.messages != JSON.stringify(data.messages)) { //Tiene que estar conectado
switch (location.hash) {
case "#desplegable":
if(this.connected)
{
window.parent.$('#cbDesp').addClass("nuevosMsg");
localStorage.cbDespRojo = true;
}
case "#grande":
// TODO: Sonido
break;
case "#indice":
// TODO: Sonido
break;
}
}
localStorage.messages = JSON.stringify(data.messages);
}
//===FIN===
//===Reemplazar arroba===
cbwindow.$('.chatbox-username').each(function() {
this.previousSibling && $.trim(this.previousSibling.nodeValue) == "@" && $(this.previousSibling).replaceWith('<img src="http://i.imgur.com/StAWCNx.png" style="cursor:help;" title="Usuario moderador del chat" / > ')
});
//===FIN===
//===Color borde avatares===
cbwindow.$("#chatbox .user-msg").each(function() {
var lirColor = $(this).find(".msg span").attr("style");
if (lirColor !== "color:none")
$(this).find(".cb-avatar").attr("style", "border-" + lirColor + " !important;");
else
$(this).find(".cb-avatar").attr("style", "border-color: #03b2ed !important;");
});
//===FIN===
console.log("Chat Refreshed!");
};
});
});
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.
Lirianer- Capitán
- Barra de Respeto :
Mensajes : 1415
Sexo :
Edad : 26
Fecha de nacimiento : 27/01/1996
Localización : Uruguay
¿Algo que decir? : JxWQGYbZLw
Fecha de inscripción : 17/07/2010
Premios :
Re: Minificar Imagenes y Scripts
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?
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?



Tengo
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
Re: Minificar Imagenes y Scripts
Uhm... bueno, yo por mi parte no tengo problemas al cargar todo el foro y eso, supongo que por mi Internet. De todas formas, opino que sería muy bueno para esas personas cuyo Internet no es muy bueno.
Pero aún así... ¿al minificarlo no se pierde calidad de imagen?
Pero aún así... ¿al minificarlo no se pierde calidad de imagen?
FlairDreamer- Chamán Tejedor
- Puntos de Capitán : 175
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 5836
Sexo :
Edad : 28
Fecha de nacimiento : 28/03/1994
Localización : Argentina
¿Algo que decir? : It mᥲყ bᥱ trᥙᥱ thᥲt thᥱ ᥕorᥣd hᥲs no nᥱᥱd of bordᥱrs. Bᥙt ᥕoᥙᥣd gᥱttιᥒg rιd of thᥱm ᥴhᥲᥒgιᥒg ᥲᥒყthιᥒg? Thᥱ ᥕorᥣd ᥕoᥒ't ᥴhᥲngᥱ for thᥱ bᥱttᥱr ᥙᥒᥣᥱss ᥕᥱ trᥙst ρᥱoρᥣᥱ. Trᥙst ιs vιtᥲᥣ ιn ᥲ ρᥱᥲᥴᥱfᥙᥣ ᥕorᥣd. Bᥙt thᥲt ᥕιᥣᥣ ᥒᥱvᥱr hᥲρρᥱn.
Fecha de inscripción : 03/04/2015
Premios :
Re: Minificar Imagenes y Scripts
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)
Acá dejo la respuesta
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:
1 - Sin Minificar (350KB)
2 - Minificada (115KB)
Lirianer- Capitán
- Barra de Respeto :
Mensajes : 1415
Sexo :
Edad : 26
Fecha de nacimiento : 27/01/1996
Localización : Uruguay
¿Algo que decir? : JxWQGYbZLw
Fecha de inscripción : 17/07/2010
Premios :
Re: Minificar Imagenes y Scripts
Uhm... es cierto, la verdad que no noto la diferencia en este caso... ¿Podrías probar con un banner cualquiera?
FlairDreamer- Chamán Tejedor
- Puntos de Capitán : 175
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 5836
Sexo :
Edad : 28
Fecha de nacimiento : 28/03/1994
Localización : Argentina
¿Algo que decir? : It mᥲყ bᥱ trᥙᥱ thᥲt thᥱ ᥕorᥣd hᥲs no nᥱᥱd of bordᥱrs. Bᥙt ᥕoᥙᥣd gᥱttιᥒg rιd of thᥱm ᥴhᥲᥒgιᥒg ᥲᥒყthιᥒg? Thᥱ ᥕorᥣd ᥕoᥒ't ᥴhᥲngᥱ for thᥱ bᥱttᥱr ᥙᥒᥣᥱss ᥕᥱ trᥙst ρᥱoρᥣᥱ. Trᥙst ιs vιtᥲᥣ ιn ᥲ ρᥱᥲᥴᥱfᥙᥣ ᥕorᥣd. Bᥙt thᥲt ᥕιᥣᥣ ᥒᥱvᥱr hᥲρρᥱn.
Fecha de inscripción : 03/04/2015
Premios :
Rhinestone- Bardo Celebridad
- Puntos de Capitán : 643
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 20076
Sexo :
Edad : 23
Fecha de nacimiento : 05/09/1998
¿Algo que decir? : We are still human
Fecha de inscripción : 18/04/2013
Premios :
Re: Minificar Imagenes y Scripts
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.
La verdad que si lo reduce así a un tercio, puede ser muy útil.

Regalos de San Cariñitos:
![]() ¡Gracias @Gherla! ![]() | ![]() ¡Gracias @Ikaros[LW]! ![]() | ![]() ¡Gracias @niko1996arg! ![]() | ![]() ¡Gracias @trashmunster! ![]() |
- Spoiler:
Re: Minificar Imagenes y Scripts
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.
Muy buena idea.



Tengo
![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() | ![]() |
Re: Minificar Imagenes y Scripts
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!
Comenten si están de acuerdo!

Rhinestone- Bardo Celebridad
- Puntos de Capitán : 643
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 20076
Sexo :
Edad : 23
Fecha de nacimiento : 05/09/1998
¿Algo que decir? : We are still human
Fecha de inscripción : 18/04/2013
Premios :
Re: Minificar Imagenes y Scripts
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 teoría debería cargarles el foro mucho más rápido.

Rhinestone- Bardo Celebridad
- Puntos de Capitán : 643
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 20076
Sexo :
Edad : 23
Fecha de nacimiento : 05/09/1998
¿Algo que decir? : We are still human
Fecha de inscripción : 18/04/2013
Premios :
Re: Minificar Imagenes y Scripts
En TinyPNG verdad?
Lirianer- Capitán
- Barra de Respeto :
Mensajes : 1415
Sexo :
Edad : 26
Fecha de nacimiento : 27/01/1996
Localización : Uruguay
¿Algo que decir? : JxWQGYbZLw
Fecha de inscripción : 17/07/2010
Premios :
Re: Minificar Imagenes y Scripts
Si, esta vez es tinyPNG. 

Rhinestone- Bardo Celebridad
- Puntos de Capitán : 643
Actividad de Arquetipos : Ver
Barra de Respeto :Mensajes : 20076
Sexo :
Edad : 23
Fecha de nacimiento : 05/09/1998
¿Algo que decir? : We are still human
Fecha de inscripción : 18/04/2013
Premios :

» Hacer página del CB con scripts
» ¡¡¡ pack de células !!!
» No veo las imagenes!!
» Problema con las imagenes
» Imágenes raras...
» ¡¡¡ pack de células !!!
» No veo las imagenes!!
» Problema con las imagenes
» Imágenes raras...
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|
» Como migrar de continente en el estadio criatura/How to migrate from one continent to another during creature stage
» Spore Adventures Downloader v3.23
» Manaphy (Pokemon)
» Mod complejidad infinita sin cosas extra y un bonus (opcional)
» Two spiders/Dos arañas
» Ancient Space Mod V.2
» Spore2005_BetaFaces
» ¿Que música están escuchando?
» Surviving The Aftermath: Turbina Eólica Grande
» Pregunta: ¿Existe un limite de creaciones en Spore?
» Aventuras de Robot chicken
» Dónde encontrar el mod de partes robóticas?
» "Guía del Aventurero Aventurado en Aventuras" (Mega Tutorial de Aventuras Galácticas)
» Plantilla de Aventura: Bosque Viejo
» Better Spore Parts (Revivido)
» Lanaris
» AVENTURA: De un rescate a una odisea
» Servidor Oficial del Foro [Discord]
» ISLAS GUMPA
» Algunos Vehículos míos Remasterizados
» Spore Vehicle Converter
» Star Wars: Caza TIE Experimental M1
» Creature Editor Backgrounds - Rainbows
» Hola
» Creaturas feas y deformes que hice
» Usuario con 21.000 creaciones en la Sporepedia
» DekarServerSpoffit[TS][♫]
» Aventura: "Encuentro" v2.0
» No sé... un mercado...
» Cosas que pueden necesitar las criaturas
» Rodolfo [AYUNTAMIENTO]
» criaturas de frutas
» Ikariam: Portaglobos.
» Alfonso
» Beta Faces (Revivido)
» Motel of Melora (Inglés)
» Las pruebas de Cascazul.
» caos en el planeta sebes
» Preguntas simples sobre Aventuras Galácticas
» KROMA
» Pac-Man en Spore (primer aventura)
» Mi primer aracnido.
» PioPlin (Mi primer Ave)
» 7 Criaturongas mias
» mis antiguas creaciones
» SporeCraft V1! Partes de Minecraft en Spore!
» Mod potente modo criatura
» Solo en la galaxia
» Platinum Spore 1.8.1 un mod que cambia el juego por completo
» CamBen Color Pack
» Castillo (un edificio de ocio)
» Más slots en el Creador de Aventuras.
» Bots de Exploracion
» Para los usuarios de Sporepedia 2: Disculpas
» Cómo subir de nivel de capitán con Cheat Engine
» Asimetría para Spore (Revivido)
» ¡Poder crear o elegir una célula antes de iniciar una nueva partida!
» HV JI-Nedes Starcruiser
» Las 5 Misiones Imposibles: El Santuario Negro parte 1
» Taller de Encargos Oficial: Edificios [Pide aquí tu edificio]
» [Imperio Colmenar] - Dron Dinámico de Asalto -
» HV Helltank BR5
» [Imperio Colmenar] - Dron de Combate -
» Edificios Set: Rojo-Negro
» Pustulante
» TEMA FLOOD
» Beyond [O8][E][♫]
» Ikariam: La Otra Tienda.
» Génesis... ¿algo grande se acerca?
» Los posibles sucesores de Spore.
» (Nuevo) Arquetipo Grox Mod y pirata Arquetipo 2018 (1.4) + Bonus
» Galaxia Sporepedia2 - Spore Multijugador
» M.I.L.F - Friday Night Funkin'
» Crear interiores en el editor de edificios
» Pack Mods Spore
» Chicas en bikini (creaciones de la Sporepedia original)
» Partidas spore multijugador
» 7 mods
» Mi imperio NPC
» Los Arquetipos
» mods para hacer personajes
» Dance Animations Mod - 3rd Set
» El Mito Olvidado, Una aventura sin mods
» Mensaje de socorro [REMASTERIZADO]
» MegaPack de Texturas
» Aventura: Deepspace (Espacio Profundo) Aventura de la Sporepedia original. [Resubido]
» Viaje en el Tiempo II
» Lyoko
» El Queso Fiant
» La Leyenda del Unicornio
» Forzar Guardado
» ¡Versiones de Grox!
» Extensión de Chrome: Sporepedia Downloader [1.2]
» Mod especia Marihuana Espacial
» Uso de mando en spore: ¿viable?
» Equilibrar la temperatura de los planetas.
» Crear una cuenta
» Me presento