Melhorar o desempenho do seu site é uma parte importante do processo de criação, assim como sua manutenção contínua. As orientações neste artigo podem ajudar a melhorar a experiência dos visitantes, com o aperfeiçoamento de aspectos como capacidade de resposta, fluidez e tempo de carregamento.
Neste artigo, saiba mais sobre:
Sobre o tempo de carregamento
O tempo de carregamento do site mede a rapidez com que seu site carrega completamente após um visitante solicitar acesso, clicando em um link ou inserindo o URL da página. Muitos fatores podem afetar o tempo de carregamento de uma página. Alguns são específicos do site e outros estão relacionados ao dispositivo e à conexão com a Internet do visitante.
Os sites que foram otimizados e ajustados carregam mais rápido do que aqueles com muito conteúdo.
Otimizar seu site pode garantir um melhor tempo de carregamento, além de aumentar a pontuação em ferramentas de desempenho como o Google PageSpeed Insights.
Como o Wix mede o tempo de carregamento
O Wix monitora e coleta dados para várias métricas. Isso inclui as Core Web Vitals do Google e métricas adicionais como FCP, TTFB e TTI. Você pode ver
as métricas de velocidade do seu site no painel de controle.
O Wix coleta automaticamente esses dados de desempenho em tempo real em nossa plataforma para monitorar e melhorar a velocidade do seu site. Recomendamos seguir as práticas recomendadas abaixo para garantir um tempo de carregamento aprimorado para o seu site.
Ordem de carregamento dos elementos
Por exemplo, elementos que são interativos ou que têm muito conteúdo (como vídeos e aplicativos de terceiros) tendem a carregar mais lentamente do que elementos estáticos ou mais leves, como texto e botões.
Como otimizar elementos do seu site
Otimize a página inicial e elementos como texto, animação e imagens para um melhor desempenho do site. Clique nas opções abaixo para obter mais informações:
O conteúdo que está acima da dobra do seu site é carregado antes do resto da sua página. Adicionar conteúdo significativo, relevante e leve a essa seção da sua página garante que os visitantes do site vejam informações úteis enquanto o resto da página é carregada.
Aconselhamos o uso de elementos estáticos como texto, formas e botões acima da dobra. Como esses elementos são carregados primeiro, isso melhora o tempo de carregamento e o desempenho do seu site.
O que é "acima da dobra"?
Essa é a seção do seu site que os visitantes veem primeiro, antes de começarem a rolar para baixo.
As imagens carregadas nos sites Wix são redimensionadas automaticamente para otimização. Recomendamos o uso de imagens em JPG, ao invés de PNG (a menos que você precise de um background transparente), pois as imagens JPG são mais otimizadas para o tempo de carregamento e o desempenho do site.
Saiba mais sobre imagens e desempenho do site
Observações:
- Sempre que possível, o Wix converte automaticamente imagens em formatos modernos, como WebP. Esse formato reduz o tamanho do download e, ao mesmo tempo, mantém a qualidade da imagem.
- Não é possível fazer upload de imagens com mais de 25MB no seu site Wix.
Vídeos são uma ótima maneira de incentivar a interação e atrair o interesse do visitante. Recomendamos ter o tempo de carregamento em mente ao adicionar vídeos, pois eles geralmente têm alta resolução e demoram mais para carregar do que elementos estáticos.
Aplicativos de terceiros e iFrames
O conteúdo mostrado em aplicativos de terceiros e iFrames (por exemplo: vídeos incorporados ou feeds de canais sociais) é entregue a partir de servidores externos, e não dos servidores Wix.
Isso significa que o Wix não pode otimizá-los e, portanto, eles podem sobrecarregar o tempo de carregamento do seu site.
Recomendamos adicionar esse conteúdo em páginas secundárias, com um botão na página inicial para direcionar os visitantes do seu site.
Recomendamos o uso de no máximo três ou quatro fontes no seu site. Isso pode melhorar a estética do seu site e dar um ar mais profissional. Manter esse número de estilos de fonte também pode melhorar o desempenho do site, pois reduz o tempo de carregamento.
Além disso, também recomendamos evitar o uso de fontes personalizadas sempre que possível. As fontes do sistema carregam mais rápido, o que pode melhorar o desempenho do seu site.
Saiba mais sobre fontes e seu siteEfeitos especiais, como animações e slideshows, podem dar vida ao seu site.
No entanto, eles tendem a carregar mais lentamente do que elementos estáticos. Portanto, recomendamos mantê-los abaixo da dobra do seu site sempre que possível.
Observação: é preciso fazer download dos GIFs animados por completo antes de serem reproduzidos. Recomendamos converter qualquer GIF animado que você deseja usar em um vídeo.
As janelas são configuradas para carregar depois de outros elementos do seu site. Portanto, recomendamos limitar o uso de janelas no seu site e evitar usar janelas como o conteúdo principal da sua página.
A ordem do DOM do seu site é a ordem em que os visitantes que usam tecnologias assistivas (como leitores de tela) navegam pelos seus elementos.
Para proporcionar uma boa experiência para esses visitantes e garantir a ordem correta dos elementos, recomendamos ajustar manualmente a ordem visual dos elementos para que correspondam à ordem exibida no painel Camadas.
Como otimizar o conteúdo do seu site mobile
Em geral, os dispositivos móveis não são tão robustos ou rápidos quanto os computadores desktop e têm uma conexão de internet mais lenta. Portanto, seu site pode demorar mais para carregar quando visualizado em um dispositivo móvel.
Se o seu site mobile estiver carregando lentamente, recomendamos seguir as diretrizes abaixo para otimizar seu desempenho.
Clique nas opções abaixo para saber como:
Usar o Editor mobile para melhorar seu site otimizado para mobile. Você pode ocultar e ajustar elementos e até mesmo adicionar uma tela de boas-vindas.
Sites otimizados para mobile são diferentes da versão para desktop, então recomendamos ajustá-la para atender às suas necessidades.
Para acessar o Editor mobile:
- Abra o Editor.
- Clique no ícone Mobile
na barra de ferramentas superior.
Ocultar elementos desnecessários
Alguns elementos podem não ser relevantes para o seu site mobile e terão um impacto significativo no tempo de carregamento.
Recomendamos estar atento a esses elementos. Evite o uso excessivo de elementos como janelas e aplicativos externos e mantenha apenas o conteúdo relevante e necessário em seu site mobile.
Para ocultar elementos do seu site mobile:
- Clique no elemento que você deseja ocultar.
- Clique no ícone Ocultar elemento
.
Dica: elementos ocultos podem ser visualizados e adicionados novamente ao seu site mobile ao clicar em
Oculto no mobile no lado esquerdo do Editor mobile.
Recortar ou redimensionar imagens
Imagens grandes podem demorar para carregar no seu site compatível com dispositivos móveis. Recomendamos cortar ou diminuir sua imagem para evitar que o tempo de carregamento do seu site mobile seja afetado.
Para recortar uma imagem:
- Clique na imagem no Editor.
- Clique no ícone Recortar
. - Arraste as alças para cortar a imagem.
- Clique em Aplicar.
Dica: as imagens podem ser redimensionadas ao clicar e arrastar as alças para aumentá-la ou diminuí-la.
Diminuir itens em galerias e repetidores
Galerias e repetidores são uma ótima maneira de exibir imagens e informações em seu site, no entanto, tendem a carregar mais lentamente do que outros elementos, como texto ou formas básicas.
Como prática recomendada, recomendamos reduzir a quantidade de itens em uma galeria ou conjunto de repetidores no mobile. Exiba apenas itens e mídias relevantes e importantes, e espalhe-os uniformemente pelo seu site.
Adicionar uma tela de boas-vindas
A tela de boas-vindas é uma ótima maneira de apresentar a marca no seu site mobile. Ela é a primeira coisa que os visitantes do site visualizam, o que permite que seu site seja totalmente carregado em segundo plano.
Para adicionar uma tela de boas-vindas:
- Clique em Ferramentas do mobile
no lado esquerdo do Editor mobile. - Clique em Boas-vindas.
- Personalize sua tela de boas-vindas usando as opções disponíveis.
- Clique em Concluído.
Usar um sistema e navegador compatíveis
Os sites Wix são suportados em diferentes sistemas operacionais mobile e navegadores. Se os visitantes estiverem tendo problemas para visualizar seu site otimizado para mobile, talvez seja preciso atualizar o sistema ou navegador.
Sistemas operacionais suportados em dispositivos móveis:
- iPhone: iOS 12 e superior (iPhone 6 e superior)
- Android: 9.0 e superior
Navegadores suportados em dispositivos móveis:
Código de terceiros
O código de terceiros pode fornecer informações, ferramentas e recursos importantes ao seu site. No entanto, ele também pode afetar o tempo de carregamento e o desempenho do seu site se não for otimizado.
