Etiena passe à la version 3.0! Quelle différence?
Bienvenue sur la nouvelle version 3.0 d'Etiena.com. Une idée qui est née lors d'une formation individuelle qui m'a fait apprendre beaucoup de nouvelles choses et m'a aussi donné les outils nécessaires pour rendre ce site Web très performant Écrit entièrement "à partir de zéro", sans l'utilisation de CMS et de plugins associés ou de templates préexistants et même pas de réutilisation de code d'autres programmeurs.
Quoi de neuf?
La version précédente 2.0 était basée sur une structure CMS Wordpress, tandis que la version actuelle 3.0 a été méticuleusement écrite en HTML, CSS, JAVASCRIPT et PHP; ce qui permet au site d'être plus léger, plus rapide, plus fonctionnel et plus efficace. Voici quelques nouvelles:
- Technologie WAI-ARIA pour faciliter l'interaction aux utilisateurs handicapés
- Etiena.com est également une application Web progressive
- Service worker pour un téléchargement ultra rapide des données
- Réglage du contraste clair & foncé
La clé du succès
Le code dans cette version 3.0 a été optimisé et étudié en détail, voici quelques-uns des points les plus importants:
- Images et photographies au format WEBP
- Vidéos au format WEBM
- Balise picture avec attribut media pour télécharger que l'image apte au type de dispositif
- Utilisation de la méthodologie BEM pour les classes dans la structure HTML évitant ainsi l'abus de classes multiples, de balises redondantes et inutiles
- Technologie Service Worker pour une utilisation optimale du cache
- Icônes SVG locales préférées aux icônes externes chargées par CDN
Le défi 100% Google Lighthouse
Après avoir repensé et reécrit les pages de cette application Web, j'ai décidé d'utiliser Google Lighthouse comme test final. Google Lighthouse est un outil du "dev tool" de Google Chrome capable de mesurer la qualité des pages Web sous différents aspects.
Avec beaucoup de travail et de persévérance, je suis fier d'avoir obtenu les meilleurs scores de Google Lighthouse: 100% de performance, 100% d'accessibilité, 100% de pratiques d’excellence et 100% de SEO.