Skip to content

Lazy loading é uma técnica incrível para melhorar a performance de projetos JavaScript, onde os recursos não essenciais, como imagens, vídeos ou até partes do código, são carregados apenas quando realmente necessários—geralmente ao serem exibidos na tela. Isso ajuda a reduzir o tempo de carregamento inicial e proporciona uma experiência.

Notifications You must be signed in to change notification settings

jacqdev/Lazy-Load

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 

Repository files navigation

💤 Lazy Load com JavaScript Este projeto demonstra como aplicar a técnica de lazy loading para melhorar a performance de páginas web, carregando imagens apenas quando entram na tela do usuário. 📋 Motivação Em sites com muitas imagens, o carregamento total pode causar lentidão ou consumo excessivo de recursos. O lazy loading otimiza essa experiência, economiza banda e acelera o carregamento. Este projeto foi desenvolvido como parte de uma jornada de aprendizado sobre performance e boas práticas em JavaScript moderno. 🧠 Sobre o projeto Lazy loading é uma técnica incrível para melhorar a performance de projetos JavaScript, onde os recursos não essenciais — como imagens, vídeos ou até partes do código — são carregados apenas quando realmente necessários. Isso reduz o tempo de carregamento inicial e proporciona uma experiência mais fluida e eficiente. 🚀 Funcionalidades

  • 🖼️ Carregamento inteligente de imagens sob demanda
  • ⚙️ Utiliza a API IntersectionObserver do navegador
  • 📉 Redução do tempo de carregamento inicial
  • 📱 Interface compatível com múltiplos dispositivos 🛠️ Tecnologias utilizadas
  • JavaScript
  • HTML
  • CSS 📦 Como executar

Clone o repositório

git clone https://github.com/jacqdev/Lazy-Load

Abra o arquivo index.html diretamente no navegador

Clone o repositório

git clone https://github.com/jacqdev/Lazy-Load

Abra o arquivo index.html diretamente no navegador

About

Lazy loading é uma técnica incrível para melhorar a performance de projetos JavaScript, onde os recursos não essenciais, como imagens, vídeos ou até partes do código, são carregados apenas quando realmente necessários—geralmente ao serem exibidos na tela. Isso ajuda a reduzir o tempo de carregamento inicial e proporciona uma experiência.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published