Dubourget.fr : création d’un site WordPress sur-mesure avec un score Google PageSpeed maximisé

Quand Dubourget Services, spécialiste reconnu de l’assainissement, du curage et du nettoyage industriel en Oise et Île-de-France, nous a confié la création de son site internet, l’enjeu était clair : bâtir une vitrine digitale sérieuse et rapide, capable de refléter l’expertise d’un acteur industriel de référence tout en performant techniquement face à Google. Avec WordPress comme CMS et un thème développé sur-mesure à partir de bases légères, nous avons livré un site qui allie flexibilité éditoriale, design professionnel et score Google PageSpeed maximisé. Voici comment.

Qui est Dubourget Services ?

Le brief : les enjeux du projet

Dubourget Services avait besoin d’un site à la hauteur de son positionnement professionnel. L’ancien site ne rendait pas justice à la diversité des expertises de l’entreprise, manquait de clarté pour orienter les différents profils de visiteurs (particulier cherchant une vidange, responsable industriel cherchant un prestataire ATEX) et affichait des performances techniques insuffisantes. Les attentes étaient précises :

Pourquoi WordPress avec un thème développé sur-mesure depuis une base légère ?

WordPress est le CMS le plus utilisé au monde — et pour de bonnes raisons. Mais WordPress mal utilisé, c’est aussi un CMS qui peut être lent, lourd et difficile à maintenir. La clé d’un site WordPress performant réside dans les choix de développement, pas dans le CMS lui-même.

Le piège des thèmes premium et des page builders

La grande majorité des sites WordPress sont construits sur des thèmes premium (Divi, Avada, Elementor…) qui embarquent des centaines de fonctionnalités inutiles pour le projet, génèrent des dizaines de fichiers CSS et JS supplémentaires, et produisent un code HTML verbeux et difficile à optimiser. Résultat : des scores PageSpeed médiocres malgré un design correct.

Notre approche : thème sur-mesure à partir de bases légères

Pour Dubourget, nous avons choisi une approche radicalement différente : développer un thème enfant sur-mesure à partir d’une base minimaliste, en ne chargeant que ce dont le site a réellement besoin. Pas de CSS inutilisé, pas de scripts superflus, pas de fonctionnalités fantômes qui alourdissent chaque page. Chaque ligne de code a une raison d’être.

Critère	Thème premium + page builder	Thème sur-mesure base légère
CSS chargé	200–400 Ko (dont 80% inutilisé)	15–40 Ko (100% utile)
JavaScript	150–300 Ko de scripts tiers automatiques	Uniquement ce dont la page a besoin
Requêtes HTTP	40–80 requêtes par page	10–25 requêtes par page
Score PageSpeed Mobile	30–55 typiquement	80–95 atteignable
Maintenabilité	Dépendante du thème tiers et de ses mises à jour	Code maîtrisé, indépendant, documenté
Flexibilité éditoriale	Figée par l’interface du page builder	Blocs Gutenberg sur-mesure, autonomie totale

Un thème WordPress sur-mesure, c’est comme une maison construite selon vos plans — pas une maison témoin où vous devez vous adapter à ce qui a déjà été construit pour tout le monde.

— Équipe développement Pixellescence, Caen

Phase 1 – Direction artistique & design professionnel

Un prestataire industriel comme Dubourget Services s’adresse à des clients très différents : le particulier qui cherche une vidange urgente, le responsable technique d’une collectivité, le directeur d’usine qui a besoin d’un prestataire ATEX certifié. Le design doit inspirer confiance immédiatement à chacun de ces profils.

🎨 Les partis pris visuels

Charte graphique industrielle et sérieuse. Nous avons travaillé une palette sobre fondée sur les couleurs de l’identité Dubourget — teintes sombres et professionnelles, accents colorés pour les éléments d’action clés. Une typographie lisible et hiérarchisée qui guide l’œil sans effort, adaptée aux contextes de lecture rapide (un professionnel pressé, un artisan sur le terrain).

Hero section orientée urgence et réassurance. Le bandeau principal affiche immédiatement l’essentiel : la spécialité de l’entreprise, la disponibilité 24h/24 et le numéro de téléphone en évidence. En quelques secondes, le visiteur sait qu’il est au bon endroit et comment agir — qu’il soit en pleine urgence industrielle à 2h du matin ou en train de préparer un appel d’offres.

