Guía de Compatibilidad de Navegadores
Requisitos de Navegadores Modernos
Compresso utiliza tecnología WebAssembly de vanguardia para procesamiento del lado del cliente. Entender la compatibilidad del navegador asegura la mejor experiencia.
Vista General de Navegadores Soportados
Chrome
Versión 90+
✓ ExcelenteFirefox
Versión 88+
✓ ExcelenteSafari
Versión 14+
⚠ BuenoEdge
Versión 90+
✓ Excelente🔧 Requisitos de WebAssembly
Requisitos de Tecnología Central
✅ Características Requeridas
WebAssembly (WASM)
Tecnología central para procesamiento de archivos del lado del cliente
Web Workers
Procesamiento en segundo plano sin bloquear la UI
File API
Lectura de archivos del dispositivo del usuario
Módulos ES6
Sistema de módulos JavaScript moderno
🚀 Mejoras Opcionales
SharedArrayBuffer
Procesamiento de video más rápido con threading
Instrucciones SIMD
Operaciones matemáticas aceleradas
Service Workers
Funcionalidad offline y caché
📊 Matriz Detallada de Soporte de Navegadores
| Navegador | WebAssembly | Web Workers | SharedArrayBuffer | Rendimiento |
|---|---|---|---|---|
| Chrome 90+ | ✓ Completo | ✓ Completo | ✓ Completo | Excelente |
| Firefox 88+ | ✓ Completo | ✓ Completo | ⚠ Limitado | Excelente |
| Safari 14+ | ✓ Completo | ✓ Completo | ✗ Ninguno | Bueno |
| Edge 90+ | ✓ Completo | ✓ Completo | ✓ Completo | Excelente |
📱 Soporte de Navegadores Móviles
iOS Safari
Nota: iOS Safari tiene límites estrictos de memoria. Los archivos grandes pueden fallar en dispositivos antiguos.
Android Chrome
Nota: Android Chrome generalmente tiene mejor rendimiento que iOS Safari para WASM.
⚡ Consideraciones de Rendimiento
Características de Rendimiento por Navegador
🚀 Chrome y Edge (Chromium)
Fortalezas
- • Excelente rendimiento WASM
- • Soporte completo de SharedArrayBuffer
- • Gestión avanzada de memoria
- • Aceleración por hardware
Ideal Para
- • Procesamiento de archivos grandes
- • Conversiones complejas de video
- • Operaciones multi-hilo
- • Flujos de trabajo profesionales
🦊 Firefox
Fortalezas
- • Excelente compilación WASM
- • Buena eficiencia de memoria
- • Modelo de seguridad sólido
- • Rendimiento consistente
Limitaciones
- • SharedArrayBuffer limitado
- • Más lento para operaciones complejas
- • Menos aceleración por hardware
🧭 Safari
Fortalezas
- • Buen soporte WASM
- • Eficiente en energía
- • Integrado con macOS/iOS
- • Rendimiento móvil decente
Limitaciones
- • Sin SharedArrayBuffer
- • Límites de memoria más estrictos
- • Compilación WASM más lenta
- • Threading limitado
🔍 Detección de Navegadores y Respaldos
Cómo Compresso Maneja las Diferencias de Navegadores
Detección Automática de Características
Compresso detecta automáticamente las capacidades de tu navegador y ajusta los métodos de procesamiento en consecuencia.
Mejora Progresiva
Las características avanzadas como multi-threading se usan cuando están disponibles, pero el procesamiento funciona en todos los navegadores soportados.
Degradación Elegante
Si las características avanzadas no están disponibles, el procesamiento retrocede al modo single-thread con retroalimentación clara al usuario.
❌ Navegadores No Soportados
Navegadores que No Funcionarán
Navegadores de Escritorio
- Internet Explorer (todas las versiones)
- Chrome < 90
- Firefox < 88
- Safari < 14
Navegadores Móviles
- iOS < 14 (iPhone/iPad)
- Navegador Android (navegador predeterminado)
- Chrome Mobile < 80
- Opera Mini (todas las versiones)
¿Qué pasa si tu navegador no está soportado? Verás un mensaje amigable explicando los requisitos y sugerencias para navegadores compatibles.
🛠️ Solución de Problemas del Navegador
🐌 Rendimiento Lento
Cierra otras pestañas del navegador
Libera memoria y recursos de CPU para procesamiento
Verifica extensiones del navegador
Algunas extensiones pueden interferir con WebAssembly
Prueba modo incógnito/privado
Aísla de extensiones y problemas de datos cacheados
💾 Errores de Memoria Insuficiente
Usa archivos más pequeños
Divide archivos grandes en fragmentos más pequeños si es posible
Reinicia tu navegador
Limpia pérdidas de memoria y reinicia RAM disponible
Prueba un navegador diferente
Chrome generalmente tiene más memoria disponible
🔄 Error al Cargar WebAssembly
Verifica tu conexión a internet
Los archivos WASM se descargan en el primer uso
Limpia caché del navegador
Los archivos WASM cacheados corruptos pueden causar problemas de carga
Desactiva bloqueadores de contenido
Algunos bloqueadores previenen que WASM se cargue
🔧 Información para Desarrolladores
Para Desarrolladores: Detalles Técnicos
Bibliotecas WASM Usadas
- • libheif: Decodificación de imágenes HEIC/HEIF
- • Códecs Squoosh: Compresión de imágenes (mozjpeg, webp, avif)
- • FFmpeg.wasm: Procesamiento de video/audio
- • pdf-lib: Manipulación de PDF
Encabezados de Seguridad
- • COOP: Cross-Origin Opener Policy
- • COEP: Cross-Origin Embedder Policy
- • CSP: Content Security Policy permite WASM
- • CORS: Encabezados CORS apropiados para assets
Detección de Características: Compresso usa APIs de JavaScript modernas para detectar las capacidades del navegador antes de intentar cargar módulos WASM.
📈 Benchmarks de Rendimiento
Tiempos de Procesamiento Típicos
Tiempos de procesamiento para una imagen HEIC de 10MB en una laptop moderna:
* Los tiempos varían significativamente según las especificaciones del dispositivo, complejidad del archivo y optimizaciones del navegador