1. Beperk het gebruik van globale variabelen: Elke wijziging van een globale variabele veroorzaakt wijzigingen in de gehele toepassing. Daarom is het het beste om globale variabelen te vermijden.
1. Vermijd het gebruik van met sleutelwoorden “new” objecten: Voor betere prestaties is het raadzaam om objectliterals te gebruiken in plaats van het nieuwe trefwoord.
1. Minimaliseer het aantal reflow en repaints: Reflow is het proces waarbij de browser de lay-out van de pagina berekent. Dit is een zeer kostbaar proces. Daarom moeten we reflow minimaliseren.
1. Minimaliseer het DOM gebruik: Directe DOM-manipulatie is duur in termen van prestatie. Bijgevolg is het beter om het gebruik van het DOM te verminderen.
1. Gebruik JavaScript compressie technieken: Het comprimeren van JavaScript-code kan de laadtijd van een pagina aanzienlijk verlagen en de prestaties verbeteren.
1. Gebruik Deferred of Asynchronous JavaScript: Deferred scripts worden uitgevoerd nadat de HTML-parser is voltooid. Aan de andere kant worden asynchrone scripts uitgevoerd terwijl de pagina nog aan het laden is.
1. Gebruik debouncing of throttling technieken: Dit is handig in scenario’s waarin functies mogelijk verschillende keren worden aangeroepen.
1. Vermijd het gebruik van eval(): Eval() is een gevaarlijke functie, die het voor hackers eenvoudig maakt om kwaadaardige code te injecteren.
1. Gebruik lokale variabelen: Lokale variabelen zijn sneller dan globale variabelen omdat ze minder ver moeten reizen om te worden opgehaald.
1. Vermijd lussen waar mogelijk: Lussen vertragen de uitvoering van het script. Gebruik in plaats daarvan ingebouwde functies zoals map(), filter(), reduce(), etc.
1. Gebruik correcte datastructuren: Gebruik datastructuren die het beste passen bij uw behoefte. Een ongeschikte datastructuur kan uw code aanzienlijk vertragen.
1. Cacheer DOM element referenties: Als u een DOM element meer dan één keer gebruikt, zorg dan dat het in een variabele wordt gezet – dit vermijdt kostbare DOM selectie operaties.
1. Vermijd inline JavaScript: Inline JavaScript wordt mogelijk geblokkeerd door content beveiligingsbeleid en kan negatieve invloed hebben op de prestaties.
1. Gebruik Web Workers voor complexe computaties: Web Workers draaien scripts op de achtergrond, zonder de prestaties van de hoofdpagina te beïnvloeden.
1. Optimaliseer loops door de lengte-eigenschap buiten de lus te cachen: Dit vermijdt kostbare opzoekingen en berekeningen binnen elke iteratie van de lus.
