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
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