Lazy Load: Carregue páginas rapidamente
Neste curso aprenderemos a aplicar a técnica de Lazy Load em páginas web com jQuery e CSS, carregando as imagens apenas quando elas forem necessárias e otimizando assim o tempo de carregamento da página. Uma página web moderna pode conter diversas imagens para enriquecer a experiência do usuário, mas a utilização de imagens requer cuidado, pois isso pode comprometer essa experiência deixando o carregamento da página cada vez mais lento. Durante o processo normal de carregamento, onde todo conteúdo da página é carregado de forma assíncrona, há um consumo de banda desnecessário, porque nesse primeiro momento nem todo o conteúdo da página
Carga horária deste curso 6h
Curso de Lazy Load
(6 aulas)
Aula 1 - Introdução ao Lazy Load
Aula 2 - Entendendo o Evento Scroll
Aula 3 - Usando data e src para carregar imagens
Aula 4 - Determinando se uma imagem está visível
Aula 5 - Adicionando Lazy Load a uma página
Aula 6 - Suavizando a transição com CSS3
Código Fonte - Lazy Load
Conteúdo Extra - jQuery Scroll: Como saber se o usuário rolou a página até o fim
Black November
Desconto exclusivo para as primeiras 200 matrículas!
Pagamento anual
12x no cartão
De: R$ 69,00
Por: R$ 54,90
Total: R$ 658,80
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- 12 meses de acesso
Pagamento recorrente
Cobrado mensalmente no cartão
De: R$ 79,00
Por: R$ 54,90 /mês
Total: R$ 658,80
Garanta o desconto
- Formação FullStack Completa
- Carreira Front-end I e II, Algoritmo e Javascript, Back-end e Mobile
- +10.000 exercícios gamificados
- +50 projetos reais
- Comunidade com + 200 mil alunos
- Estude pelo Aplicativo (Android e iOS)
- Suporte online
- Fidelidade de 12 meses
- Não compromete o limite do seu cartão
<Perguntas frequentes>
Para marcar o curso como favorito é preciso estar logado. Caso não tenha um cadastro DevMedia, clique aqui para se cadastrar (gratuito)
Curso adicionado aos favoritos. Clique aqui para ver todos seus favoritos