ArgoHost.net

Coloque as folhas de estilo no topo

Ao mover as folhas de estilo do seu site para o HEAD, esta ação faz com que a visualização da sua página seja mais rápida. Isto acontece porque ao colocar os CSS nesta região do código, o site é carregado de forma progressiva, e não “todo de uma vez”.

Desenvolvedores que se preocupam com o front-end de seus sites desejam uma performance de carregamento progressiva, fazendo com que o navegador exiba o conteúdo o quanto antes possível.

Esta ação é extremamente importante para otimizar a experiência de navegação do seu site para usuários que possuem conexões de Internet mais lenta. E se torna mais ainda quando suas páginas possuem uma grande quantidade de conteúdo.

As guidelines do HTML claramente dizem que as folhas de estilo devem ser incluídas no HEAD da página, de modo que seu site não fique exibindo uma tela branca por um bom tempo, até que todo o conteúdo seja carregado de uma vez só.

Fonte: Yahoo Developer Network.

Artigos relacionados:

• 20 dicas para otimizar a velocidade do seu site
• Dicas para aumentar a velocidade do seu site #3
• Saiba a resposta para seus problemas. Pergunte!

Tá com problemas no desenvolvimento do seu site? Quer tirar uma dúvida sobre como configurar seu banco de dados? Ou sabe pouco sobre o assunto e deseja aprender? O Sites de Hospedagem é a solução para você!

No Sites de Hospedagem você tem a oportunidade de interagir em uma comunidade virtual voltada para a união de profissionais de TI, criando um espaço saudável e voltado para a discussão, exposição de dúvidas e troca de experiências.

Tire dúvidas, responda dúvidas, publique novidades referentes a linguagens de programação, marketing digital e outras temáticas… enfim, compartilhe conhecimento! No Sites de Hospedagem SUA PERGUNTA SERÁ RESPONDIDA!

Confira abaixo tudo que você pode conferir no Sites de Hospedagem e comece a colaborar com sua área preferida, ajudando a construir esta comunidade que é feita e dedicada para você!

—–

Hospedagem de Sites

- Hospedagem Compartilhada

- Hospedagem Dedicada

- Cloud Computing

—–

Desenvolvimento Web

- Programação (HTML, PHP, ASP, JSP e Outras Linguagens)

- CMS (Wordpress, Joomla, Magento e Outros CMS)

- Bancos de Dados

- Web Design

—–

Marketing Digital

- Otimização de Sites – SEO

- Web Analytics

- Google AdWords

- E-mail Marketing

—–

Mercado de Trabalho

- Debates

- Ofertas de Empregos e Estágios

- Cursos e Certificações

- Cadastro de Currículos

- “Histórias de Pescador”

—–

Off-Topic

- Off-Topic

- Jogos

- Informática

- Tecnologia

Artigos relacionados:

• Clientes da ArgoHost agora contam com o Softaculous!
• Na ArgoHost, você tem domínios adicionais, subdomínios e domínios parqueados. Tudo ilimitado!
• SEO facilitado. Ferramenta otimiza o conteúdo dos seus posts
• Top 10: artigos mais acessados do ArgoWIKI
• ArgoHost contrata programador PHP. Envie já seu currículo!

Sabemos que páginas com tempo de carregamento otimizado têm impacto em SEO tanto pensando pelo lado do usuário quanto pelo lado do site de busca. Uma página muito carregada ou muito suja de código, dificulta o trabalho destes sites e, possivelmente, te prejudica ao ter o conteúdo analisado.

Os sites de busca não vão perder tempo se esforçando para abrir seu site, pois ele tem milhares de outros sites para analisar. Pensando no usuário, acontece a mesma coisa. Ele possivelmente sairá do seu site antes mesmo de esperar ele carregar por inteiro.

Confira abaixo 20 dicas que ajudam a diminuir o tempo de carregamento de páginas de websites:

• Comprima suas imagens: Se você usa o photoshop use sempre a opção “Save for Web”. Se você não possui, pode usar alternativas gratuitas também.

• Não reduza as imagens com HTML: Nunca use HTML puro para redimensionar suas imagens. Elas serão carregadas com o tamanho original (grande) e será redimensionada no browser. Isso também deixa as imagens feias (distorcidas, mal-redimensionadas ou de resolução alterada), o tratamento do browser não é eficiente e as imagens perdem suas características.

• Especifique as dimensões da imagem: Sempre especifique os tamanhos das imagens no código HTML. Isso irá reduzir o tempo de renderização da página pois o browser saberá como encaixar os elementos na tela.

• Imagens grandes? Corte-as: Se você precisa carregar uma imagem muito grande no seu site, divida-as em algumas partes para agilizar o carregamento. Claro, não reduzirá o tamanho mas passará impressão de agilidade na abertura do site.

• Não corte demais: Isso poderá gerar muitas requisições HTTP e consequentemente deixará mais lento e fará o efeito contrario do esperado. É preciso saber ponderar muito bem ao dividir ou não, e em quantas partes será dividido. (Continue Lendo…)

Artigos relacionados:

• Dicas para melhorar a velocidade do seu site #4
• Saiba a resposta para seus problemas. Pergunte!
• Dicas para melhorar a velocidade do seu site #6
• Dicas para aumentar a velocidade do seu site #1
• SEO facilitado. Ferramenta otimiza o conteúdo dos seus posts