Optimización de velocidad al foro

5 participantes

Ir abajo

Mensaje Vie Feb 14, 2014 2:42 am

Hace varios días quería optimizar el foro para mejorar el tiempo de carga. Recién agarré y lo hice logrando muy buenos resultados.

Antes: ~40 segundos.
Ahora: ~8 segundos.

Estadísticas:
WebPageTest: http://www.webpagetest.org/result/140214_WM_MGJ/
PageSpeed Insights: http://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.worldofeditors.net%2F&tab=desktop

Gracias a:
https://kraken.io/ : Por optimizacion en imágenes.
http://draeton.github.io/stitches/ : Por la automatizacion en la creacion de sprites.

Saludos.


Última edición por Ruke el Vie Feb 14, 2014 12:21 pm, editado 4 veces
Ruke
Ruke

Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 299
Reputación Reputación : 64
Monedas de Oro : 1681
Optimización de velocidad al foro Empty


Logros & Medallas :

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 3:16 am

Realmente muy buen trabajo Ruke, me quito el sombrero. hi

En contestación al MP, sí, se carga mas rápido, desde navegación privada inclusive (?)

Sos groso, sabelo Wink


Lets take a moment to break the ice, so my intentions are known..

Optimización de velocidad al foro SILNVOb
⭐Reglas del foro⭐ Listado de Tutoriales⭐
⭐Consultas del editor de mundos Like a Star @ heaven Requisitos de Tutoriales y Spells⭐
Sapphiron
Sapphiron

Barra de Salud : Este usuario es invulnerable ¿Será que es fiel a las normas?

Mensajes Mensajes : 1456
Reputación Reputación : 251
Monedas de Oro : 12145
Optimización de velocidad al foro Empty


Logros & Medallas :
Fundador del Foro
Creación de WorldOfEditors en el 2013
Iniciativa del Llamado
Organizar 3 Concursos del Foro.
Creador de una Nueva Leyenda
Segundo Puesto en el Concurso de Héroes II
Pasatiempo Favorito
Pertenecer en el Top 5 de Redactores del Foro.

https://www.worldofeditors.net

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 9:16 am

Ruke, optimizando nuestras vidas internautas
Marcos_M
Marcos_M

Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 3686
Reputación Reputación : 739
Monedas de Oro : 11337
Optimización de velocidad al foro Empty


Logros & Medallas :
Pasatiempo Favorito
Pertenecer en el Top 5 de Redactores del Foro.

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 10:39 am

Wow.. gran trabajo.. pero tengo una curiosidad de como lo hiciste?


Optimización de velocidad al foro 20uevxy
Valar Morghulis|Mis aportes|
TRISTAN
TRISTAN
Caballero
Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 297
Reputación Reputación : 64
Monedas de Oro : 1792
Optimización de velocidad al foro Empty


Logros & Medallas :
Redactor con Honores
Primer Puesto en el Concurso de Historias II
Creador del Apocaplisis
Segundo Puesto en el Concurso de Bosses
Creador del Nuevo Caos
Tercer Puesto en el Concurso de Bosses II
Mapper con Honores
Tercer Puesto en el Concurso de Mapas
Mapper Creativo
Segundo Puesto en el Concurso de Mapas II
Campeón Reconocido
Quedar 5 veces en el Pódium de los Concursos del Foro.

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 11:42 am

TRISTAN escribió:Wow.. gran trabajo.. pero tengo una curiosidad de como lo hiciste?

1) Reduciendo el numero de peticiones (por ejemplo, cada imagen, es una petición) haciendo uso de sprites (se unen varias imágenes en 1 sola).

2) Usando los formatos correctos para las imágenes.

JPG: Se usa cuando la imagen no es chica, tiene varios colores y no requiere transparencia. Si se puede, usar JPG progresivo.
GIF: Se usa cuando la imagen tiene pocos colores y require opcionalmente una transparencia no muy detallada.
PNG: Se usa cuando se requiere maxima calidad y transparencia o la imagen es chica.

3) Reduciendo ligeramente calidad y sacando caracteres innecesarios tanto en imágenes como en javascript (minify).
Ruke
Ruke

Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 299
Reputación Reputación : 64
Monedas de Oro : 1681
Optimización de velocidad al foro Empty


Logros & Medallas :

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 12:43 pm

Excelente trabajo Ruke, siempre pensando en el bien de todos y como mejorar las cosas Wink


