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.
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.
- Es mejor usar
position:absolute
en elementos interactivos. - Una gran cantidad de elementos en una página puede reducir el rendimiento, pero no vale la pena reducir y perder fiabilidad funcionalidad.
- No es recomendado hacer estructuras muy profundas.
- 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)
- No estires las imagenes por que si. Pero si lo necesitas, usa
<canvas />
<img />
trabaja más rápido que la propiedad CSSbackground-url
.
9 comentarios, 0 referencias
+
#