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.
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.
Sites que foram otimizados e ajustados carregam mais rápido do que aqueles com bastante conteúdo.
Otimizar seu site pode garantir um melhor tempo de carregamento, assim como uma melhor 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 os Core Web Vitals do Google e outras métricas importantes, como FCP, TTFB e TTI. Você pode visualizar as
métricas de velocidade do seu site no seu 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 usar imagens AVIF em vez de imagens PNG, a menos que você precise de um background transparente. As imagens AVIF são mais otimizadas para o tempo de carregamento e desempenho do site.
Saiba mais sobre imagens e sobre o desempenho do seu site.
Observações:
- Sempre que possível, o Wix converte automaticamente imagens em formatos modernos, como AVIF. 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 site
Efeitos 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 que os GIFs animados sejam baixados por completo antes de serem reproduzidos. Recomendamos converter para vídeo qualquer GIF animado que você deseja usar.
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 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 Wix.
- Clique no ícone Mobile
na barra de ferramentas superior.
Oculte 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.
Recorte ou redimensione 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.
Reduza 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.
Adicione 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.
Use 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.
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.
Perguntas frequentes
Clique nas perguntas abaixo para saber mais.
Por que a pontuação do LCP do meu site é muito baixa e como posso melhorá-la?
O LCP (Largest Contentful Paint) mede a rapidez com que o maior conteúdo visível da sua página é carregado.
Para melhorá-lo:
- Otimize imagens com formatos mais simples como AVIF ou WebP e comprima-as antes de fazer o upload.
- Minimize o tamanho do conteúdo acima da dobra, como banners ou vídeos.
- Use texto ou imagens pequenas acima da dobra para um carregamento mais rápido.
- Ative o armazenamento em cache para suas páginas no painel de controle Wix.
- Limite código personalizado ou apps terceirizados que podem deixar sua página mais lenta.
Como posso reduzir o tempo total de bloqueio do meu site (TBT)?
O TBT (Total Blocking Time) mede quanto tempo o thread principal do seu site é bloqueado por scripts.
Para melhorar o TBT:
- Adie JavaScript não essencial e minimize os arquivos JavaScript.
- Remova arquivos JavaScript e CSS não utilizados do seu site.
- Limite o uso de animações e transições, especialmente as que são acionadas no carregamento da página.
- Use os recursos integrados do Wix para otimizar o desempenho do seu site no editor.
O que devo fazer se meu site estiver lento, mesmo seguindo as dicas de otimização?
Se o seu site ainda estiver lento após otimizar a mídia e reduzir elementos desnecessários:
- Verifique o painel de controle de Velocidade do site na sua conta Wix para obter insights específicos.
- Verifique sua conexão com a Internet e as configurações do navegador para conferir se há problemas locais.
Posso otimizar imagens em massa no meu site?
O Wix otimiza automaticamente as imagens durante o upload, mas se você precisar de compressão adicional:
- Use recursos externos para comprimir imagens antes de fazer upload delas no Wix.
- Substitua as imagens grandes no seu site por versões otimizadas.
- Para galerias Pro, use a opção "Ajustar qualidade" para otimizar em massa todas as imagens da galeria.
Como posso melhorar a velocidade de carregamento do meu site mobile?
Os sites mobile geralmente carregam mais devagar devido a dispositivos menores e conexões com a Internet mais lentas.
Para melhorar a velocidade de carregamento no mobile:
- Oculte elementos desnecessários no mobile usando o editor mobile.
- Use formatos de imagem mais claros como AVIF e comprima arquivos grandes.
- Evite colocar vídeos ou animações acima da dobra.
- Ative o armazenamento em cache manual para páginas com conteúdo pesado.
Por que minhas imagens aparecem desfocadas nos dispositivos móveis?
Imagens desfocadas geralmente são causadas por imagens de alta resolução que são redimensionadas para telas menores.
Para corrigir isso:
- Use o Gerenciador de Mídia Wix para ajustar as dimensões da imagem para mobile.
- Substitua imagens grandes por versões otimizadas com menos de 1 MB.
- Certifique-se de que as imagens não estejam se sobrepondo aos vídeos ou outros elementos no editor.
As animações podem deixar meu site mais lento? Como faço para otimizá-las?
Sim, as animações podem afetar significativamente o desempenho do site. Para otimizá-las:
- Use transições simples ao invés de animações complexas.
- Limite as animações na parte superior da página (acima da dobra).
- Ative animações com a interação do usuário, não no carregamento da página.
O que é carregamento lento (lazy loading) e como ele afeta meu site?
O carregamento lento atrasa o carregamento de imagens e vídeos até que eles entrem na janela de visualização do usuário, melhorando o tempo de carregamento inicial da página. O Wix ativa o carregamento lento de imagens e vídeos por padrão.
Para otimizar ainda mais:
- Certifique-se de que o conteúdo crítico seja carregado primeiro.
- Minimalize elementos acima da dobra para um conteúdo visível mais rápido.
Posso usar páginas dinâmicas para melhorar o desempenho do meu site?
As páginas dinâmicas são ideais para sites com muito conteúdo porque elas extraem dados de uma coleção do CMS, reduzindo a necessidade de várias páginas estáticas. Isso pode melhorar o tempo de carregamento ao:
- Simplificar o gerenciamento de conteúdo.
- Reduzir o número de páginas estáticas que precisam ser carregadas de uma vez.
- Permitir que você exiba conteúdo dinamicamente com base na interação do usuário.