PD: ¡aguante Saurista! Very Happy Rolling Eyes
ILoGy
ILoGy
Caballero
Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 405
Reputación Reputación : 81
Monedas de Oro : 2442
Optimización de velocidad al foro Empty


Logros & Medallas :
Creador del Apocaplisis
Tercer Puesto en el Concurso de Bosses
Pensador de Héroes
Tercer Puesto en el Concurso de Ideas Heroicas

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 8:00 pm

Ruke escribió:
TRISTAN escribió:Wow.. gran trabajo.. pero tengo una curiosidad de como lo hiciste?

1) Reduciendo el numero de peticiones (por ejemplo, cada imagen, es una petición) haciendo uso de sprites (se unen varias imágenes en 1 sola).

2) Usando los formatos correctos para las imágenes.

JPG: Se usa cuando la imagen no es chica, tiene varios colores y no requiere transparencia. Si se puede, usar JPG progresivo.
GIF: Se usa cuando la imagen tiene pocos colores y require opcionalmente una transparencia no muy detallada.
PNG: Se usa cuando se requiere maxima calidad y transparencia o la imagen es chica.

3) Reduciendo ligeramente calidad y sacando caracteres innecesarios tanto en imágenes como en javascript (minify).

Lo tomaré como consejo. Wink

Una pena que el banner haya perdido calidad, en fin todo sea por mejorar la navegación lo que me recuerda poner un limite en las firmas.

Saludos.


Lets take a moment to break the ice, so my intentions are known..

Optimización de velocidad al foro SILNVOb
⭐Reglas del foro⭐ Listado de Tutoriales⭐
⭐Consultas del editor de mundos Like a Star @ heaven Requisitos de Tutoriales y Spells⭐
Sapphiron
Sapphiron

Barra de Salud : Este usuario es invulnerable ¿Será que es fiel a las normas?

Mensajes Mensajes : 1456
Reputación Reputación : 251
Monedas de Oro : 12145
Optimización de velocidad al foro Empty


Logros & Medallas :
Fundador del Foro
Creación de WorldOfEditors en el 2013
Iniciativa del Llamado
Organizar 3 Concursos del Foro.
Creador de una Nueva Leyenda
Segundo Puesto en el Concurso de Héroes II
Pasatiempo Favorito
Pertenecer en el Top 5 de Redactores del Foro.

https://www.worldofeditors.net

Volver arriba Ir abajo

Mensaje Vie Feb 14, 2014 11:48 pm

Una pena que el banner haya perdido calidad, en fin todo sea por mejorar la navegación lo que me recuerda poner un limite en las firmas.

Es una calidad muy aceptable. Tanto que de hecho, la mayoría no notará diferencia con el anterior.

Con respecto a las firmas, la verdad es que podría ser... hay firmas que pesan casi 1 mb u.u

Se podría seguir optimizando, pero el tiempo de carga actual es aceptable (tal vez se podría pasar el optimizador de imágenes sobre medallas/logros/etc.).
Ruke
Ruke

Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 299
Reputación Reputación : 64
Monedas de Oro : 1681
Optimización de velocidad al foro Empty


Logros & Medallas :

Volver arriba Ir abajo

Mensaje Sáb Feb 15, 2014 12:02 am

jajaja "(tal vez se podría pasar el optimizador de imágenes sobre medallas/logros/etc.)." eso es extremista Very Happy

EDITO: podríamos pelar la interfaz.. y así empezaríamos a valorar un poco mas los post y menos la calidad de las firmas y los avatars de tal y tal jajaja.. Very Happy pero estoy seguro que perderíamos muchos user


Optimización de velocidad al foro 20uevxy
Valar Morghulis|Mis aportes|
TRISTAN
TRISTAN
Caballero
Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 297
Reputación Reputación : 64
Monedas de Oro : 1792
Optimización de velocidad al foro Empty


Logros & Medallas :
Redactor con Honores
Primer Puesto en el Concurso de Historias II
Creador del Apocaplisis
Segundo Puesto en el Concurso de Bosses
Creador del Nuevo Caos
Tercer Puesto en el Concurso de Bosses II
Mapper con Honores
Tercer Puesto en el Concurso de Mapas
Mapper Creativo
Segundo Puesto en el Concurso de Mapas II
Campeón Reconocido
Quedar 5 veces en el Pódium de los Concursos del Foro.

Volver arriba Ir abajo

Mensaje Sáb Feb 15, 2014 1:08 am

