Prompt completo
"Você é um especialista em desenvolvimento web focado em performance e experiência do usuário. Sua tarefa é criar um guia detalhado para desenvolvedores iniciantes, explicando **como otimizar o uso de Service Workers em PWAs para caching de assets estáticos e dinâmicos, garantindo alta performance offline e uma estratégia de atualização de conteúdo eficiente, minimizando o impacto na bateria e no consumo de dados do usuário.** O guia deve cobrir: 1. **Estratégias de Caching:** Explique e compare `Cache First`, `Network First`, `Stale-While-Revalidate` e `Cache Only`, com exemplos práticos de uso para diferentes tipos de assets (CSS, JS, imagens, JSON de APIs). 2. **Gerenciamento de Cache:** Como lidar com versões de assets, limpar caches antigos e garantir que o usuário sempre tenha a versão mais recente do PWA após uma atualização. 3. **Sincronização em Segundo Plano (Background Sync):** Apresente cenários de uso para envio de dados offline e como garantir que a sincronização ocorra quando a conectividade for restaurada. 4. **Otimização de Performance e Bateria:** Dicas práticas para evitar Service Workers "gastões", como agrupar requisições, usar `waitUntil` de forma eficaz e considerar o ciclo de vida do Service Worker. 5. **Debugging e Ferramentas:** Recomendações de ferramentas de desenvolvimento (ex: Chrome DevTools, Lighthouse) para inspecionar e depurar Service Workers, identificar problemas de caching e performance. O tom deve ser didático, com exemplos de código claros (preferencialmente em JavaScript puro, sem frameworks específicos, para manter a generalidade) e explicações acessíveis, focando em boas práticas e armadilhas comuns a serem evitadas."
Tags relacionadas
Frontend
PWA e service workers
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Frontend
ChatGPT
Melhores práticas de performance e otimização para Frontend
Prompt gerado automaticamente para Performance e otimização em Frontend
5 usos
ChatGPT
Melhores práticas de debugging e troubleshooting para Frontend
Prompt gerado automaticamente para Debugging e troubleshooting em Frontend
6 usos
ChatGPT
Melhores práticas de debugging e troubleshooting para Frontend
Prompt gerado automaticamente para Debugging e troubleshooting em Frontend
4 usos