Le meetup mensuel autour du JavaScript. Rejoignez-nous sur Discord ➡️ discord.gg/t6t8jhAaVz
Paris, France
- Tweets 2,307
- Following 77
- Followers 2,944
- Likes 226
En gros :
- Utilisez des formats modernes
- Minification et tree-shaking tant que possible que ce soit sur votre JS ou votre CSS
- Compressez vos fichiers !
1
N’hésitez pas non plus à compresser vos assets post build, que ce soit en gzip ou en brotli, c’est un gain de place non-négligeable. #ParisJS #ParisJS101
1
Vous devinerez jamais à quoi sert CssMinimizerWebpackPlugin !! #ParisJS #ParisJS101
1
Vous devinerez jamais à quoi sert la "MINI"fication !! #ParisJS #ParisJS101
1
Première piste : les images, privilégiez des formats comme le WebP, ou l’AVIF ou le JPEG XL (quand il sera disponible *quelque part*) #ParisJS #ParisJS101
1
1
Bon, mesurer les signes vitaux de la perf c’est bien, mais comment on les améliore ? #ParisJS #ParisJS101
1
Si vous vous demandiez à quoi sert l’onglet Lighthouse dans les DevTools de Chrome, ne cherchez plus, il sert à mesurer la perf de votre projet (entre autres) (non pas entre autres, il sert spécifiquement à ça) (c’était une ruse) #ParisJS #ParisJS101
1
Y a plein de vocabulaire (sur lequel tout le monde est assez d’accord, c’est plutôt bien standardisé), je tape pas assez vite pour tout vous restituer mais vous trouverez pas mal de ressources à ce sujet sur web.dev #ParisJS #ParisJS101
1
2
Du vocabulaire de perf-ologie (© moi, 2022) : LCP
(Largest Contentful Paint), FID (First Input Delay) et CLS (Cumulative Layout Shift) #ParisJS #ParisJS101
1
2
On rappelle un principe de base : la performance est essentielle sur le web #ParisJS #ParisJS101
(j’adore les portes ouvertes, j’adore le bruit qu’elles font quand je les enfonce)
1
Hop, pas le temps de souffler, on va enchaîner dare-dare avec le talk "Web perf : analyser et optimiser un front" par @djow__ #ParisJS #ParisJS101
2
2
2
Et c’est la fin de la présentation par @fraxken du projet NodeSecure, on l’applaudit comme il faut (likez ce tweet et je lui dirai de votre part) #ParisJS #ParisJS101
1
Les bonnes petites infos par ici : github.com/NodeSecure, il y a un chouette README avec des chouettes emoji #ParisJS #ParisJS101
1
1
ah on me dit que les regex ne comptent pas comme du code obfusqué
alors pourquoi je n’arrive pas à les lire ?
Vous avez évidemment l’option de configurer les niveaux d’alertes, si vous avez pleine confiance en vos regex, vous pouvez le dire à NodeSecure et il arrêtera de vous alerter dessus. #ParisJS #ParisJS101
2
NodeSecure a moyen de détecter des vulnérabilités même dans du code obfusqué. Ça c’est déjà plutôt cool, mais il comprend même le morse, parce qu’apparemment c’est possible. #ParisJS #ParisJS101
1
La commande de l’écran lance cette page dans votre navigateur et vous montre un tas d’infos super intéressantes sur le package concerné. (pas la place de toutes les lister, allez vérifier vous-mêmes ou croyez-moi sur paroles) #ParisJS #ParisJS101
1
D’autres meetups ont du Livecoding, on a du LiveTerminal. 😎 (j’ai pas réussi à choper l’output du script, ça allait trop vite) #ParisJS #ParisJS101
1
L’open source vit de et par ses contributeurs, on n’oublie pas de les remercier. #ParisJS #ParisJS101
1