Rendre un site plus rapide sans tout refaire
Mon site mettait un temps fou à s'afficher, et je n'avais aucune envie de tout reprendre. J'ai commencé par lire quelques articles sur Emidev pour comprendre par où attaquer. Le premier chantier n'a rien eu de technique : les images.
J'avais envoyé des photos pleine résolution, celles de l'appareil, sans les retoucher. Chacune pesait plus lourd que tout le reste de la page réuni. Je les ai redimensionnées à la taille où elles s'affichent vraiment. Résultat : la page s'ouvre avant que j'aie le temps de m'énerver.
Ensuite, les scripts. J'en avais empilé trois pour des animations dont personne ne s'est jamais plaint de l'absence. J'en ai gardé un. La page ne fait plus de jolies choses au chargement, et personne ne l'a remarqué.
Tester sur téléphone a été la claque. Sur mon grand écran, tout allait vite, avec une bonne connexion. Sur un vieux téléphone, avec une connexion moyenne, dans un train, la même page mettait tellement longtemps que j'ai eu le temps de me demander si je n'avais pas tout cassé, alors que la page était exactement la même. C'est là que j'ai compris que je ne testais pas dans de vraies conditions.
Le cache, je n'y croyais pas. J'ai mis en place un cache simple côté serveur et mes pages suivantes se sont chargées sans repasser par la case calcul. Ça se voit tout de suite quand on recharge une page déjà vue.
Le plus utile a été de mesurer avant et après. Pas à l'œil. Un chrono, les mêmes pages, le même téléphone. Avant, mon navigateur me donnait un chiffre que je trouvais absurde. Après, un chiffre que j'étais presque fier de regarder.
- Art
- Causes
- Crafts
- Dance
- Drinks
- Film
- Fitness
- Food
- Παιχνίδια
- Gardening
- Health
- Κεντρική Σελίδα
- Literature
- Music
- Networking
- άλλο
- Party
- Religion
- Shopping
- Sports
- Theater
- Wellness