Otimizando o desempenho da Web com formatos de imagem modernos

As imagens geralmente compõem a maior parte do tamanho total do arquivo de uma página da Web, levando a tempos de carregamento lentos e experiências ruins para o usuário. Entender como selecionar, compactar e entregar os formatos de imagem corretos é uma das maneiras mais eficazes de aumentar a velocidade do seu site e melhorar a retenção de usuários. Este curso baseado em texto orienta você na transição de formatos de imagem legados para alternativas modernas e de alto desempenho. Você aprenderá a implementar técnicas de compressão de ponta para reduzir drasticamente o tamanho dos arquivos sem sacrificar a qualidade visual. O que você vai aprender: - Entenda as diferenças de desempenho entre formatos legados e alternativas modernas como WebP e AVIF - Implemente gráficos SVG diretamente no seu código para eliminar solicitações de rede desnecessárias - Configurar imagens responsivas usando o elemento de imagem HTML e atributos srcset - Aplique técnicas modernas de desempenho, incluindo o carregamento preguiçoso do navegador nativo - Analise a entrega de imagens usando princípios de teste de desempenho para garantir carregamentos rápidos de páginas Você começará com os conceitos fundamentais de compressão da web, metadados de imagem e imagens digitais básicas antes de passar para implementações práticas de código. Através de explicações claras e escritas e exemplos práticos de marcação, você aprenderá a construir layouts web leves e de carregamento rápido. Este curso é projetado para desenvolvedores de frontend iniciantes, web designers e proprietários de sites que desejam otimizar seus aplicativos da web. Nenhuma experiência prévia de ajuste de desempenho é necessária. Comece a ler hoje mesmo para criar experiências da Web mais rápidas e eficientes para seus usuários.