Mostrando postagens com marcador velocidade. Mostrar todas as postagens

Como aumentar a velocidade do carregamento das páginas do blog

Unknown 02:15 , , , 8 comentários
Carregamento de páginas

Carregamento de páginas - Velocidade

As páginas do seu blog estão lentas, e você precisa esperar muito tempo para que elas sejam carregadas?

Então, vamos te ensinar a melhorar a velocidade do carregamento das páginas!

Conheça estes sites:

 Webwait: http://webwait.com/

 Google page speed: http://developers.google.com/speed/pagespeed/insights/

 Yahoo! YSlow: http://developer.yahoo.com/yslow/

 Agora, vamos falar do programa que o ajudará:

O nome é gtmetrix. Ele funciona como um sistema de análise da página do seu blog. Avalia o tempo de carregamento das páginas e sugere algumas melhorias, oferendo alguns recursos através de sua própria interface.

Na nossa opinião, o mais interessante do programa são as imagens otimizadas, geradas para você substituir pelas imagens que estão em seu blog, melhorando e muito a velocidade.

Para darmos início à otimização do template, acesse gtmetrix. Ao acessar o link, você será redirecionado para uma tela como a que está abaixo:
velocidade

Nesta tela, digite o endereço do seu blog e, em seguida, clique em GO! O gtmetrix irá analisar seu blog e irá lhe sugerir várias opções de melhorias, como mostramos na imagem abaixo:


velocidade

Veja que foi dada uma nota para sua página, referente aos recursos que seu blog possui. Note que existe uma grade com vários itens referentes a recursos que podem ser melhorados para que a postagem não fique muito grande.

Trabalhando com a imagem

Ao clicar em otimizar imagem ou optimize images, abrirá uma aba para baixo com as imagens que você tem em seu blog, como uma forma de link e, em seguida, irá aparecer a opção versão otimizada. Exemplo:


velocidade

Ao abrir esta tela e mostrar o link da imagem original que está em seu blog e o link da versão otimizada, você fará a substituição em seu template, para ganhar alguns segundos de carregamento. O problema é que as imagens estão aleatórias, então, você terá que localizá-las, em seu blog, para substituí-las.

 Você fará isso clicando no link versão otimizada, a imagem se abrirá, e você colocará a url da imagem dentro de onde estava a url da imagem original em seu template.

Desta forma, você irá ganhar alguns bites! Se a imagem listada estiver dentro de uma postagem, basta clicar em editar postagem e substituir a imagem pela gerada pelo gtmetrix. Faça isso com todas as imagens possíveis, e você verá a velocidade do seu blog reduzir drasticamente.

 Sugerimos que você elimine Gadgets desnecessários e mantenha no seu blog somente aquilo que tenha realmente importância para o leitor. Tente ocultar alguns scripts, colocando-os em páginas estáticas, e um link em sua página inicial para redirecionar o leitor para o local do script. Isso ajudará muito no carregamento da sua página!

Scripts e css muito grandes em seu código fonte

Copie-os, jogue no bloco de notas, salve conforme o formato deles e hospede-os na internet. Use os links para fazer referência ao código.

Isso fará com que o código fonte principal do blog seja carregado mais rapidamente.

Faça uma análise do código fonte e veja se as divs de chamada do seu template estão todas funcionando corretamente e puxando seus devidos css e scripts.

Conteúdo novo com imagem

Sempre que você for postar um novo conteúdo e inserir imagem, salve-a em formato otimizado para ficar mais leve. Os melhores formatos são .bmp .gif .png

Não esqueça de redimensionar as imagens para os modelos que serão exibidos em seus posts, ok?
Assinar: Postagens ( Atom )