Prefetch, preconnect et dns-prefetch : guide pratique
Hints de ressources pour accélérer les connexions critiques. Ce guide regroupe les bonnes pratiques que nous appliquons chez GothamDev pour nos clients en France et à l'international — sans jargon inutile.
1. preconnect
Utilisez preconnect pour 2–3 origines critiques max (CDN fonts, API paiement). Trop de preconnect = gaspillage.
Exemple : <link rel="preconnect" href="https://cdn.example.com" crossorigin>.
Un site lent ou mal structuré pénalise directement votre positionnement Google : nous visons un score Lighthouse mobile supérieur à 90 sur nos livraisons vitrine, landing et refonte.
2. dns-prefetch vs prefetch
dns-prefetch : résolution DNS seulement. prefetch : charge la ressource en avance (page suivante probable).
prefetch utile pour la page « contact » si 40 % des visiteurs y vont depuis l'accueil.
Le maillage interne compte autant que les mots-clés : reliez services, études de cas, articles de blog et pages villes pour concentrer l'autorité SEO vers vos pages qui convertissent.
3. Synthèse : plan d'action 30 jours
Appliquez ce guide par étapes — pas tout en même temps. Mesurez une métrique par semaine (trafic organique, appels, ventes, FPS serveur…) pour savoir ce qui fonctionne.
GothamDev peut prendre en charge tout ou partie de ce plan : audit initial gratuit, devis transparent et livrables testés avant mise en production.
- Semaine 1 : audit URLs, objectifs, benchmark concurrents locaux
- Semaine 2 : arborescence, wireframes, rédaction des textes clés
- Semaine 3 : développement, intégrations, tests mobile
- Semaine 4 : SEO technique, Search Console, mise en ligne + suivi 30 jours
Questions fréquentes
Pour qui est ce guide ?
PME, fondateurs et équipes web qui veulent des résultats mesurables.
GothamDev peut m'aider ?
Oui — audit et accompagnement sur gothamdev.fr/contact.html.
Ce guide s'adresse-t-il aux TPE et artisans ?
Oui. La majorité de nos clients sont des structures locales ou en remote qui veulent un site crédible et des demandes de contact qualifiées.
Passer à l'action
Vous voulez aller plus loin sur « Prefetch, preconnect et dns-prefetch » ? Parlons-en.