RustLangES.github.io icon indicating copy to clipboard operation
RustLangES.github.io copied to clipboard

Pruebas y Optimizacion puntaje lighthouse

Open sergiomeneses opened this issue 2 years ago • 5 comments

sergiomeneses avatar Aug 25 '23 07:08 sergiomeneses

Despues de algunas pruebas con el Cargo.toml el bundle paso de 378kb a 250kb.

[profile.custom-profile]
opt-level = "z"   # Optimize for size.
lto = true        # Link time optimization.
incremental = true
codegen-units = 1 # Allow for maximum size reduction optimizations.
debug-assertions = false

Con este custom profile se logra optimizar el bundle size, se deberia asingar al release profile dado que trunk no soporta custom profiles.

Con respecto al puntaje de Lighthouse: debug profile:

  • Performance: 60
  • Accessibility: 65
  • Best Practices: 100
  • SEO: 64

release profile:

  • Performance: 79
  • Accessibility: 65
  • Best Practices: 100
  • SEO: 64

custom profile

  • Performance: 80
  • Accessibility: 65
  • Best Practices: 100
  • SEO: 64

El mayor bottleneck serian las imágenes dado que una sola imagen ocupa 3mb.

Lemin-n avatar Aug 27 '23 22:08 Lemin-n

El mayor bottleneck serian las imágenes dado que una sola imagen ocupa 3mb.

Y QUE PASA SI QUIERO ESA IMAGEN EN 4K?!

Bromeo, si, hay que cambiar eso

Phosphorus-M avatar Aug 27 '23 22:08 Phosphorus-M

El mayor bottleneck serian las imágenes dado que una sola imagen ocupa 3mb

Podemos generar imágenes según el dispositivo visitante para optimizar esto, además de reducir el tamaño de las imagenes

sergiomeneses avatar Aug 28 '23 20:08 sergiomeneses

Actualmente tenemos las siguientes medias en Lighthouse:

release profile: Performance: 90~100 Accessibility: 71 Best Practices: 100 SEO: 92

Aun falta agregar alt a las imágenes, optimizar el contraste y modificar algunas tags por accessibility.

Lemin-n avatar Sep 02 '23 01:09 Lemin-n

Viene bien! :+1:

Phosphorus-M avatar Jan 28 '24 18:01 Phosphorus-M