Guia de Compatibilidade de Navegadores
Requisitos de Navegadores Modernos
O Compresso usa tecnologia WebAssembly de ponta para processamento client-side. Entender a compatibilidade de navegadores garante a melhor experiência.
Visão Geral de Navegadores Suportados
Chrome
Versão 90+
✓ ExcelenteFirefox
Versão 88+
✓ ExcelenteSafari
Versão 14+
⚠ BomEdge
Versão 90+
✓ Excelente🔧 Requisitos WebAssembly
Requisitos de Tecnologia Central
✅ Recursos Obrigatórios
WebAssembly (WASM)
Tecnologia central para processamento de arquivos client-side
Web Workers
Processamento em background sem bloquear a UI
File API
Leitura de arquivos do dispositivo do usuário
Módulos ES6
Sistema de módulos JavaScript moderno
🚀 Melhorias Opcionais
SharedArrayBuffer
Processamento de vídeo mais rápido com threading
Instruções SIMD
Operações matemáticas aceleradas
Service Workers
Funcionalidade offline e cache
📊 Matriz de Suporte Detalhada do Navegador
| Navegador | WebAssembly | Web Workers | SharedArrayBuffer | Performance |
|---|---|---|---|---|
| Chrome 90+ | ✓ Completo | ✓ Completo | ✓ Completo | Excelente |
| Firefox 88+ | ✓ Completo | ✓ Completo | ⚠ Limitado | Excelente |
| Safari 14+ | ✓ Completo | ✓ Completo | ✗ Nenhum | Bom |
| Edge 90+ | ✓ Completo | ✓ Completo | ✓ Completo | Excelente |
📱 Suporte para Navegadores Móveis
iOS Safari
Nota: iOS Safari tem limites rigorosos de memória. Arquivos grandes podem falhar em dispositivos mais antigos.
Android Chrome
Nota: Chrome Android geralmente tem melhor performance que iOS Safari para WASM.
⚡ Considerações de Performance
Características de Performance do Navegador
🚀 Chrome & Edge (Chromium)
Pontos Fortes
- • Performance WASM excelente
- • Suporte completo ao SharedArrayBuffer
- • Gerenciamento de memória avançado
- • Aceleração de hardware
Ideal Para
- • Processamento de arquivos grandes
- • Conversões de vídeo complexas
- • Operações multi-threading
- • Fluxos de trabalho profissionais
🦊 Firefox
Pontos Fortes
- • Excelente compilação WASM
- • Boa eficiência de memória
- • Modelo de segurança robusto
- • Performance consistente
Limitações
- • SharedArrayBuffer limitado
- • Mais lento para operações complexas
- • Menos aceleração de hardware
🧭 Safari
Pontos Fortes
- • Bom suporte WASM
- • Eficiência energética
- • Integração com macOS/iOS
- • Performance móvel decente
Limitações
- • Sem SharedArrayBuffer
- • Limites de memória mais rígidos
- • Compilação WASM mais lenta
- • Threading limitado
🔍 Detecção de Navegador e Fallbacks
Como o Compresso Lida com Diferenças de Navegador
Detecção Automática de Recursos
O Compresso detecta automaticamente as capacidades do seu navegador e ajusta os métodos de processamento de acordo.
Aprimoramento Progressivo
Recursos avançados como multi-threading são usados quando disponíveis, mas o processamento funciona em todos os navegadores suportados.
Degradação Elegante
Se recursos avançados não estão disponíveis, o processamento volta para modo single-thread com feedback claro ao usuário.
❌ Navegadores Não Suportados
Navegadores Que Não Funcionarão
Navegadores Desktop
- Internet Explorer (todas as versões)
- Chrome < 90
- Firefox < 88
- Safari < 14
Navegadores Móveis
- iOS < 14 (iPhone/iPad)
- Navegador Android (navegador padrão)
- Chrome Mobile < 80
- Opera Mini (todas as versões)
O que acontece se seu navegador não for suportado? Você verá uma mensagem amigável explicando os requisitos e sugestões para navegadores compatíveis.
🛠️ Solução de Problemas do Navegador
🐌 Performance Lenta
Feche outras abas do navegador
Libere recursos de memória e CPU para processamento
Verifique extensões do navegador
Algumas extensões podem interferir com WebAssembly
Tente modo incógnito/privado
Isola de extensões e problemas de dados em cache
💾 Erros de Memória Insuficiente
Use arquivos menores
Divida arquivos grandes em pedaços menores se possível
Reinicie seu navegador
Limpe vazamentos de memória e redefina RAM disponível
Tente um navegador diferente
Chrome geralmente tem mais memória disponível
🔄 Falha ao Carregar WebAssembly
Verifique sua conexão com a internet
Arquivos WASM são baixados no primeiro uso
Limpe o cache do navegador
Arquivos WASM corrompidos em cache podem causar problemas de carregamento
Desative bloqueadores de conteúdo
Alguns bloqueadores impedem que WASM carregue
🔧 Informações para Desenvolvedores
Para Desenvolvedores: Detalhes Técnicos
Bibliotecas WASM Usadas
- • libheif: Decodificação de imagens HEIC/HEIF
- • Codecs Squoosh: Compressão de imagens (mozjpeg, webp, avif)
- • FFmpeg.wasm: Processamento de vídeo/áudio
- • pdf-lib: Manipulação de PDF
Cabeçalhos de Segurança
- • COOP: Cross-Origin Opener Policy
- • COEP: Cross-Origin Embedder Policy
- • CSP: Content Security Policy permite WASM
- • CORS: Cabeçalhos CORS adequados para assets
Detecção de Recursos: O Compresso usa APIs JavaScript modernas para detectar capacidades do navegador antes de tentar carregar módulos WASM.
📈 Benchmarks de Performance
Tempos Típicos de Processamento
Tempos de processamento para uma imagem HEIC de 10MB em um laptop moderno:
* Tempos variam significativamente baseado nas especificações do dispositivo, complexidade do arquivo e otimizações do navegador