Semana de otimização de desempenho — tudo o que você precisa saber

Nesta semana, nossa comunidade tem uma oportunidade única de se conectar com 21 de nossos estimados especialistas em desempenho para fazer suas perguntas mais urgentes sobre otimização da web, aprender sobre os desafios críticos de otimização e descobrir as práticas recomendadas para alcançar os melhores resultados. Abaixo, nos aprofundamos nos três problemas mais comuns de desempenho da Web e como resolvê-los de acordo com nossos principais especialistas em desempenho. Então, sem mais delongas, vamos otimizar!

Uma das regras mais importantes ao criar um site é evitar o 'site stuffing' removendo widgets ou plug-ins que não fornecem nenhum valor. Isso não apenas melhora a experiência do usuário, mas também resulta em menos itens e, portanto, mais velocidade. O especialista em Elementor, Tim Liversage, aconselha aprender como cada elemento funciona e testar tudo antes de se comprometer com um conjunto específico de recursos.

Mais algumas dicas importantes para aumentar o desempenho do seu site, de acordo com Brian Erickson, incluem:

• Selecione um tema leve
• Instale no máximo 10-15 plugins por instalação do WordPress
• Tente encontrar um widget multifuncional, que ofereça vários tipos de funções (por exemplo, widget de caixa de imagem, widget CTA), em vez de adicionar muitos widgets que possuem apenas uma função principal
• Use o posicionamento inline para o layout dos widgets em vez de várias colunas (onde cada coluna adicionada requer mais código, reduzindo o desempenho do site)
• Use a melhor ferramenta de cache possível – eu recomendo WP Rocket ou WP-Optimize, dependendo do site. Observe que, embora alguns sites tenham um desempenho melhor com o rocket; outros se saem melhor com a otimização
• Redimensione e comprima suas imagens antes de enviá-las e use arquivos SVG para ícones e ilustrações

música juliana

Shay Toder

Brian Erickson

Tim Liversage

Quando você carrega uma imagem de largura de 1920px/2560px em sua área de trabalho, por padrão, a imagem do mesmo tamanho também será carregada no celular. Carregar uma imagem do tamanho de um desktop em um dispositivo móvel (em vez de uma imagem do tamanho de um dispositivo móvel) pode prejudicar muito o desempenho do seu site e suas métricas de Core Web Vitals. Para evitar isso, o Elementor Expert Shay Toder aconselha o seguinte: “Precisamos duplicar todas as imagens grandes e redimensioná-las para 480px de largura para que sejam adequadas para dispositivos móveis - podemos redimensionar as fotos usando ferramentas online como resizeimage.net ou qualquer outra software gráfico como o Photoshop.

Ao adicionar uma imagem de plano de fundo para uma seção ou coluna no modo de área de trabalho, certifique-se de clicar no ícone 'modo responsivo' e alterar sua imagem de plano de fundo para uma nova imagem de tamanho móvel para caber na visualização móvel. Esse processo resulta em uma imagem de largura total para desktop e uma imagem de largura de 480px para celular, o que também melhorará suas métricas de Core Web Vitals.”

A hospedagem na web pode ter um impacto enorme no desempenho do seu site – simplesmente, pode fazer ou quebrar seu site. Isso ocorre porque uma empresa de hospedagem afeta a velocidade de carregamento de um site e sua pontuação do Google Core Vitals. Infelizmente, um ponto cego comum para muitos proprietários de sites é subestimar a importância de selecionar uma empresa de hospedagem confiável e robusta e abster-se de hospedagem barata.

O especialista em Elementor, Julian Song, compartilha suas recomendações: “Meu melhor conselho é nunca optar por uma solução de hospedagem barata – gaste alguns dólares extras em hospedagem de qualidade. Em seguida, aconselho meus clientes a migrar para um provedor de serviços de hospedagem local (ou seja, onde seu público-alvo está localizado). No entanto, se o seu público estiver espalhado pelo mundo, sugiro fortemente usar um serviço CDN para reduzir a latência para menos de 150ms e acelerar ainda mais o site.”

Você se deparou com um problema ou dúvida de otimização de desempenho diferente e gostaria de consultar um especialista sobre isso? Clique aqui para enviar sua pergunta, e um de nossos vinte e um especialistas selecionados responderá à sua pergunta durante as sessões de perguntas e respostas, que ocorrerão nos dias 10 e 12 de agosto .

Você está procurando mais do que uma resposta rápida para sua pergunta? Recomendamos que você dê uma olhada em nossa Rede de Especialistas. A rede de especialistas da Elementor é uma plataforma abrangente na qual os usuários da Elementor podem procurar e contratar especialistas profissionais da Elementor, que a Elementor examina para garantir que atendam aos nossos padrões e sejam realmente os melhores no que fazem.