Open source · Tay
Het beste van jQuery.
Klaar voor nu.
Tay is een TypeScript-library voor snellere websites. Je krijgt de meestgebruikte jQuery-functies, zonder afhankelijk te zijn van jQuery-animaties.
Voor alle front-end developers
1KB
Gecomprimeerd. Vrijwel direct geladen.
TypeScript
Vanaf de basis opgebouwd
Geen legacy
Zonder overbodige ballast
250% sneller
Code-uitvoering vs. jQuery
Library op basis van TypeScript
Toen jQuery ontstond, was compatibiliteit tussen browsers in JavaScript een grote uitdaging. Met TypeScript schrijf je code in een moderne, getypeerde taal en exporteer je die naar oudere JavaScript-syntaxis zoals ES5 of ES6. Zo ben je direct compatibel met alle browsers.
Minimale omvang
Bij frontend-development telt elke kilobyte. Gecomprimeerd is Tay slechts 1KB, een ideale keuze.
De filosofie: ‘Write less, do more’
Het tweede grote voordeel van jQuery: het bespaart tijd tijdens het ontwikkelen. Je doet hetzelfde werk sneller dan met plain JavaScript.
250% sneller dan jQuery
Tay is niet alleen klein, maar voert code ook sneller uit dan jQuery.
Voor wie is Tay?
Tay is geen volwaardig framework en komt niet met uitgebreide libraries om je project uit te breiden. Het is vooral geschikt voor projecten waarin snelheid cruciaal is, zoals e-commerce-applicaties.
We hebben het gebouwd voor het e-commercedeel van onze website (nog niet publiek), maar in de video hieronder zie je het in actie.
Benchmarks
Sneller uitgevoerd. Sneller geladen.
250%
snellere code-uitvoering dan jQuery
Dit is zelfs de laagste vergelijkingsbenchmark die we hebben gedraaid. Afhankelijk van de gebruikte functionaliteit kan het prestatieverschil oplopen tot 1000%.
3000%
sneller geladen op mobiel, tot klaar voor gebruik
Downloadtijd voordat een library bruikbaar is, gemeten bij de mobiele testsnelheid van Google: 1628 Kbps.
Kortom: van de populaire JavaScript-libraries hierboven is jQuery na 150 milliseconden geladen en klaar voor gebruik. Tay is dat al na 5 milliseconden. Tay laadt dus 3.000% sneller dan jQuery.⬤
Zo gebruik je het
In jQuery-stijl
$(".myclass").addClass("example");
Tay version:
t(".myclass").addClass("example");Zo gebruik je het
Rechtstreeks op elementen
myElement.parent().find(".switch").toggleClass("example");Download
Open source op GitHub.
Pak de broncode, lees mee en lever snellere pagina’s.
Jouw succesverhaal kan het volgende zijn.
Vragen? We helpen je graag de juiste keuze te maken.