desenv-web-rp.com

Como você aprimora a velocidade dos sites sem comprometer o design e o acesso?

Como você melhora a velocidade de carregamento dos sites sem prejudicar o design e a acessibilidade? Compactação de arquivos, CDN, Gzip? Quais são as melhores ferramentas para fazer isso?

Por exemplo, o Google otimizou o site sem comprometer o design. Além disso, muitos sites podem matar a pureza de suas imagens com compressão.

Existe uma maneira, mais ou menos as melhores práticas, de aumentar a velocidade sem comprometer o design e a acessibilidade?

Nota: desculpe por ser tão vago, mas não sei mais o que fazer com essa pergunta.

3
Kevin

Gzip é provavelmente a coisa mais drástica que você pode fazer.
Garantir que todos os seus arquivos css e js sejam minimizados ajuda. verifique se você não está carregando bibliotecas js ou css que não precisa. A maioria dos usuários os armazena em cache, portanto, após a primeira página, não é tão imprortante.

Além disso, verifique se o cache está funcionando corretamente, como não analisar novamente uma página para cada solicitação que não precisa ser analisada novamente. se nessasary de qualquer maneira

7
WalterJ89

Praticamente todos os Best Practices do Yahoo podem ser implementados sem nem mesmo tocar no design do site. Minimize as solicitações HTTP combinando todos os CSS em um arquivo e todas as JS em um arquivo. Use o Gzip. Definir bons expira cabeçalhos.

Essas regras podem afetar o design:

  • Reduza o número de elementos DOM - vale a pena olhar, você poderá reduzir o tamanho do HTML enquanto mantém o design igual.
  • Minimize o número de iframes - provavelmente o melhor para evitá-los sempre que possível.
  • Otimizar imagens - você deve otimizar imagens sempre que possível, mas não exagere às custas do seu design.
7
DisgruntledGoat

Mais do que apenas minificar o CSS/JS, combine-os em um arquivo para cada formato, tanto quanto possível. Quanto menos downloads, melhor. Se isso for impossível, mova-os para outros nomes de domínio, hospedados no mesmo servidor ou em uma CDN.

Gzip, como dito, é incrivelmente poderoso.

Mova seu JS para a parte inferior do documento e verifique se todo o CSS está em head. Evite JS e CSS embutidos.

Coloque tudo em cache e defina Expires cabeçalhos e ETags.

1
Kenneth Love

Velocidade da página. Este é o plugin do Google para FireBug. Se você executá-lo em seu site, ele informará onde você precisa melhorar. Ele segue principalmente os conselhos das Melhores Práticas do Yahoo, mas informa onde você precisa melhorar.

Vi a maior melhoria de velocidade em reduzindo o tamanho das minhas imagens . Para fazer isso, você pode usar o "Save For Web & Devices" no Photoshop OU outro bom programa Mac que pode reduzir suas imagens é ImageOptim .

0
Shane Stillwell

Seguindo as linhas das práticas recomendadas do Yahoo (YBP), você pode dar uma olhada no complemento do YSlow Firefox . Ele fornecerá um rápido resumo de como está o site em relação ao YBP.

0
Thomas

Escrevi um artigo detalhado sobre otimização de velocidade que você pode achar útil.

http://www.elevatelocal.co.uk/blog/17-rules-of-speed-optimisation-0501511

0
ysekand

Use uma CDN para arquivos estáticos, como javascript, css e imagens. Tanto o RackspaceCloud quanto a Amazon têm preços bastante baratos.

0
Piers Karsenbarg
  • Reduza ao mínimo o número de solicitações HTTP - por exemplo, certifique-se de usar sprites de imagem onde puder, você tem vários arquivos javascript ou css carregando para cada página? Combine-os em um
  • Existem redirecionamentos por aí que você pode eliminar?
  • Carregue folhas de estilo na parte superior do documento, javascript na parte inferior
  • Se o seu site for grande, forneça servidores geograficamente próximos à sua maior base de usuários.
0
dmsnell

Uso o cache no ASP.NET e isso pode economizar muito tempo, evitando chamadas duplicadas ao banco de dados, chamadas de função e até páginas.

0
harriyott