Navigation par profil utilisateur. La page d’accueil propose une navigation segmentée « Vous êtes particulier / professionnel / collectivité » qui oriente chaque visiteur vers les services qui le concernent, réduisant le nombre de clics avant la conversion et améliorant le taux d’engagement.

Pages services structurées. Chacune des 12 expertises dispose de sa propre page de service, conçue avec la même structure : description métier, cas d’usage, secteurs concernés, certifications associées, et appel à l’action vers le contact. Une cohérence qui facilite la navigation et renforce le référencement de chaque page sur ses requêtes propres.

Blocs de réassurance omniprésents. Certifications (normes environnementales, qualifications professionnelles), équipements spécialisés, zone d’intervention, astreinte 24h/24 — ces éléments de réassurance sont intégrés stratégiquement sur l’ensemble du site, pas seulement sur la page d’accueil.

📐 Maquettes Figma avant tout développement

Comme pour chaque création de site internet à Caen, nous livrons les maquettes desktop et mobile sur Figma avant d’écrire une ligne de code. Dubourget a pu valider chaque page — accueil, services, qui sommes-nous, certifications, équipement, réalisations, contact — en amont du développement, avec des retours intégrés en temps réel.

Phase 2 – Développement & intégration WordPress

La phase de développement a été guidée par un principe unique : ne coder que ce qui est utile, et le coder bien. Voici les éléments structurants du développement réalisé pour dubourget.fr.

⚙️ Stack technique

Composant	Solution retenue	Rôle et bénéfice
CMS	WordPress (dernière version stable)	Autonomie éditoriale complète pour l’équipe Dubourget
Thème	Thème sur-mesure base légère	Zéro CSS/JS inutile, performance maximale
Éditeur de contenu	Gutenberg natif + blocs personnalisés	Édition intuitive sans dépendance à un page builder tiers
CSS	CSS natif + custom properties	Pas de framework CSS superflu, design-system cohérent
JavaScript	Vanilla JS minimal	Interactions légères (menu mobile, slider services) sans jQuery
Images	WebP + lazy load natif	Images jusqu’à 50% plus légères, chargement différé hors-viewport
Formulaire	Contact Form 7 (léger)	Chargé uniquement sur la page contact — pas sur toutes les pages
Hébergement	Hébergement WordPress optimisé	PHP 8.x, OPcache, HTTPS, sauvegardes quotidiennes

🛠️ Développements spécifiques

• 🔧 Blocs Gutenberg sur-mesure : bloc « grille de services », bloc « témoignage », bloc « réassurance », bloc « équipe », bloc « zone d’intervention » — tous éditables visuellement par le client sans coder
• 📄 Custom Post Types : « Services », « Réalisations », « Certifications », « Équipements » — chaque entité métier a son propre type de contenu dans WordPress, avec ses champs spécifiques
• 📱 Header sticky et numéro d’urgence toujours visible : sur mobile, le numéro 03 44 56 51 69 reste accessible en permanence via un bouton d’appel collant — critique pour une entreprise qui reçoit des urgences industrielles
• 🗺️ Page zones d’intervention : carte interactive des zones couvertes (Oise, Île-de-France, région parisienne), éditables depuis le back-office
• 📸 Galerie réalisations : portfolio photo des interventions par catégorie de service, avec lightbox native légère
• ⚡ Scripts tiers chargés de manière conditionnelle : Google Analytics, scripts de chat ou de formulaire chargés uniquement quand nécessaire et en mode différé

🔓 L’autonomie client : un vrai back-office WordPress

L’un des grands atouts de cette approche sur-mesure : Dubourget gère son site en totale autonomie. Mettre à jour un service, ajouter une réalisation, modifier les zones d’intervention, publier une actualité — tout se fait depuis l’interface WordPress standard, sans jamais toucher au code. Une formation à la prise en main a été assurée lors de la livraison.

Phase 3 – Maximisation du Google PageSpeed sur WordPress

Obtenir un score Google PageSpeed élevé sur un site WordPress n’est pas le résultat d’une astuce ou d’un plugin magique — c’est la conséquence directe d’une série de décisions architecturales prises dès la conception. Voici l’intégralité des optimisations réalisées pour dubourget.fr.

