Desempenho do site: criar um site pensando em seu desempenho
4 min de leitura
As páginas do site que apresentam conteúdo relevante e organizado geralmente têm um tempo de carregamento melhor e oferecem uma experiência mais agradável para os visitantes do site.
Melhore o desempenho das suas páginas seguindo as dicas de design abaixo, como otimizar sua seção acima da dobra e criar páginas dedicadas.
Neste artigo, saiba mais sobre:
Dica:
Recomendamos dar uma atenção especial à página inicial, pois essa geralmente é a primeira página que seus visitantes acessam.
Ordem de carregamento do elemento
Os elementos no seu site são carregados em uma ordem específica. Elementos que são estáticos ou de baixa resolução carregam mais rápido do que elementos pesados ou interativos.
Essa é a ordem em que os elementos do seu site carregam:
- Estático: elementos de baixa resolução e geralmente não animados, como texto e formas.
- Fluido: elementos pesados de conteúdo, que podem ter uma resolução mais alta, como imagens ou vídeos.
- Interativo: conteúdo interativo que pode incluir código externo, como iFrames e apps externos.
Tenha em mente a ordem de carregamento ao estruturar seu site e adicionar conteúdo. Recomendamos adicionar elementos que carregam mais rapidamente na seção acima da dobra, uma vez que é o primeiro conteúdo exibido quando um visitante abre seu site.
Acima da dobra
A seção acima da dobra é a seção do seu site que os visitantes podem ver sem rolar a página e geralmente é a primeira parte do site a ser carregada.
Recomendamos adicionar apenas elementos estáticos necessários quando possível e manter o design dessa seção simples e relevante.
Os elementos que recomendamos adicionar a seção acima da dobra do seu site são:
- Texto: o texto dá aos seus visitantes uma ideia clara sobre o que é a página ou a marca do seu site. Além disso, ele pode ser indexado pelos motores de busca e pode melhorar o SEO do seu site. Recomendamos manter as fontes do sistema e evitar o uso excessivo de diferentes famílias ou pesos de fontes. Saiba mais sobre como otimizar texto no seu site
- Call to Action: CTAs são botões e links que incentivam os visitantes a realizar uma ação que você deseja no site, como fazer uma compra ou entrar em contato com sua empresa. Os CTAs devem ser claramente definidos e recomendamos evitar adicionar elementos próximos a eles que possam distrair os visitantes.
Galerias, vídeos e animações
Elementos fluidos e de alta resolução podem trazer movimento ao seu site. No entanto, eles podem aumentar o tempo de carregamento do local e, portanto, afetar o desempenho.
Recomendamos estar atentos a esses elementos. Use-os somente quando necessário, e tente evitar adicioná-los acima da dobra do seu site.
Páginas dedicadas e tamanho da página
O Wix oferece uma variedade de aplicativos que você pode adicionar ao seu site, alguns dos quais incluem Lojas, Blog e Vídeo.
Recomendamos ter páginas dedicadas para esses aplicativos que não sejam a página inicial do site. Isso evitará que sua página inicial fique sobrecarregada, o que pode afetar o tempo de carregamento. Você pode criar vínculos para essas páginas dedicadas em sua página inicial, usando elementos como botões, itens de menu e links.
Adicionar páginas dedicadas também pode diminuir o comprimento da página. Esse é o número de telas que um visitante precisa percorrer para visualizar uma página inteira do site. Recomendamos manter o comprimento da sua página em oito telas ou menos, adicionando apenas os componentes necessários e otimizando o uso de CTAs.
Botões
Os botões são uma ótima maneira de visualizar o conteúdo em seu site sem comprometer o desempenho dele.
Adicione elementos estáticos à sua página inicial (como texto) que dão aos visitantes uma amostra do conteúdo do site e, em seguida, adicione um botão com links para suas respectivas páginas. Alguns exemplos incluem "Confira meu blog", "Veja mais" ou "Compre já".
Esse artigo foi útil?
|