O carregamento lento de imagens é uma prática popular há uma década e por um bom motivo: as imagens geralmente são os downloads mais pesados em uma determinada página da Web e evitar o descarregamento de imagens que nunca são vistas economiza a largura de banda do usuário. Existem plug-ins para carregamento lento de imagens […]
Tag: imagens
Como exibir imagens específicas do modoComo exibir imagens específicas do modo
Agora que temos a maioria dos conceitos básicos de HTML e CSS no navegador, começamos a implementar novos recursos que eu consideraria aprimoramentos de “qualidade de vida”, muitos dos quais foram inspirados em dispositivos móveis. Um ótimo exemplo é o CSS prefers-color-scheme media query, que permite que os desenvolvedores adaptem seu design às preferências do […]
Estratégias de otimização de imagens comparadasEstratégias de otimização de imagens comparadas
Todos nós conhecemos as estatísticas. O desempenho mais lento do site está fortemente ligado a taxas de abandono mais altas e conversões mais baixas. O que talvez o senhor não saiba é que o principal culpado é o excesso de cargas úteis de páginas da Web, derrubando nossas páginas da Web de outro modo eficientes […]
Como criar um diff de duas imagensComo criar um diff de duas imagens
Quando eu era criança, adorava procurar o Waldo na série de livros “Where’s Waldo?”. Hoje em dia, gosto muito das imagens “What’s the Big Frigin Difference” do TMZ, em que o TMZ altera ligeiramente uma imagem e o senhor precisa identificar as diferenças entre as duas. Isso me fez pensar: com que facilidade eu poderia […]