🏗️ La base : un thème léger comme fondation

Le choix d’un thème développé sur-mesure est la décision la plus impactante sur les performances. Sans page builder, sans thème premium chargé de fonctionnalités inutiles, le HTML généré est propre, sémantique et minimal. Le navigateur a moins de travail à faire pour afficher la page — et ça se voit directement sur le score Lighthouse.

🖼️ Images : WebP, dimensions, lazy load et preload

• Format WebP pour toutes les images : 30 à 50 % plus léger que JPEG à qualité équivalente, supporté par tous les navigateurs modernes
• Attributs width et height explicites sur chaque balise <img> — essentiel pour éviter le CLS (décalage de mise en page qui fait sursauter la page)
• loading="lazy" natif HTML sur toutes les images hors-viewport — le navigateur ne les charge que quand il en a besoin
• <link rel="preload"> sur l’image hero above-the-fold pour accélérer le LCP (Largest Contentful Paint)
• Compression optimisée : qualité ajustée par type d’image (photographie terrain vs illustration graphique)

📦 CSS et JavaScript : charge minimale, chargement intelligent

• CSS inline pour le contenu critique (above-the-fold) : les styles nécessaires au premier affichage sont inlinés dans le <head>, le reste est chargé de façon asynchrone — aucun blocage du rendu
• Pas de jQuery sur le site : toutes les interactions (menu hamburger, slider services, lightbox) sont implémentées en Vanilla JS — quelques dizaines d’octets au lieu de 90 Ko
• Defer et async sur tous les scripts non critiques
• Scripts de tracking (Google Analytics) chargés en mode non-bloquant avec consentement RGPD
• Contact Form 7 chargé uniquement sur la page contact — pas sur toutes les pages du site comme c’est souvent le cas par défaut
• CSS minifié et concaténé : un seul fichier CSS en production, zéro feuille de style superflue

🖥️ Serveur et infrastructure

• PHP 8.x avec OPcache activé : le code PHP est précompilé et mis en mémoire, réduisant drastiquement le temps d’exécution côté serveur
• Cache de pages statiques : les pages WordPress sont mises en cache sous forme de HTML statique — le serveur ne génère le HTML qu’une fois, puis le sert directement sans exécuter PHP ni interroger la base de données
• GZIP / Brotli activé sur tous les assets textuels (HTML, CSS, JS) — réduction de 70 à 80 % du poids transféré
• HTTPS / TLS avec certificat SSL — obligatoire pour la confiance et la sécurité, signal positif pour Google
• DNS et TTL optimisés pour minimiser le temps de résolution DNS

📊 Résultats PageSpeed obtenus

Phase 4 – SEO technique et on-page

Un site rapide est un prérequis SEO. Mais la vitesse seule ne suffit pas. Pour dubourget.fr, une stratégie SEO on-page complète a été déployée dès la mise en ligne.

• Architecture de pages en silo : chaque service dispose de sa propre page, optimisée sur sa requête principale (ex : « nettoyage industriel Oise », « dégazage cuve fioul 60 »)
• Balises title et meta description uniques et optimisées sur chaque page de service
• Structure Hn cohérente : H1 unique par page, H2/H3 structurant le contenu de façon logique pour Google et l’utilisateur
• Données structurées Schema.org : LocalBusiness avec adresse, numéro de téléphone, zone de service et horaires d’ouverture — éligible aux rich snippets locaux
• Maillage interne entre les pages de services, les réalisations et les pages par profil utilisateur
• Sitemap XML soumis à Google Search Console dès la mise en ligne
• Robots.txt configuré pour exclure les pages administratives et les URLs à paramètres
• Core Web Vitals dans le vert : LCP, INP (anciennement FID) et CLS — les trois métriques de classement Google depuis 2021
• Balisage ARIA et attributs alt sur toutes les images — accessibilité et SEO combinés

Le résultat : dubourget.fr, un site WordPress qui performe

Le site dubourget.fr est aujourd’hui une vitrine digitale professionnelle qui reflète fidèlement l’expertise et le sérieux de Dubourget Services — rapide, claire, mobile-first, et optimisée pour Google dès sa mise en ligne.

🔗 Visitez le site : dubourget.fr