Destaque do plug-in Divi: Divi Rocket

A velocidade de carregamento do site é crucial para manter um ótimo SEO e reduzir a taxa de rejeição de um site. Existem muitos plug-ins de cache disponíveis que podem aumentar o desempenho, mas a maioria dos plug-ins de cache são genéricos. Eles trabalham com as configurações principais para a maioria dos temas, em vez de direcionar as necessidades ou recursos específicos de um tema. Agora, há um plugin de cache que foi projetado especificamente para Divi.

Divi Rocket é um plugin de terceiros que foi projetado para ser “Divi ciente”. Ele está familiarizado com o funcionamento do Divi e com as seções e módulos do Divi. Ele sabe o que armazenar em cache e o que verificar em uma página Divi ao gerar o cache novamente. Neste artigo, vamos dar uma olhada no Divi Rocket, ver o que ele pode fazer e ver como é fácil de usar.

Instalação e ativação

Antes de usar o Divi Rocket, você precisa inserir sua chave de licença. Vá para Divi > Divi Rocket no menu do painel. Depois de ativar o plug-in, as guias do menu serão desbloqueadas, onde você pode fazer seleções e executar tarefas.

O design do menu é semelhante ao design do menu Divi. Parece elegante, mas também é fácil de entender e seguir (ao contrário de alguns plug-ins de cache que têm muitas configurações que são difíceis de seguir e configurar). Ele também adiciona um menu à barra de administração onde você pode limpar o cache da postagem atual (ao visualizar o site pelo frontend), o cache inteiro e ver as configurações.

Tarefas

A guia Tarefas inclui 12 tarefas que otimizam ou excluem arquivos. As tarefas incluem:

1. Otimize as tabelas
2. Excluir postagens de revisão
3. Excluir postagens de rascunho automático
4. Excluir postagens na lixeira
5. Excluir spam ou comentários na lixeira
6. Excluir comentários não aprovados
7. Excluir pingbacks e trackbacks
8. Excluir metadados de postagens órfãs
9. Excluir metadados de comentários órfãos
10. Excluir dados de relacionamento órfão
11. Excluir metadados de usuários órfãos
12. Excluir metadados de termos órfãos

Cada tarefa mostra o número de elementos que serão excluídos. Selecione a tarefa ou tarefas que deseja concluir e clique em Processar tarefas selecionadas. Otimizar tabelas é especialmente interessante. É uma otimização de banco de dados projetada especificamente para Divi. Depois de executar as tarefas, ele mostra se cada uma foi um sucesso ou se nenhuma otimização foi realizada.

Cache do navegador

A ativação do cache do navegador informará ao navegador para armazenar recursos estáticos em cache, incluindo arquivos jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic e swf para servidores Apache. Você pode controlar o número de dias para a expiração do cache e adicionar URLs para ignorar.

Cache de servidor

O armazenamento em cache do servidor permite o armazenamento em cache no lado do servidor. Você também pode desativar o cache do lado do servidor para qualquer função de usuário.

O armazenamento em cache do lado do servidor funciona de maneira diferente do armazenamento em cache do servidor padrão. A maioria dos plug-ins de cache armazena uma versão em cache de toda a página e a envia para um navegador. Sempre que uma alteração é feita, a página inteira é regenerada no cache.

Divi Rocket foi projetado especificamente para módulos Divi. Ele sabe que um módulo em uma página pode mudar enquanto o resto da página permanece o mesmo. Ele está ciente de que os módulos do blog e os módulos da loja podem mudar frequentemente, enquanto as notas publicitárias e os módulos pessoais mudam com menos frequência. Isso significa que ele pode regenerar apenas parte da página em vez de toda a página sempre que uma alteração é feita.

Carregamento lento

O Lazy Loading carrega seções Divi conforme o usuário rola até elas. Isso significa que apenas parte do site precisa ser carregada antes que o usuário possa começar a navegar no site. Isso também significa que as partes do site que o usuário nunca visita não precisam ser carregadas.

Requer armazenamento em cache do lado do servidor e ainda está em fase de teste. Depois de habilitá-lo, você pode definir o número de seções Divi que serão carregadas inicialmente quando o site for carregado e o número de seções que serão carregadas sempre que uma solicitação de carregamento for enviada.

O carregamento lento mostra um fundo branco com um pré-carregador até que a próxima seção seja carregada. O tempo de carregamento da próxima seção em meu servidor de teste foi extremamente rápido.

Compressão

A compactação adiciona uma opção de compactação GZip. Esse recurso teve o maior impacto em minhas velocidades de teste.

Especificações do sistema

As especificações do sistema mostram as mesmas informações que você encontrará no menu Divi > Centro de suporte, mas fornece mais informações sobre as configurações e inclui links para ainda mais informações. As descrições incluem informações sobre os tipos de problemas que você verá se o seu servidor não atender aos requisitos, o que é ainda mais útil na solução de problemas.

Diversos

Diversos adiciona quatro novas configurações ao WordPress:

Limite de revisões de postagem - permite especificar o número de revisões que o WordPress manterá para cada postagem. Isso ajuda a economizar espaço de armazenamento no servidor e evita que seu site tenha que rastrear muitas revisões que você nunca usará.

Permitir Pingbacks e Trackbacks - defina-os para abrir ou fechar. Ele controla ambos com uma configuração.

