Green Arrow France aussi rapide que Flash
Lu 5061 fois
Posté par Rodney le 11/04/2016 à 22:40
Catégorie: Green Arrow France
Bonjour à tous,
J'ai le plaisir de vous annoncer qu'une série d'optimisations ont été faites sur le site et que Green Arrow France et par conséquent nous sommes désormais le site français le plus optimisé sur la série Arrow. Pour se rapprocher de la série Flash, on peut dire qu'on est le site Arrow le plus rapide en vie (The fastest man alive).
Je vais détailler tous les changements que nous avons mis en place pour les gens que cela intéressent, mais en soit tout ce que vous avez à savoir c'est que nous avons fait le maximum pour que le site soit le plus rapide possible et surtout qu'il consomme le moins de data possible.
Et oui, je pense que cela fera plaisir à pas mal de monde d'économiser un peu de sa 3G/4G pour éviter d'exploser son forfait en quelques visites. Quand on voit que des sites continuent de vous faire charger des énormes images et des ressources non optimisées, c'est démoralisant. Quoiqu'il en soit, que vous ayez un petit forfait data ou un énorme, Green Arrow France ne pompera que le nécessaire.
Si vous êtes amateurs de chiffres, voici une infographie pour illustrer notre travail de fond sur les optimisations:
Voici la liste des optimisations que nous avons faites, mais seul les Felicity qui se cachent parmi comprendront certainement toutes les détails techniques
- Validation du CSS: Un CSS sans erreurs est un CSS plus rapidement interprété par votre navigateur.
- Enlever les styles inline
- Optimisation des images: Mis en place d'une compression sur les images des news
- Différer l'exécution du javascript: le javascript est exécuté à la fin du chargement de votre page désormais
- Optimisation des polices (fonts): Compression du format woff des polices
- Corriger les attributs dimensions des images des news
- Minification des CSS et JS: les fichiers minifiés sont plus légers et donc plus rapides à télécharger
- Suppression des @import dans les CSS: tous les fichiers CSS ont été concaténés en un seul et unique fichier par media (écran, imprimante...)
- Supression de JQuery: Cette bibliothèque est beaucoup plus lente que le javascript natif, par conséquent nous avons recodé les parties qui l'utilisait. Et c'est un fichier de moins à télécharger pour vous.
D'autres petites optimisations ont été faites non liées aux performances comme par exemple la mise en place du sitemap.xml pour les moteurs de recherche, ou encore deux trois bugs que nous avons déniché sur le site.
Notre travail n'est pas terminé et il reste des petites choses à faire, mais un gros travail a été réalisé et le site s'en porte beaucoup mieux. Green Arrow France est au dessus de la moyenne en terme de performances et on en est fier.
Merci à tous nos lecteurs sans qui le site n'a pas de raison de vivre et pour lesquels on réalise tout ce code.
A bientôt.