Le site Mappy se met à jour, tout d’abord sur la partie itinéraire
18 novembre 2019Cela fait quelques mois que nous travaillons sur une nouvelle version du site Mappy. Cette version a été mise en ligne il y a quelques jours, tout d’abord sur la partie itinéraire. Pourquoi une nouvelle version ? Plusieurs raisons ont poussé à une refonte du site : divers problèmes structurels (historique et bouton précédent peu…
Découpage des polices de caractères
25 mai 2018Après avoir mis en place SiteSpeed et optimisé le code JavaScript, nous avons travaillé sur l’optimisation des polices de caractères du site mappy. Constat Nous avions vu que le Javascript était la ressource la plus lourde chargée sur le site. Mais en ne tenant compte que du poids « gzipé » (ce qui nous intéresse au final) on se…
Découpage du code JavaScript grâce à webpack
22 mai 2018Après avoir mis en place SiteSpeed, il était temps de procéder à des améliorations de performances. En regardant la composition de nos pages web (grâce à SiteSpeed), on se rend compte que le JavaScript en est la plus grosse partie du site mappy : Les barres bleues correspondent à la taille du contenu non compressé, les barres…
mappy.com : de PHP à node.js
26 janvier 2017Depuis quelques jours, le site web mappy.com est entièrement servi par node.js. Historiquement sous PHP et Symfony 2, une stratégie de migration a été mise en place pour migrer les serveurs web, page par page, vers node.js et express. Le site Web Mappy Mappy est une « single page application » qui se compose en 2 parties : une partie serveur, composée de pages HTML…
Javascript : la construction à la volée (watching) avec Browserify
6 octobre 2016Browserify, c’est quoi déjà ? De manière simple, browserify permet d’avoir accès à l’écosystème de NodeJS (NPM, CommonJS) avec des scripts destinés au navigateur (browser). Après avoir installé le module browserify via NPM, il peut s’utiliser directement en ligne de commande : browserify main.js -o bundle.js Mais est plus souvent utilisé en tant que librairie dans un script NodeJS…
JavaScript : de Q aux promesses natives
8 avril 2015JavaScript est un langage qui utilise un système de concurrence basé sur la boucle d’événement (event loop). Boucle d’événement ? Le principe est d’avoir une boucle s’exécutant indéfiniment et où il est possible d’enregistrer des fonctions pour certains événements (timeout, click, retour d’une réponse ajax, accès à un fichier, etc). Lorsque l’événement se produit, la fonction…