Étiquette : technique

Retour d’expérience de State of The Map France 2018

13 juin 2018 Non

Nous avons été 6 Mappy à avoir la chance d’aller à State Of The Map France 2018 près de Bordeaux, à Pessac. Ci-dessous le compte-rendu rédigé conjointement par les différents participants State of the map: Map Contrib Next Fonctionnalité principale Pouvoir éditer une carte en se fixant un thème (et éventuellement un territoire) précis. Les…

Par MAPPY

Découpage des polices de caractères

25 mai 2018 0

Aprè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…

Par MAPPY

Découpage du code JavaScript grâce à webpack

22 mai 2018 0

Aprè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 vertes…

Par MAPPY

Automatiser vos relevés de webperfs

18 mai 2018 0

La Performance Web chez Mappy Nous surveillons depuis longtemps la performance web (couramment abrégé « webperf ») sur le site mappy mais l’évolution des usages a mis ce sujet en haut de nos priorités. L’usage du site a en effet changé ces dernières années avec de plus en plus de visites depuis des navigateurs mobiles. Selon statcounter, l’audience…

Par MAPPY

Backbone isomorphique maison : comment ?

31 janvier 2018 0

Cet article fait écho à Backbone isomorphique maison : pourquoi ? Celui-ci va présenter comment AMIB a été construit. La première difficulté était déjà de définir l’attendu et le code que nous souhaitions écrire. Nous n’avons pas commencé par les tests contrairement à nos habitudes. Notre objectif était de mesurer rapidement si nous étions sur une piste…

Par MAPPY

Backbone isomorphique maison : pourquoi ?

10 janvier 2018 0

Vous l’avez peut-être remarqué, nous avons refait une partie du site il y a bien six mois maintenant : les itinéraires. Nous appelons cela le multipath (prononcer moultipaðe) Petit tour du propriétaire : vous pouvez dorénavant pour une recherche d’itinéraire avoir les réponses dans plusieurs modes de transport : voiture (évidemment), bus, car, taxi, VTC, transport…

Par MAPPY

mappy.com : de PHP à node.js

26 janvier 2017 0

Depuis 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 et…

Par MAPPY

Javascript : la construction à la volée (watching) avec Browserify

6 octobre 2016 0

Browserify, 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…

Par MAPPY

Une solution simple pour les A/B tests

19 janvier 2016 Non

Les A/B tests sont aujourd’hui une pratique courante sur les applications web et mobile. Le principe est de proposer une variante pour une fonctionnalité pour une partie de l’audience et ce, pendant une période donnée. Exemples : changement de couleur d’un bouton, présentation de produits sous forme de grille plutôt que sous forme de liste.…

Par MAPPY

Vues 360 en WebGL

1 novembre 2015 Non

Le site Mappy offre depuis 2011 des vues 360° des 320 villes plus grandes villes de France : MappyCar En effet, 2 voitures surnommées “MappyCar” (@earthmine02, @earthmine07) parcourent les rues des villes de France pour prendre des photos sous plusieurs angles. Historiquement… Historiquement, le composant chargé d’afficher les vues sur le site fr.mappy.com fût développé en Flash. Il était grand temps de mettre ce…

Par MAPPY