Clicky

Jump to content
  • Sign Up
Sign in to follow this  
FlokiNET

Aumentar a velocidade do seu Website

Recommended Posts

A velocidade de carregamento do site com certeza é uma das mais importantes fatores de satisfação do usuário, e é claro que por questão de segundos pode haver um pouco de insatisfação na espera do site carregar.

Um site bem feito mesmo com muitas figuras e JS deveria demorar por volta de 2-4 segundos (há 8 anos esse número era por volta de 10-14 segundos). Para saber a velocidade de carregamento do seu site, recomendo:

http://tools.pingdom.com/fpt/

https://developers.google.com/speed/pagespeed/insights/. (e é claro que precisa existir uma ferramenta do Google)

http://www.vertain.com/?sst

http://www.websiteoptimization.com/services/analyze/

Dicas:

1) Uso de Tabelas dentro de tabelas e estilos dentro de HTML (Não esqueça de levar em consideração que o Browser primeiro lê e interpreta o código HTML antes de mostrar ao usuário). Ao invés de utilizar tabelas para organizar o site, use somente <div>s e CSS.

2) Inserir imagens grandes e especificar o width e height muito menor que o tamanho real da imagem. É também recomendado que as imagens sejam do mesmo tamanho que a necessidade da página, além disso, evitar imagens para palavras.

3) Remover tudo que não é utilizado incluindo: vídeos, scripts (especialmente plugins e Java Scripts). É aconselhado também utilizar HTML5 ao invés de Flash, é também muito mais estável.

4) Caso consiga comprimir seus códigos em JS e até em CSS é melhor ainda (com gzip por exemplo).

5) Tente minimizar a quantidade de acessos a banco de dados toda vez que a página é carregada, e claro, mysql já está mais que ultrapassada, ultilize mysqli. Leve também em consideração fazer "requests" para páginas php através de jQuery, evitando que toda página tenha que ser carregada novamente.

6) Saiba sempre escapar de erros, se alguma parte do seu código pode retornar um erro use "catch exception", para o usuário sempre saber quando teve algum erro ou caso você possa tente concertar o erro esperado dentro dessa função.

7) Minimize o máximo possível as "HTTP requests".

8) Tenha sempre certeza que a banda disponível para seu site seja suficiente para a quantidade de usuários ativos que você possui.

9) Tenha sempre certeza que a capacidade de processamento do seus servidores seja suficiente também.

Por favor, comentem caso tenham alguma outra dica ;)

Boa Sorte no seu projeto!

Share this post


Link to post
Share on other sites

A velocidade de carregamento do site com certeza é uma das mais importantes fatores de satisfação do usuário, e é claro que por questão de segundos pode haver um pouco de insatisfação na espera do site carregar.

Um site bem feito mesmo com muitas figuras e JS deveria demorar por volta de 2-4 segundos (há 8 anos esse número era por volta de 10-14 segundos). Para saber a velocidade de carregamento do seu site, recomendo:

http://tools.pingdom.com/fpt/

https://developers.google.com/speed/pagespeed/insights/. (e é claro que precisa existir uma ferramenta do Google)

http://www.vertain.com/?sst

http://www.websiteoptimization.com/services/analyze/

Dicas:

1) Uso de Tabelas dentro de tabelas e estilos dentro de HTML (Não esqueça de levar em consideração que o Browser primeiro lê e interpreta o código HTML antes de mostrar ao usuário). Ao invés de utilizar tabelas para organizar o site, use somente <div>s e CSS.

2) Inserir imagens grandes e especificar o width e height muito menor que o tamanho real da imagem. É também recomendado que as imagens sejam do mesmo tamanho que a necessidade da página, além disso, evitar imagens para palavras.

3) Remover tudo que não é utilizado incluindo: vídeos, scripts (especialmente plugins e Java Scripts). É aconselhado também utilizar HTML5 ao invés de Flash, é também muito mais estável.

4) Caso consiga comprimir seus códigos em JS e até em CSS é melhor ainda (com gzip por exemplo).

5) Tente minimizar a quantidade de acessos a banco de dados toda vez que a página é carregada, e claro, mysql já está mais que ultrapassada, ultilize mysqli. Leve também em consideração fazer "requests" para páginas php através de jQuery, evitando que toda página tenha que ser carregada novamente.

6) Saiba sempre escapar de erros, se alguma parte do seu código pode retornar um erro use "catch exception", para o usuário sempre saber quando teve algum erro ou caso você possa tente concertar o erro esperado dentro dessa função.

7) Minimize o máximo possível as "HTTP requests".

8) Tenha sempre certeza que a banda disponível para seu site seja suficiente para a quantidade de usuários ativos que você possui.

9) Tenha sempre certeza que a capacidade de processamento do seus servidores seja suficiente também.

Por favor, comentem caso tenham alguma outra dica ;)

Boa Sorte no seu projeto!

 

Seja bem vindo! Sugiro que leia as regras antes de tudo: http://portaldohost.com.br/forum/index.php?app=forums&module=extras&section=boardrules

 

Sobre sua primeira interpretação de tempo "2-4 segundos" está falando de um site normal, de no máximo 1 mega.

Sites com muitas imagens, que tenham boa qualidade, podem ultrapassar megas dependendo da resolução e isto acaba fazendo o carregamento ainda mais demorado.

A dica 2 está totalmente errada. Uma imagem redimensionada por código, não perde seu tamanho original. Deve se otimizar pelo programa de edição.

A dica 3 é um tanto quanto arriscada de se ter colocado. Se alguém não vai utilizar algo, por que colocaria no código?

A dica 4 também não está totalmente certa. Comprimir em gzip demora mais do que tu ter o código normal. É melhor comprimir em SCI.

 

O resto das dicas são boas para quem é leigo no assunto.


Ajude o fórum! Antes de postar, leiam as regras de postagem aqui.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.




×
×
  • Create New...