Este proyecto forma parte de mi Trabajo de Fin de Grado (TFG), cuyo objetivo principal es comparar de forma rigurosa el rendimiento de JavaScript y Python ejecutado en el navegador. Para ello, se utiliza PyScript como entorno de ejecución Python basado en WebAssembly.
A través de diversos benchmarks interactivos, se analizan y comparan ambos lenguajes en distintos escenarios reales de cómputo, incluyendo operaciones matemáticas intensivas, manipulación de datos, algoritmos de machine learning, y verificación criptográfica.
Este TFG tiene como objetivos:
- Evaluar de forma sistemática el rendimiento de JavaScript (nativo del navegador) frente a Python ejecutado mediante PyScript/Pyodide.
- Diseñar una interfaz web interactiva con Astro para visualizar y comparar resultados de pruebas computacionales.
- Entender las implicaciones prácticas del uso de Python en navegador mediante WebAssembly (coste de arranque, uso de memoria, compatibilidad de librerías).
- Aprender y consolidar conocimientos en tecnologías web modernas: Astro, Web Workers, librerías de ML en JS y Python, WebSocket, Tailwind CSS, etc.
Los benchmarks se agrupan en distintas categorías según el tipo de carga computacional:
- 🔢 Cálculos matemáticos intensivos: Ejecucion de algoritmos como multiplicación de matrices, calculo de digitos de pi...
- 🧠 Procesamiento de grandes volúmenes de datos: Ejecución de operaciones sobre muchos datos.
- 📊 Carga de graficos complejos: Impacto del renderizado de graficos de puntos de dispersion y series temporales.
- 📡 Manejo de peticiones concurrentes: pruebas que utilizan WebSocket o APIs locales para simular cargas distribuidas.
- 🔐 Cálculo criptográfico y verificación de integridad: cifrado AES, autenticación de datos.
- 🧬 Reconocimiento de patrones: clasificación de imágenes (Iris, Digits).
Todas las pruebas están diseñadas para ejecutarse directamente en el navegador, sin necesidad de backend, excepto en pruebas específicas donde se compara el rendimiento con entornos servidor.
- Astro — Framework para UI estática moderna
- Tailwind CSS — Estilos responsivos y reutilizables
- Componentes reactivos (HTML, JS, PyScript)
- Servidor de pruebas en Python con
Flask,websockets,cryptography - Servidor en Node.js para pruebas en paralelo
- PyScript
- Pyodide (Python compilado a WebAssembly)
numpy,scikit-learn,pickle,crypto...- Web Workers en Python
- Librerías científicas:
ml-knn,ml-random-forest,math.js... - Web Workers para paralelismo
performance.now()y otras herramientas nativas para medir tiempos
git clone https://github.com/JayAyAre/PyScript-vs-JavaScript.git
cd PyScript-vs-JavaScript- Instala las dependencias de Python:
pip install -r requirements.txt- Instala las dependencias de Node.js:
npm install-
Escoge el ámbito a testear, la prueba y la versión si está disponible.
-
Ejecuta el script para iniciar los servidores:
python ./start_servers.py- Accede desde el navegador a:
http://localhost:8000
o bien
https://localhost:8000
dependiendo de la prueba.
- Instala las dependencias de Node.js:
npm install- Ejecuta el entorno de desarrollo:
npm run dev- Accede desde el navegador a:
http://localhost:4321