Artigos de Imagens, arquivos e front-end

Imagens, arquivos e front-end 1.140 Compressão: confirmar que está ligada, e medir o que ganhou A compressão encolhe as páginas antes de as mandar pela rede, e o navegador volta a abri-las do outro lado. Como o...
Imagens, arquivos e front-end 1.227 Otimizar imagens e usar WebP As imagens são, muitas vezes, a parte mais pesada de uma página. WebP é um formato de imagem criado pela Google que...
Imagens, arquivos e front-end 1.238 Proteção contra hotlinking: impedir que outros usem a sua largura de banda Hotlinking é quando outro site mostra uma imagem sua a partir do seu servidor, em vez de a ter guardada no dele....
Imagens, arquivos e front-end 1.040 AVIF ou WebP: que formato de imagem usar, e o que fazer pelos navegadores antigos Para a maioria dos sites, WebP chega e é o mais fácil. O AVIF costuma dar arquivos ainda menores nas fotografias,...
Imagens, arquivos e front-end 967 Carregamento adiado (lazy load) de imagens e vídeos: o que adiar e o que nunca O carregamento adiado faz o navegador só pedir uma imagem ou um vídeo quando está perto de aparecer na tela, em vez...
Imagens, arquivos e front-end 779 Minificar CSS e JavaScript sem partir o site Minificar é tirar de um arquivo de CSS ou JavaScript os espaços, as quebras de linha e os comentários, para pesar...
Imagens, arquivos e front-end 1.235 HTTP/2 e HTTP/3: como ver qual o seu site usa, e se isso importa O HTTP/2 e o HTTP/3 são duas versões mais recentes da “conversa” entre o navegador e o servidor. O nosso servidor...
Imagens, arquivos e front-end 926 Gzip ou Brotli: qual recebem os seus visitantes, e por que pode variar Gzip e Brotli são dois modos de comprimir texto (HTML, CSS, JavaScript, JSON) antes de ele viajar. O Brotli costuma...
Imagens, arquivos e front-end 1.120 Fontes da web que atrasam a página: font-display, menos arquivos e hospedá-las no seu site Cada tipo de letra que o site usa é um arquivo a baixar, e cada variante (normal, negrito, itálico) é mais um. Se o...
Imagens, arquivos e front-end 810 Um site que carrega bem com dados móveis lentos: como o tornar mais leve A resposta curta: numa conexão móvel lenta o que pesa é o peso da página, não só a velocidade do servidor. Faça o...
Imagens, arquivos e front-end 1.039 Um site que as pessoas instalam como um app: o essencial de uma PWA A resposta curta: uma PWA é um site normal a que se acrescentam duas coisas: um pequeno arquivo que o descreve (o...
Imagens, arquivos e front-end 825 A primeira imagem mais depressa: preload, preconnect e CSS que bloqueia a página A resposta curta: antes de mostrar a página, o navegador tem que baixar o CSS e descobrir quais as imagens e os...
Imagens, arquivos e front-end 1.066 Vídeos no seu site: guardá-los na hospedagem ou incorporá-los de um serviço de vídeo A resposta curta: para a maioria dos sites, incorpore o vídeo de um serviço próprio (como o YouTube ou o Vimeo) em...