A privacidade é importante para nós, então você tem a opção de desativar certos tipos de armazenamento que podem não ser necessários para o funcionamento básico do site. O bloqueio de categorias pode afetar sua experiência no site. Mais informações
Otimização de velocidade de página: reduza tempo de carregamento para menos de 2 segundos. Otimização de imagens, cache, CDN e práticas recomendadas de desempenho para rankings SEO.
.webp){kind=small}
.webp){kind=small}
A velocidade de página é tanto um fator de ranking SEO como uma métrica de negócio. Páginas rápidas classificam mais alto no Google. Páginas rápidas também convertem mais visitantes em clientes. A pesquisa mostra que um atraso de 1 segundo no carregamento resulta em 7% menos conversões. Para sites de ecommerce, páginas lentas custam milhares de euros diários em vendas perdidas. Para editores, páginas lentas significam menos visualizações de página e menor receita de anúncios. Para todos os sites, a velocidade de página é crítica.
O benchmark para carregamento rápido é menos de 2 segundos. Páginas que carregam em 2 segundos ou menos são percebidas como rápidas pelos utilizadores. Páginas que demoram 3-5 segundos parecem lentas. Páginas que demoram mais de 5 segundos são frequentemente abandonadas. Nosso objetivo é simples: obter o tempo de carregamento abaixo de 2 segundos, depois abaixo de 1,5 segundos, depois continuar otimizando. Cada melhoria de 100ms importa.
O tempo de carregamento de página consiste em vários componentes. Time to First Byte (TTFB) é quanto tempo o servidor leva para responder. Largest Contentful Paint (LCP) é quando o conteúdo principal fica visível. Totalmente carregado é quando todos os recursos terminam de descarregar. Estas métricas não são as mesmas, e otimizar cada uma requer táticas diferentes.
TTFB é o tempo de resposta do nosso servidor. Se TTFB for superior a 600ms, nosso servidor é lento. As causas comuns são código backend ineficiente, consultas de base de dados ou sobrecarga do servidor. Corrijam TTFB otimizando código backend, atualizando hospedagem, ativando cache ou usando uma Rede de Entrega de Conteúdo (CDN).
O caminho de aprendizagem de desempenho do Google explica cada métrica em detalhe. LCP e outros Core Web Vitals são cobertos em profundidade. Compreender estas métricas é pré-requisito para otimizar velocidade de página efetivamente.
Imagens são tipicamente 50-80% do peso da página. Imagens não otimizadas são a forma mais rápida de desacelerar nosso site. Otimizem imagens reduzindo tamanho de arquivo sem comprometer qualidade. Três táticas:
Compressão: Utilizem ferramentas de compressão de imagem para reduzir tamanho de arquivo. Imagens JPEG comprimem 10-40x. Imagens PNG comprimem 2-5x. Utilizem ferramentas como TinyPNG, ImageOptim ou plugins no CMS para comprimir automaticamente. Comprimam antes de enviar para nosso site.
Formatos modernos: Utilizem WebP em vez de JPEG ou PNG. WebP comprime 25-35% melhor que JPEG mantendo qualidade. Os navegadores suportam WebP nativamente agora. Utilizem JPEG como fallback para navegadores mais antigos usando o elemento `
Lazy loading: Careguem imagens apenas quando os utilizadores rolarem perto delas. Utilizem o atributo HTML nativo `loading="lazy"` em imagens abaixo da linha de dobra. Isto adia o carregamento de imagens que os utilizadores podem nunca ver, melhorando dramaticamente o carregamento inicial da página.
O guia de otimização do Google fornece técnicas específicas de otimização de imagens. Imagens devidamente otimizadas sozinhas frequentemente reduzem tempo de carregamento por 30-50%.
CSS e JavaScript que bloqueiam renderização desaceleram o carregamento de página. Recursos que bloqueiam renderização impedem o navegador de renderizar a página até que sejam descarregados e processados. Adiamos CSS e JavaScript não críticos para que conteúdo crítico seja renderizado primeiro.
Minimizem e adiem JavaScript: Ficheiros JavaScript grandes bloqueiam a renderização. Dividim nosso JavaScript em pedaços menores e adiem o carregamento de scripts não críticos. Utilizem `
