Passionné de musique et de multimédia, j’ai lancé le site Digipolis.fr début 2020 pour assouvir mon envie de créer un comparateur d’offres qualitatif. Il a été conçu sur un WordPress personnalisé pour répondre aux besoins spécifiques du projet et intègre les données issues de 3 anciens sites. L’objectif est d’être léger, rapide et ergonomique pour valoriser les partenaires affilieurs.
Custom post types, custom taxonomies et custom fields
Pour offrir une expérience utilisateur optimale et faciliter la mise à jour des nombreuses informations à afficher, j’ai très largement fait appel à la famille « custom » de WordPress :
- custom post type « services » pour gérer les différents services en ligne ;
- custom taxonomy « acticité » pour distinguer les différents types d’offres (vidéo à la demande, streaming musical, cloud gaming, livres électroniques avec abonnement…).
- custom fields, dont plusieurs de type « repeater », pour gérer les caractéristiques, les formules d’abonnements ou encore la FAQ.
Cela permet de créer une mise en page épurée et tournée vers l’efficacité. Mais aussi d’intégrer facilement un balisage schema.org, comme pour la FAQ qui répond aux exigences du schema Question et remonte en conséquence dans les SERP google avec des rich snippets.
Thème sur-mesure à base de Bootstrap 4
Mon goût pour Bootstrap 4 s’est encore montré sous la forme d’un thème sur-mesure customisé à l’aide des fonctionnalités Sass de l’outil. Simple, efficace et léger, il se veut minimaliste dans le sens où il n’utilise qu’un nombre très limité de ressources externes.
Les images sont dès que possible au format .svg tandis que les icônes sont issues de la librairie Feather que j’utilise avec beaucoup de plaisir depuis la fin 2019. Les feuilles de style et scripts sont peu nombreux et les fichiers compressés avec Brotli. On atteint au final un poids moyen de 150 ko pour 25 requêtes et un Speed Index de 550.
L’ensemble permet d’atteindre des scores de performance exemplaires dans la plupart des outils de mesure : 99%-100% dans Page Speed (mobile) et Dareboost. L’objectif semble atteint ;)
Dernière mise à jour