Ruke escribió:
Una pena que el banner haya perdido calidad, en fin todo sea por mejorar la navegación lo que me recuerda poner un limite en las firmas.

Es una calidad muy aceptable. Tanto que de hecho, la mayoría no notará diferencia con el anterior.

Con respecto a las firmas, la verdad es que podría ser... hay firmas que pesan casi 1 mb u.u

Se podría seguir optimizando, pero el tiempo de carga actual es aceptable (tal vez se podría pasar el optimizador de imágenes sobre medallas/logros/etc.).

Respecto a las firmas hay Gifs o algunas de tamaño grande que sinceramente pueden joder la navegación, ya desde hace tiempo ando pensando en ponerle un limite.

Si te parece bien, puedes pasar el Optimizador en las imágenes de algunos campos como logros, medallas, profesiones aunque dudo que jodan mucho, ademas son pequeñas y PNG como recomendas.

TRISTAN escribió:jajaja "(tal vez se podría pasar el optimizador de imágenes sobre medallas/logros/etc.)." eso es extremista Very Happy

EDITO: podríamos pelar la interfaz.. y así empezaríamos a valorar un poco mas los post y menos la calidad de las firmas y los avatars de tal y tal jajaja.. :Dpero estoy seguro que perderíamos muchos user

Desde mi punto de vista, el aspecto del foro influye en que haya un clima mas agradable a la hora de participar dentro de la comunidad.
Con esto me refiero a que, aveces la interfaz puede despertar el interés en el usuario con algunos pequeños detalles como logros, medallas y algunas cosas que implementé.

De algún modo un usuario se sentirá mas cómodo en un foro con buen aspecto que en uno todo blanco o de aspecto y colores de modo desprolijo. El Mercado, logros, profesiones, medallas, concursos despiertan el instinto competitivo de muchos(me incluyo) por lo cual asi se gana mas participación de parte de los usuarios y de algún modo no es muy monótona la web, le da un aire de diversión. n_n

Saludos.


Lets take a moment to break the ice, so my intentions are known..

Optimización de velocidad al foro SILNVOb
⭐Reglas del foro⭐ Listado de Tutoriales⭐
⭐Consultas del editor de mundos Like a Star @ heaven Requisitos de Tutoriales y Spells⭐
Sapphiron
Sapphiron

Barra de Salud : Este usuario es invulnerable ¿Será que es fiel a las normas?

Mensajes Mensajes : 1456
Reputación Reputación : 251
Monedas de Oro : 12145
Optimización de velocidad al foro Empty


Logros & Medallas :
Fundador del Foro
Creación de WorldOfEditors en el 2013
Iniciativa del Llamado
Organizar 3 Concursos del Foro.
Creador de una Nueva Leyenda
Segundo Puesto en el Concurso de Héroes II
Pasatiempo Favorito
Pertenecer en el Top 5 de Redactores del Foro.

https://www.worldofeditors.net

Volver arriba Ir abajo

Mensaje Sáb Feb 15, 2014 11:12 am

estoy de acuerdo Sapphi, ami particularmente me nacen las 2 sensaciones tanto de la interfaz como de la competitividad por mercado y demás distinciones, pero estoy seguro que aunque sea poco creíble hay algunos que otros usuarios que aun así este optimizada le cueste en entrar jaja.. gracias a dios no es mi caso Very Happy y para aportar una opinión, nunca vi una interfaz tan linda y ordenada como esta Wink enhorabuena lastima el banner :/ jaja


Optimización de velocidad al foro 20uevxy
Valar Morghulis|Mis aportes|
TRISTAN
TRISTAN
Caballero
Barra de Salud : Su salud está al 100% - Este usuario no ha recibido infracciones

Mensajes Mensajes : 297
Reputación Reputación : 64
Monedas de Oro : 1792
Optimización de velocidad al foro Empty


Logros & Medallas :
Redactor con Honores
Primer Puesto en el Concurso de Historias II
Creador del Apocaplisis
Segundo Puesto en el Concurso de Bosses
Creador del Nuevo Caos
Tercer Puesto en el Concurso de Bosses II
Mapper con Honores
Tercer Puesto en el Concurso de Mapas
Mapper Creativo
Segundo Puesto en el Concurso de Mapas II
Campeón Reconocido
Quedar 5 veces en el Pódium de los Concursos del Foro.

Volver arriba Ir abajo

Mensaje


Contenido patrocinado

Logros & Medallas :

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.