O básico para criar Sites
Otimizados em Elementor
DANIEL PAZ
ESPECIALISTA EM PERFORMANCE NO WORDPRESS
E PRODUTOR DO WP LIGHT

Escolha do Tema
Plugins necessários. Ps: Menos é mais.
Otimização de Imagens
Configurações de Performance do Elementor
Trabalhe com o Elementor do jeito certo
Fontes do Google
Plugin de Otimização e Cache
Recursos externos
Respondendo dúvidas.
Contato e encerramento.
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
O que considerar

Escolha do Tema
Suporte
01
Recursos
02
Performance
03

Recomendação de temas
Astra
GeneratePress
Hestia
Neve
Kadence

Plugins necessários
Cada plugin adicionado no
seu site WordPress, além de
acrescentar novos recursos,
adiciona scripts e folhas de
estilo, o que aumenta o
tempo de carregamento.
Parte do processo de
otimização de um site
Elementor é avaliar se todos
os recursos que são
carregados do plugin estão
em uso.
Avalie se todos os plugins
instalados são realmente
necessários.
Neste quesito o - é +.

Otimização de Imagens
Grande parte do tempo
de carregamento de
uma página é causado
por vídeos e imagens.
Definição dos tamanhos de imagem
Definição dos tipos de imagem
Otimização de Imagem em Programas de edição
Otimização de imagem em serviços Online
1.
2.
3.
4.

Definição dos tamanhos de Imagem

Definição dos
Tipos de Imagem

Otimização de Imagens
em Programas de edição
Qualidade da imagem
Resolução
Quantidade de cores

Otimização de Imagens
em serviços Online
Grande parte do tempo
de carregamento de
uma página é causado
por vídeos e imagens.

Configurações de
Performance do
Elementor
Ajude a comunidade Elementor
testando novos recursos
01
Elimine a biblioteca
Fontawesome e carregue
somente os ícones necessários
em SVG
02
Utilize as configurações globais
do Elementor
03

Trabalhe com o Elementor
do jeito certo
Utilize as configurações globais
Design responsivo
Evite ao máximo seções duplicadas.
Reaproveite seções
Utilize SVG

Boas práticas
Fontes do Google Escolha no máximo 2 famílias de
fontes.
01
Evite usar mais de 2 pesos
diferentes de fonte.
02
Para máxima performance,
remova as fontes do Google.
04
Utilize as fontes de forma local
seja com o Elementor Pro ou uso
de plugin.
03

Plugins de Otimização
e Cache
No slide à seguir, recomendações de plugins.
Quanto menor a página, mais
rápido será o carregamento.
Minificação e
combinação de arquivos
Javascript é a principal causa de
lentidão em Sites WordPress.
Atraso de scripts
A função de um plugin de cache
é apagar e gerar novo cache à
nivel de servidor.
Controle de Cache

Recomendação de Plugins de
Otimização e Cache
Litespeed Cache WP Rocket WP Fastest Cache

Recursos externos
A recomendação do Google
para ganho de performance
é atrasar todos os scripts
NÃO CRITICOS.
Todo Script externo, afeta
no tempo de carregamento
de página devido a latência
entre um servidor e outro.
Como é um script externo
não é possível armazenar no
cache do servidor, muito
menos fazer qualquer
otimização.

Como resolver o
problema
Bônus
Utilize o Google Tag Manager
para concentrar todos os scripts
externos.
01
Otimize ao máximo a sua página,
descubra em quanto tempo a sua
página carrega sem o uso de
recursos externos.
02
Atrase o Script do Google Tag
Manager com o uso de plugins.
03

Ainda tem dúvidas de
como resolver ?

CHEGOU A HORA DE RESPONDER ÀS
DÚVIDAS

CÓDIGO DO CUPOM
ELEMENTORBR
OBRIGADO!
QUERSABERMAIS
SOBREOWPLIGHT?
danielpaz@weboption.com.br
WhatsApp(48)4042-2368
https://go.fnt.work/wplight