![\"\"](\"https:\/\/integracaodigital.com.br\/blog\/wp-content\/uploads\/2019\/04\/INTEGRACAODIGITAL_Linkedin15.png\")
<\/p>\n<\/p>\n
<\/p>\n
Voc\u00ea sabia que o tempo de carregamento de uma p\u00e1gina na web implica diretamente no seu posicionamento no Google, na experi\u00eancia do usu\u00e1rio e nos seus resultados? Se voc\u00ea quer se destacar na internet e alcan\u00e7ar melhores posi\u00e7\u00f5es precisa se preocupar em tornar as p\u00e1ginas do seu site mais leves e f\u00e1ceis de navegar. O Lazy Loading pode ser a solu\u00e7\u00e3o!<\/span><\/p>\n Quer saber o que \u00e9 Lazy Loading, como ele pode impactar na otimiza\u00e7\u00e3o do seu site e melhorar seu desempenho perante os buscadores? Ent\u00e3o continue comigo e logo descobrir\u00e1!<\/span><\/p>\n <\/p>\n Sites r\u00e1pidos, al\u00e9m de ajudar os usu\u00e1rios, convertem mais! De acordo com uma pesquisa realizada pela Aberdeen Group, otimiza\u00e7\u00f5es de performance podem aumentar as convers\u00f5es em at\u00e9 16%. Al\u00e9m disso, de acordo com o mesmo estudo, os usu\u00e1rios esperam, em m\u00e9dia, dois segundos at\u00e9 uma p\u00e1gina carregar. A partir da\u00ed, 40% abandonam o site. <\/span><\/p>\n Lazy Loading \u00e9 uma estrat\u00e9gia que consiste em carregar um determinado conte\u00fado da p\u00e1gina apenas quando for solicitado pelo usu\u00e1rio. Essa t\u00e9cnica de programa\u00e7\u00e3o web ajuda a otimizar o tempo de carregamento do site, j\u00e1 que n\u00e3o \u00e9 preciso abrir todos os elementos da p\u00e1gina de uma s\u00f3 vez.<\/span><\/p>\n A grande maioria dos sites s\u00e3o lentos por causa das imagens em alta resolu\u00e7\u00e3o. Esse \u00e9 o maior problema de sites profissionais, que prezam pela qualidade visual. Contudo, apesar do Lazy Loading n\u00e3o ser uma novidade, s\u00f3 recentemente foi disponibilizada uma tag para melhorar a performance de imagens. <\/span><\/p>\n Essa vers\u00e3o melhorada do Lazy Loading surgiu a partir do API Intersection Observer, que permite detectar quando o elemento entra ou sai do <\/span>viewport <\/span><\/i>(\u00e1rea de vis\u00e3o). Sendo assim, conforme o usu\u00e1rio vai rolando a p\u00e1gina as imagens surgem na tela. Antes era preciso esperar que todo o conte\u00fado do site carregasse para entrar, hoje n\u00e3o mais!<\/span><\/p>\n <\/p>\n Desenvolver um site otimizado significa oferecer para o usu\u00e1rio um conjunto de funcionalidades e caracter\u00edsticas que v\u00e3o fazer toda a diferen\u00e7a no final do dia. Al\u00e9m do tempo de carregamento, temos os seguintes pilares da experi\u00eancia do usu\u00e1rio:<\/span><\/p>\nO que \u00e9 Lazy Loading?\u00a0<\/b><\/h2>\n
Os outros pilares da experi\u00eancia do usu\u00e1rio\u00a0<\/b><\/h3>\n
![\"Falar](\"https:\/\/integracaodigital.com.br\/blog\/wp-content\/uploads\/2021\/12\/Consultor-Verde.png\")
<\/a><\/p>\n