Idéias para melhorar a velocidade de carregamento do site?


22

Existe alguma maneira de melhorar a velocidade de carregamento de um site?

Eu sei que o Google está realmente aumentando a velocidade de carregamento e, com a popularidade dos sites para celular, agora é imperativo que os sites sejam carregados rapidamente.

Respostas:


23
  1. Dicas do Yahoo para melhorar a velocidade da página
  2. Dicas do Google para melhorar a velocidade da página
  3. Se você estiver usando PHP, as dicas do Google para tornar o PHP mais rápido

Aqui está uma lista básica, composta pelo complemento Page Speed do Google (aqui está o YSlow do Yahoo ):

  • Aproveite o cache do navegador
  • Especificar dimensões da imagem
  • Evite CSS @import
  • Evite solicitações ruins
  • Combine imagens em sprites CSS
  • Adiar a análise de JavaScript
  • Ativar Keep-Alive
  • Permitir compressão
  • CSS pequeno embutido
  • JavaScript pequeno embutido
  • Tornar os redirecionamentos da página de destino em cache
  • Minify CSS
  • Minify HTML
  • Minify JavaScript
  • Minimizar redirecionamentos
  • Minimizar o tamanho da solicitação
  • Otimizar imagens
  • Otimize a ordem dos estilos e scripts
  • Preferir recursos assíncronos
  • Coloque CSS no cabeçalho do documento
  • Remover cadeias de consulta de recursos estáticos
  • Servir recursos de um URL consistente
  • Servir imagens em escala
  • Especifique um cabeçalho Vary: Accept-Encoding
  • Especifique um validador de cache
  • Especifique um conjunto de caracteres
  • Adiar o carregamento de JavaScript
  • Remover CSS não utilizado
  • Use seletores CSS eficientes

Eu recomendo o uso de complementos de velocidade de página do Google ou do Yahoo para testar suas páginas. É rápido e fácil de fazer e oferece orientações claras sobre como melhorar a velocidade da página.

atualizar

Conforme recomendado por Nick nos comentários, aqui estão mais alguns bons recursos e informações:

atualização 2

Aqui estão boas estatísticas que mostram por que a velocidade da página é importante ( fonte )


2
Também vale a pena mencionar as dicas de Steve Souder aqui: stevesouders.com/hpws/rules.php e seu livro aqui: stevesouders.com/blog/2009/04/23/even-faster-web-sites Essas foram as referências principais do Facebook quando eles otimizaram seu site pela primeira vez: facebook.com/note.php?note_id=307069903919
Nick

Tenho a sensação de que algo no meu cabeçalho está fazendo com que o site seja um sucesso!
Rob

Não tenho certeza se gosto dessa resposta, pois ela realmente não descreve como criar um site rápido, apenas o que você pode mexer para obtê-lo mais rapidamente. É um pouco como dizer 'adicione um spoiler em um carro' - o que qualquer um pode fazer - mas você precisa entender os princípios gerais da aerodinâmica para que faça sentido e, portanto, seja feito corretamente.
ʍǝɥʇɐɯ

@ Matthew, os complementos e páginas do Google e Yahoo descrevem por que essas otimizações ajudam. O informativo, bem como útil.
John Conde

Acabei de obter uma pontuação de 89/100 para a verificação de velocidade do Google, muito bom, considerando que não tentei nenhuma otimização de velocidade.
Rob

1

Experimente o CloudFlare http://www.cloudflare.com/plans

CloudFlare é uma rede de entrega de conteúdo e serviço de servidor de nome de domínio distribuído, comercializado como aprimorando o desempenho e a velocidade do site e fornecendo segurança.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.