Crédito do rodapé - adiciona Divi Rocket ao crédito do rodapé com um link e o ícone Divi Rocket. Você tem várias opções para exibi-lo. Mostre-o na barra inferior abaixo do rodapé (isso só é exibido se você estiver usando o rodapé padrão), mostre-o centralizado em uma nova barra abaixo da barra inferior ou desative-o. Está habilitado por padrão. Se você adicionar seu ID de afiliado, ele será incluído no link.

ID de afiliado do Divi Space - se você tiver uma conta de afiliado do Divi Space, adicionar o ID aqui adiciona-o ao link nos créditos do rodapé.

Antes e depois

Aqui está uma olhada em minhas pontuações antes e depois do GTMetrix para meu site de teste não otimizado. Isso testa apenas parte dos recursos do Divi Rocket, então não é realmente um teste completo. Isso mostra como melhorou minhas velocidades de carregamento.

Meu Site de Teste

Aqui estão minhas pontuações de teste antes de executar qualquer um dos aprimoramentos ou compressões. Minha pontuação PageSpeed ​​é de 45%, YSlow é de 63%, o tempo de carregamento completo é de 3,5 segundos, o tamanho da página é de 2,12 MB e faz 39 solicitações. Estou usando a página de destino do pacote de layout da Divi Magazine.

O PageSpeed ​​mostra que minhas necessidades mais críticas são habilitar a compactação e aproveitar o cache do navegador.

YSlow mostra que as áreas mais críticas incluem adicionar cabeçalhos de expiração, compactar componentes, usar CDN e fazer menos solicitações HTTP.

Com apenas o cache do navegador habilitado

As pontuações do PageSpeed ​​e YSlow melhoraram ligeiramente. O tempo totalmente carregado foi reduzido. O tamanho da página e os pedidos permaneceram os mesmos.

Alavancar o cache do navegador foi de 49 para 96.

A pontuação YSlow para adicionar cabeçalhos de expiração foi de 0 a 78.

Adicionando Cache de Servidor

Com o cache do lado do servidor, o tempo de carregamento completo e o número de solicitações melhoraram um pouco. Claro, isso conta apenas parte da história. Mais melhorias são vistas nos recursos do servidor por causa da maneira como o cache do lado do servidor funciona para atualizar apenas os módulos que foram alterados.

A pontuação do PageSpeed ​​reduzida para adiar a análise de JavaScript.

A pontuação YSlow melhorou ligeiramente para menos solicitações de HTML.

Adicionando GZip

Ativar a compactação GZip foi a maior melhoria. O PageSpeed ​​foi para 92%, enquanto o YSlow foi para 84%. O tempo totalmente carregado caiu para 1,7 segundos e o tamanho total da página caiu para 862 KB. Os pedidos permaneceram os mesmos.

Para o PageSpeed, a ativação da compactação foi de 0 a 100.

Para YSlow, os componentes de compactação foram de 0 a 100.

Resultados

Veja como Divi Rocket foi capaz de melhorar minhas pontuações GTMetrix:

• Velocidade de página de 45 a 92
• YSlow de 63 a 84
• Tempo totalmente carregado de 3,5 segundos a 1,7 segundos
• Tamanho total da página de 2,12 MB a 862 KB
• Pedidos de 39 a 38

Essas pontuações sem outras alterações no site.

Preço e documentação

Você pode comprar o Divi Rocket no site do desenvolvedor. Existem várias opções de compra para o Divi Rocket:

• Local único - $ 49 por ano
• 3 sites - $ 89 por ano
• Sites ilimitados - $ 179 por ano

Também está incluído em suas associações anuais e vitalícias.

A documentação é fornecida no site do desenvolvedor. Ele percorre os recursos do plugin e mostra como usá-lo. Eu não precisava dele para este artigo, mas estou feliz em ver que ele está disponível.

Reflexões finais

Divi Rocket é um plugin interessante. É fácil de usar e gosto do design limpo do menu. Parece um produto Divi em vez de um produto WordPress genérico. Gosto do fato de ele ter sido projetado especificamente para Divi e tirar proveito de seções e módulos de uma forma que outros plug-ins de cache não conseguem. Não há muitas configurações para lidar, mas ele ainda fornece as configurações necessárias para a maioria dos sites. Ele explica o que cada recurso faz, tornando-o ideal para desenvolvedores experientes e iniciantes.

Meus testes contam apenas parte da história. Por exemplo, a economia de carga no servidor para a otimização do banco de dados e a maneira como ele verifica os módulos individuais para atualizações economizaria recursos do servidor. Isso não aparece nas pontuações de velocidade de carregamento.

Eu gostaria de ver isso funcionar com o Extra. A página do desenvolvedor mostra que mais recursos estão a caminho. Em breve, ele reduzirá e combinará CSS e JavaScript. Ele também incluirá um CDN, que armazenará em cache os arquivos principais do Divi para melhorar o desempenho ainda mais do que os CDNs padrão.

O Divi Rocket já melhorou a velocidade do meu site de teste totalmente não otimizado para o mesmo nível de outros plug-ins de cache. Depois que a minificação e um CDN forem adicionados, deve ser uma opção muito melhor para qualquer site da Divi.

Nós queremos ouvir de você. Você já experimentou o Divi Rocket? Deixe-nos saber o que você pensa sobre isso nos comentários.

Imagem em destaque via Victoruler / shutterstock.com