-
·
Optimizar imágenes para web: compresión de imágenes
Las imágenes suponen un alto porcentaje del total de recursos descargados en una página web. Actualmente existen multitud de formatos de imagen, los más importantes y reconocibles son JPEG, PNG, SVG o GIF. Optimizar imágenes, supone de facto, mejorar de forma considerable el rendimiento de una página web. Herramientas como Google Page Speed Insight (PSI), Lighthouse o Gtmetrix…
-
·
Lazy load images con IntersectionObserver API
Hace años que existe la carga de imágenes de forma perezosa, más conocida como “Lazy load images”. Este método utiliza un temporizador periódico que observa el evento de desplazamiento con getBoundingClientRect(). Esta técnica supone una penalización importante ya que fuerza el repintado de toda la página. IntersectionObserver ha nacido para resolver este problema, permitiendo una mejora sustancial de…