Divi Prefetcher
Otimizar o carregamento de páginas e recursos no tema Divi
by Hooma · github.com/guilherme-mandeli/divi-prefetcher · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/guilherme-mandeli/divi-prefetcher/archive/refs/heads/main.zipO Divi Prefetcher é um plugin para WordPress desenvolvido para otimizar o carregamento de páginas e recursos no tema Divi. Ele utiliza pré-carregamento (prefetch) de CSS, páginas e imagens, garantindo que os conteúdos sejam exibidos rapidamente, sem atrasos perceptíveis para o usuário.
Objetivo
O Divi Prefetcher foi projetado para:
- Pré-carregar CSS do DIVI da página atual imediatamente, garantindo que o layout seja renderizado sem atrasos.
- Pré-carregar CSS do DIVI e páginas futuras após o
window.load, sem travar o carregamento inicial. - Pré-carregar imagens específicas, garantindo carregamento instantâneo quando usadas em páginas futuras.
- Evitar downloads repetidos usando
sessionStorage. - Funcionar de forma modular, permitindo que:
- Páginas futuras a serem pré-carregadas sejam configuráveis.
- Imagens globais a serem pré-carregadas sejam configuráveis.
Funcionalidades
-
Prefetch CSS da página atual
- Garante que os estilos essenciais da página carreguem imediatamente.
-
Prefetch de páginas futuras
- Configurável no painel administrativo.
- Carrega as páginas em background após o carregamento inicial.
-
Prefetch de imagens globais
- Permite adicionar imagens que serão pré-carregadas para uso futuro, melhorando a experiência do usuário.
-
Hover Prefetch
- Carrega recursos de páginas futuras ao passar o mouse sobre links, reduzindo o tempo de carregamento ao navegar.
-
Modo Debug
- Exibe mensagens no console para monitorar quais recursos foram pré-carregados.
-
Cache em sessão
- Evita downloads repetidos dentro da mesma sessão do navegador.
Instalação
- Faça o download ou clone o repositório para a pasta
wp-content/plugins/divi-prefetcher. - Ative o plugin pelo painel de administração do WordPress em Plugins > Plugins Instalados.
- Configure as páginas e imagens que deseja pré-carregar através de Ferramentas > Divi Prefetcher.
Configuração
- Páginas para pré-carregar: selecione páginas específicas para pré-carregamento após o carregamento inicial.
- Imagens globais: adicione imagens que devem ser carregadas antecipadamente.
- Máximo de prefetch por sessão: define quantos recursos serão pré-carregados por sessão.
- Hover Prefetch: ativar/desativar carregamento ao passar o mouse.
- Modo Debug: exibe logs no console do navegador.
Contribuição
Contribuições são bem-vindas! Para contribuir:
- Fork o repositório.
- Crie uma branch com sua feature:
git checkout -b feature/nova-feature. - Faça commit das alterações:
git commit -am 'Adiciona nova feature'. - Envie para o repositório remoto:
git push origin feature/nova-feature. - Abra um Pull Request.
👥 Desenvolvimento
Desenvolvedor Principal
- Guilherme Mandeli
- 🌐 Website: srmandeli.contact
- 📧 Email: guil.mandeli@gmail.com
Empresa
- Hooma
- 🌐 Website: hooma.com.br
- 📧 Suporte: gmandeli@hooma.com.br
📄 Licença
Este plugin é licenciado sob a GPL v2 ou posterior.