Tagperformances

[jQuery] Performances: comment utiliser de multiples éléments mis en cache?

Source: jQuery, how to use multiple cached elements

emptyThings: 1.92041015625 ms
megamenu.js:127 emptyThings: 4.44091796875 ms
megamenu.js:127 emptyThings: 1.739990234375 ms
megamenu.js:127 emptyThings: 2.5419921875 ms
megamenu.js:127 emptyThings: 1.958740234375 ms
megamenu.js:127 emptyThings: 2.581787109375 ms
megamenu.js:127 emptyThings: 2.59912109375 ms
megamenu.js:127 emptyThings: 2.1240234375 ms
megamenu.js:127 emptyThings: 3.0361328125 ms
megamenu.js:127 emptyThings: 3.2548828125 ms

emptyThings: 1.552001953125 ms
megamenu.js:131 emptyThings: 4.814697265625 ms
megamenu.js:131 emptyThings: 2.326904296875 ms
megamenu.js:131 emptyThings: 2.762939453125 ms
megamenu.js:131 emptyThings: 3.281982421875 ms
megamenu.js:131 emptyThings: 1.970947265625 ms
megamenu.js:131 emptyThings: 2.184814453125 ms
megamenu.js:131 emptyThings: 3.62109375 ms
megamenu.js:131 emptyThings: 3.26123046875 ms
megamenu.js:131 emptyThings: 3.065673828125 ms

[Performances] Les Progressive Web Applications (PWAs)

Service workers

Un Service Worker est un script chargé parallèlement aux scripts de votre page et qui va s’exécuter en dehors du contexte de votre page web. Bien que le Service Worker n’ait pas accès au DOM ou aux interactions avec l’utilisateur, il va pouvoir communiquer avec vos scripts via l’API postMessage. Il se place en proxy de votre Web App, interceptant toutes les requêtes serveur et propose par exemple d’y répondre avec un cache ou en récupérant des données du LocalStorage ou d’IndexedDB. Il rend donc votre application disponible offline.

Tableau de support des Service Workers par navigateur sur caniuse.com.

[javaScript] console.time et console.timeEnd pour logguer les performances d’affichage du code JS

Demo: console.time et console.timeEnd pour logguer les performances d’affichage du code JS.

Résultats du test en exécutant à plusieurs reprises ce code:

getTableColumnsAmount01: 1.489013671875ms
(index):36 getTableColumnsAmount02: 0.277099609375ms
(index):32 getTableColumnsAmount01: 1.7880859375ms
(index):36 getTableColumnsAmount02: 0.88916015625ms
(index):32 getTableColumnsAmount01: 1.0322265625ms
(index):36 getTableColumnsAmount02: 0.44189453125ms
(index):32 getTableColumnsAmount01: 0.926025390625ms
(index):36 getTableColumnsAmount02: 0.203125ms
(index):32 getTableColumnsAmount01: 1.050048828125ms
(index):36 getTableColumnsAmount02: 0.3740234375ms

© 2021 devfrontend.info

Theme by Anders NorénUp ↑