Electron en Tauri zijn twee populaire frameworks voor het bouwen van desktopapplicaties met webtechnologieën. Met beide kunnen ontwikkelaars HTML, CSS, JavaScript en moderne frontendframeworks gebruiken om applicaties voor macOS, Windows en Linux te maken. Ze hanteren echter fundamenteel verschillende benaderingen voor de manier waarop die applicaties worden uitgevoerd.
Electron bundelt Chromium en Node.js met elke applicatie en biedt zo een consistente browserengine en runtime op verschillende besturingssystemen. Tauri kiest voor een lichtere aanpak en gebruikt de bestaande webview van het besturingssysteem in combinatie met een op Rust gebaseerde backend. Dit architectuurverschil heeft invloed op de applicatiegrootte, het geheugengebruik, de prestaties, de beveiliging, de compatibiliteit en de productiviteit van ontwikkelaars.
Tauri wordt vaak gepresenteerd als een moderner, lichtgewicht alternatief voor Electron. Hoewel het duidelijke voordelen heeft, met name op het gebied van applicatiegrootte en resourcegebruik, blijft Electron een sterke keuze voor veel soorten desktopsoftware. Grote applicaties zoals Visual Studio Code, Slack, Discord, Notion en Figma gebruiken Electron. Ook bij WebCatalog hebben we voor Electron gekozen als basis voor onze platformonafhankelijke desktopapplicaties.
Welk framework moet je dus kiezen? Inzicht in de afwegingen is nuttiger dan een van beide frameworks tot winnaar uitroepen.
Electron versus Tauri in één oogopslag
Voordat we de technische verschillen bekijken, zie je hier hoe de twee frameworks zich op belangrijke kenmerken tot elkaar verhouden.
| Kenmerk | Electron | Tauri |
|---|---|---|
| Browserengine | Gebundelde Chromium | Systeemwebview |
| Backend | Node.js | Rust |
| Applicatiegrootte | Doorgaans groter | Doorgaans kleiner |
| Basisgeheugengebruik | Doorgaans hoger | Doorgaans lager |
| Consistentie tussen platforms | Hoog | Verschilt per platform |
| JavaScript-ecosysteem | Uitgebreide Node.js-ondersteuning | JavaScript voor de frontend, native API's via plug-ins en opdrachten |
| Beveiligingsmodel | Chromium-sandboxing, contextisolatie, IPC | Rust-backend, capabilities, IPC |
| Desktopplatforms | macOS, Windows, Linux | macOS, Windows, Linux |
| Mobiele ondersteuning | Geen officiële ondersteuning | Android en iOS |
| Het meest geschikt voor | Complexe desktopapps die afhankelijk zijn van Chromium | Lichtgewicht apps en hulpprogramma's met native integratie |
Deze verschillen komen voornamelijk voort uit één architectuurkeuze: een browserengine bundelen of vertrouwen op de engine die het besturingssysteem biedt.
Architectuur: gebundelde Chromium versus systeemwebviews
Het grootste verschil tussen Electron en Tauri is de manier waarop ze webinhoud weergeven. Electron bevat zijn eigen Chromium-engine, waardoor applicaties op macOS, Windows en Linux in wezen dezelfde browsertechnologie gebruiken. Ontwikkelaars kunnen vertrouwen op een specifieke Chromium-versie en de web-API's die deze ondersteunt, ongeacht welk besturingssysteem hun gebruikers hebben geïnstalleerd.
Tauri gebruikt daarentegen de webview die elk besturingssysteem biedt. Dit vermindert de hoeveelheid software die met een applicatie moet worden gebundeld aanzienlijk, maar betekent ook dat dezelfde applicatie afhankelijk van het platform op verschillende browserengines kan draaien.
| Platform | Electron | Tauri |
|---|---|---|
| macOS | Chromium | WKWebView (WebKit) |
| Windows | Chromium | WebView2 (Chromium) |
| Linux | Chromium | WebKitGTK |
| Android | Niet officieel ondersteund | Android WebView |
| iOS | Niet officieel ondersteund | WKWebView |
Voor applicaties met eenvoudige interfaces hebben deze verschillen in de praktijk mogelijk weinig gevolgen. De meeste moderne frontendframeworks werken goed met zowel Chromium als WebKit. Applicaties die afhankelijk zijn van specifieke browser-API's, complex weergavegedrag of geavanceerde webmogelijkheden kunnen echter compatibiliteitsproblemen ondervinden.
Met Electron kunnen ontwikkelaars testen met een bekende Chromium-versie en diezelfde versie aan gebruikers leveren. Met Tauri moeten ze rekening houden met verschillen tussen browserengines en mogelijk verschillende versies van systeemwebviews. Dit is vooral belangrijk bij het opsporen van problemen die alleen op bepaalde besturingssystemen of Linux-distributies optreden.
Geen van beide benaderingen is op zichzelf superieur. Tauri vermindert duplicatie door gebruik te maken van software die al op de computer is geïnstalleerd, terwijl Electron een grotere applicatieomvang accepteert in ruil voor meer controle en consistentie.
Applicatiegrootte, geheugengebruik en prestaties
Een van de duidelijkste voordelen van Tauri is de applicatiegrootte. Omdat Electron Chromium en Node.js bundelt, kunnen zelfs relatief eenvoudige Electron-applicaties honderden megabytes aan schijfruimte innemen. Tauri-applicaties kunnen aanzienlijk kleiner zijn, omdat ze gebruikmaken van de systeemwebview in plaats van een volledige browserengine in het applicatiepakket op te nemen.
Tauri kan ook een lager basisgeheugengebruik hebben, vooral bij lichtgewicht applicaties met minimale achtergrondverwerking. De Rust-backend is efficiënt en er is geen afzonderlijke, meegeleverde browserruntime nodig. Voor kleine hulpprogramma's, notitie-apps en applicaties met relatief eenvoudige interfaces kunnen deze voordelen aanzienlijk zijn.
Kleinere applicaties zijn echter niet noodzakelijk sneller. Zowel Electron als Tauri gebruiken uiteindelijk browserengines om hun interfaces weer te geven, en de prestaties van de frontend blijven sterk afhankelijk van de applicatiecode. Een inefficiënte React-component, een rekenintensieve JavaScript-bewerking of een geheugenlek blijft een probleem, ongeacht het framework.
Er is ook een belangrijk onderscheid tussen applicatiegrootte en het totale resourcegebruik. Tauri maakt de browserengine niet overbodig; het gebruikt simpelweg een engine die door het besturingssysteem wordt geleverd. Op Windows betekent dit dat het afhankelijk is van WebView2, dat doorgaans beschikbaar is op moderne Windows-installaties. Op macOS en Linux betekent dit dat het afhankelijk is van de respectieve WebKit-implementaties.
Voor een zinvolle prestatievergelijking moeten ontwikkelaars het volgende meten:
- Applicatiegrootte: Downloadgrootte en schijfgebruik na installatie.
- Opstarttijd: Hoe snel de applicatie klaar is voor interactie.
- Geheugengebruik in rust: Geheugenverbruik wanneer de applicatie geopend maar niet actief is.
- Geheugen- en CPU-gebruik bij activiteit: Resourcegebruik tijdens realistische werklasten.
- Responsiviteit: Weergaveprestaties en vertraging bij gebruikersinteracties.
De resultaten hangen af van de applicatie. Tauri heeft vaak een voordeel bij lichtgewicht applicaties, terwijl de consistente Chromium-omgeving van Electron het eenvoudiger kan maken om complexe applicaties op verschillende platforms te testen en te optimaliseren.
Ontwikkelaarservaring en beveiliging
Electron heeft een aanzienlijk voordeel voor teams die al ervaring hebben met JavaScript en TypeScript. De integratie met Node.js biedt toegang tot een volwassen ecosysteem van bibliotheken voor bestandssysteembewerkingen, netwerkcommunicatie, databases, achtergrondprocessen en besturingssysteemfunctionaliteit. Ontwikkelaars kunnen geavanceerde desktopapplicaties bouwen zonder noodzakelijkerwijs een andere programmeertaal aan hun technologiestack toe te voegen.
Tauri gebruikt Rust voor zijn native backend, wat uitstekende prestaties, geheugenveiligheid en sterke garanties tijdens het compileren biedt. Ontwikkelaars kunnen hun interfaces nog steeds bouwen met React, Vue, Svelte of andere JavaScript-frameworks, en Tauri biedt plug-ins en JavaScript-API's voor veel gangbare native bewerkingen.
Het implementeren van functionaliteit buiten die API's kan echter vereisen dat je Rust of platformspecifieke code schrijft. Voor teams die al goed met Rust overweg kunnen, kan dit een voordeel zijn. Voor teams die voornamelijk met TypeScript werken, kan het extra complexiteit met zich meebrengen.
Beveiliging is een ander gebied waarop de twee frameworks verschillende benaderingen hanteren. Tauri biedt een op capabilities gebaseerd machtigingensysteem dat is ontworpen om te beperken tot welke native bewerkingen frontendcode toegang heeft. Electron biedt Chromium-sandboxing, contextisolatie en mogelijkheden om de toegang tot Node.js en andere API's met verhoogde rechten te beperken.
Beide frameworks kunnen veilige applicaties ondersteunen wanneer ze correct zijn geconfigureerd, en beide kunnen gebruikers blootstellen aan kwetsbaarheden wanneer ontwikkelaars te ruime machtigingen verlenen of onveilig omgaan met niet-vertrouwde inhoud.
Een belangrijk verschil betreft beveiligingsupdates. Electron-ontwikkelaars zijn verantwoordelijk voor het bijwerken van hun meegeleverde Chromium-runtime en het uitbrengen van nieuwe applicatieversies wanneer beveiligingsoplossingen beschikbaar komen. Tauri vertrouwt doorgaans op updates van het besturingssysteem of de webview-aanbieder voor beveiligingspatches voor de browserengine. Dit vermindert een deel van de onderhoudsverantwoordelijkheden voor applicatieontwikkelaars, hoewel de beschikbaarheid van updates afhangt van het besturingssysteem van de gebruiker en de geïnstalleerde webview.
Uiteindelijk hangt beveiliging meer af van hoe een applicatie wordt ontworpen en onderhouden dan van het framework dat wordt gebruikt. Kiezen voor Tauri maakt een applicatie niet automatisch veilig, net zoals kiezen voor Electron deze niet automatisch onveilig maakt.
Waarom grote bedrijven Electron blijven gebruiken
Ondanks regelmatige kritiek op de applicatiegrootte en het resourcegebruik blijft Electron een populaire keuze voor grote softwareproducten. Enkele van de meest gebruikte desktopapplicaties zijn gebouwd met Electron, wat aantoont dat de architectuur complexe software kan ondersteunen die door miljoenen mensen wordt gebruikt.
Voorbeelden zijn:
| Bedrijf | Applicatie |
|---|---|
| Microsoft | Visual Studio Code |
| Salesforce | Slack |
| Discord | Discord |
| Notion | Notion |
| Figma | Figma |
| Signal | Signal Desktop |
| GitHub | GitHub Desktop |
| OpenAI | ChatGPT Desktop |
Deze applicaties dienen zeer uiteenlopende doelen, van softwareontwikkeling en communicatie tot ontwerp en productiviteit. Wat ze gemeen hebben, is de behoefte om geavanceerde desktopervaringen te bieden en daarbij gebruik te maken van webtechnologieën.
Electron biedt een volwassen ecosysteem, een consistente Chromium-runtime en de mogelijkheid om webinterfaces te combineren met native besturingssysteemfunctionaliteit. Het brede gebruik betekent ook dat ontwikkelaars kunnen profiteren van jaren aan documentatie, opensourcebibliotheken, debuggingtools en oplossingen voor veelvoorkomende problemen.
Bij grote applicaties kunnen ontwikkelproductiviteit en onderhoudbaarheid belangrijker zijn dan het minimaliseren van de omvang van het installatiepakket. Honderd megabyte extra schijfruimte kan een aanvaardbare afweging zijn als dit de complexiteit van platformonafhankelijke ontwikkeling vermindert en de applicatie eenvoudiger te onderhouden maakt.
Dit betekent niet dat Electron altijd de juiste keuze is, en ook niet dat elk bedrijf er om dezelfde redenen voor heeft gekozen. Het aanhoudende gebruik ervan in grote productieapplicaties laat echter zien dat Electron een praktische, gevestigde optie blijft, in plaats van een verouderde technologie die ontwikkelaars automatisch zouden moeten vervangen.
Meer voorbeelden vind je in de officiële Electron-appgalerij.
Waarom we bij WebCatalog voor Electron kiezen
Bij WebCatalog gebruiken we Electron om platformonafhankelijke desktopapplicaties te bouwen, en we geloven dat dit nog steeds het juiste framework is voor onze specifieke vereisten.
Met WebCatalog kunnen gebruikers websites omzetten in desktopapplicaties, onafhankelijk bij meerdere accounts ingelogd blijven en hun applicaties organiseren op macOS, Windows en Linux. Anders dan bij een conventionele desktopapplicatie, waarbij ontwikkelaars de frontend beheren en deze voor een specifieke omgeving kunnen optimaliseren, moeten wij een grote verscheidenheid aan websites ondersteunen waarover we geen controle hebben.
Deze websites kunnen verschillende authenticatiesystemen, opslagmechanismen, mediafuncties, browser-API's en JavaScript-frameworks gebruiken. Een website die correct werkt in Chromium kan zich anders gedragen in WebKit, en het behouden van compatibiliteit met meerdere browserengines zou extra technische uitdagingen met zich meebrengen.
De consistente Chromium-runtime van Electron helpt ons een groot deel van deze complexiteit te vermijden. Hiermee kunnen we op alle ondersteunde desktopplatforms een voorspelbare browseromgeving bieden, in plaats van afhankelijk te zijn van verschillende systeemwebviews.
Electron biedt ook volwassen API's voor het beheren van browsersessies, cookies, opslag, machtigingen en navigatie. De mogelijkheden voor sessiepartitionering zijn bijzonder waardevol voor WebCatalog, omdat gebruikers hiermee meerdere onafhankelijke inlogsessies voor dezelfde website kunnen behouden.
Tauri kan ook externe websites weergeven, en vergelijkbare functionaliteit kan worden geïmplementeerd met de webview-API's, plug-ins of platformspecifieke integraties ervan. Het verschil is dat Electron een consistentere basis biedt voor applicaties die rond browserfunctionaliteit zijn opgebouwd, vooral wanneer ze willekeurige diensten van derden moeten ondersteunen.
Ondersteuning voor Linux versterkt dit voordeel. Linux-distributies verschillen aanzienlijk wat betreft hun beschikbare systeembibliotheken, desktopomgevingen en softwareversies. De gebundelde Chromium-runtime van Electron neemt één belangrijke bron van variatie weg, terwijl Tauri-applicaties rekening moeten houden met de WebKitGTK-omgeving die op elke ondersteunde distributie beschikbaar is.
Aan die consistentie hangt een prijskaartje. Electron-applicaties zijn groter en ontwikkelaars moeten het resourcegebruik zorgvuldig beheren. Bij WebCatalog zoeken we voortdurend naar manieren om die overhead te verminderen. Zo hebben we APFS-klonen geïntroduceerd om het schijfgebruik van gegenereerde Mac-applicaties te verminderen, waarmee we laten zien dat sommige nadelen van Electron kunnen worden aangepakt zonder het framework te verlaten.
Onze beslissing is niet gebaseerd op de overtuiging dat Electron in alle gevallen beter is dan Tauri. Ze is gebaseerd op de vereisten van ons product. Voor WebCatalog zijn browsercompatibiliteit, consistent gedrag op verschillende besturingssystemen en volwassen mogelijkheden voor sessiebeheer waardevoller dan het minimaliseren van de applicatiegrootte.
Waar Tauri in het voordeel is
Ondanks onze voorkeur voor Electron bij WebCatalog zijn er veel situaties waarin Tauri de betere keuze kan zijn. Voor lichtgewicht desktophulpprogramma's zijn kleinere applicatiepakketten en een lager basisresourcegebruik overtuigende voordelen. Applicaties die voornamelijk hun eigen frontend weergeven, relatief eenvoudige vereisten voor native functionaliteit hebben en niet afhankelijk zijn van een specifieke browserengine, kunnen aanzienlijk profiteren van de architectuur van Tauri.
Tauri is ook aantrekkelijk voor ontwikkelaars die de voorkeur geven aan Rust of native applicatielogica tussen platforms willen delen. Sinds Tauri 2 ondersteunt het framework naast desktopbesturingssystemen ook officieel Android en iOS. Electron is daarentegen primair ontworpen voor desktopontwikkeling en ondersteunt mobiele platforms niet officieel.
Een andere overweging is onderhoud. De consistente runtime van Electron vereenvoudigt compatibiliteitstests, maar vereist ook dat applicatieontwikkelaars hun meegeleverde Chromium-versies onderhouden en bijwerken. Tauri legt een groter deel van die verantwoordelijkheid bij het besturingssysteem, wat de onderhoudslast voor bepaalde applicaties kan verminderen. Ontwikkelaars moeten echter mogelijk extra moeite steken in het testen van verschillende webview-implementaties en het oplossen van platformspecifieke problemen.
De totale ontwikkelkosten zijn belangrijker dan een afzonderlijke benchmark. Een framework dat geheugen bespaart maar aanzienlijk meer ontwikkelwerk vereist, is mogelijk niet de efficiëntste keuze voor een bepaald team. Omgekeerd kan het onnodig zijn om een grote Chromium-runtime mee te leveren voor een eenvoudig hulpprogramma wanneer Tauri dezelfde taak met minder resources kan uitvoeren.
Electron versus Tauri: welk framework moet je kiezen?
Beide frameworks zijn geschikt voor het bouwen van productieklare desktopapplicaties, maar ze zijn geoptimaliseerd voor verschillende prioriteiten.
| Jouw prioriteit | Beter uitgangspunt | Waarom |
|---|---|---|
| Kleine download- en installatiegrootte | Tauri | Gebruikt de systeemwebview |
| Laag basisresourcegebruik | Tauri | Lichtgewicht native backend |
| Consistente weergave op verschillende desktopplatforms | Electron | Bundelt dezelfde Chromium-engine |
| Uitgebreide Node.js-integratie | Electron | Ingebouwde Node.js-runtime |
| Native functionaliteit op basis van Rust | Tauri | Rust is de primaire backendtaal |
| Willekeurige websites van derden weergeven | Electron | Voorspelbare Chromium-omgeving |
| Complex beheer van browsersessies | Electron | Volwassen API's voor sessies en partities |
| Desktop- en mobiele ontwikkeling | Tauri | Officiële ondersteuning voor desktop en mobiel |
| Minimale compatibiliteitstests tussen browsers | Electron | Een consistente engine op verschillende desktopplatforms |
Dit zijn algemene aanbevelingen en geen absolute regels. Met Electron kunnen efficiënte applicaties worden gebouwd, terwijl Tauri als basis kan dienen voor geavanceerde software. De beste keuze hangt af van de productvereisten en de bestaande expertise van het team.
Voor teams die geavanceerde desktopapplicaties bouwen, verdienen het gevestigde ecosysteem en de bewezen staat van dienst van Electron serieuze overweging. Het gebruik ervan door Microsoft, Slack, Discord en andere grote softwareontwikkelaars toont aan dat het framework aan veeleisende productievereisten kan voldoen.
Tegelijkertijd biedt Tauri een aantrekkelijk alternatief voor projecten die prioriteit geven aan kleinere uitvoerbare bestanden, een lager basisresourcegebruik, Rust-integratie of gezamenlijke ontwikkeling voor desktop en mobiel.
Tot slot
Het debat over Electron versus Tauri wordt vaak teruggebracht tot een eenvoudige vergelijking: Electron is groot, terwijl Tauri klein is. Maar het relevantere onderscheid is dat tussen een gebundelde, consistente runtime en een lichtgewicht framework dat integreert met webviews die door het systeem worden geleverd.
Electron geeft prioriteit aan consistentie tussen platforms, integratie met het JavaScript-ecosysteem en uitgebreide controle over browserfunctionaliteit. Tauri geeft prioriteit aan kleinere applicatiepakketten, efficiënte native uitvoering en nauwere integratie met de webviews van het besturingssysteem.
Bij WebCatalog hebben we voor Electron gekozen, net zoals veel grote softwarebedrijven dat hebben gedaan voor hun desktopapplicaties. We waarderen het volwassen ecosysteem, de consistente Chromium-runtime en de uitgebreide browserfunctionaliteit. Deze voordelen helpen ons een product te bouwen en te onderhouden dat een breed scala aan websites op meerdere besturingssystemen ondersteunt.
Dat maakt Tauri geen slechte keuze. Voor lichtgewicht hulpprogramma's of applicaties met andere vereisten kunnen de voordelen ervan zwaarder wegen dan die van Electron.
Het beste framework is niet noodzakelijk het framework met het kleinste uitvoerbare bestand of het laagste geheugengebruik. Het is het framework waarmee je team je applicatie het effectiefst kan bouwen, onderhouden en verbeteren.
