Contenido

Rendimiento de los navegadores dependiendo del código HTML

2 Abr

+ 9

Ajaxline, hace una impresionante comparariva entre los principales navegadores a los que dependiendo del HTML que han de tratar arrojan unos resultados cuanto menos interesantes.

bperf
(Ver Imagen)

Las pruebas realizadas desde un Macbook Pro Intel Core 2 Duo y 2GB de RAM con Parallels para los navegadores basados en Windows.

Pruebas como recorrer en profundidad el arbol DOM del HTML, aplicar el posicionamiento (relativo o absoluto), aplicar opacidad a los elementos o usar <img /> frente a background-url: arrojan unas conclusiones bastante interesantes.

  1. Es mejor usar position:absolute en elementos interactivos.
  2. Una gran cantidad de elementos en una página puede reducir el rendimiento, pero no vale la pena reducir y perder fiabilidad funcionalidad.
  3. No es recomendado  hacer estructuras muy profundas.
  4. No dejes que los estándares te paralicen. Solo los desarrolladores necesitan la semántica y la validación (no estoy muy de acuerdo con esto)
  5. No estires las imagenes por que si. Pero si lo necesitas, usa <canvas />
  6. <img /> trabaja más rápido que la propiedad CSS background-url.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.