Quand je dois accélérer un site rapidement — sans plonger dans le code ou demander un dev — Cloudflare est souvent ma première arme. Bien configuré, Cloudflare peut doubler la vitesse perçue par vos visiteurs : pages qui s'affichent plus vite, images optimisées, latence réduite grâce au CDN, et même mise en cache des pages HTML. Ici je vous partage la méthode que j'utilise, étape par étape, pour obtenir de vrais gains sans toucher aux fichiers du site.
Pourquoi Cloudflare améliore la vitesse perçue (sans coder)
Avant de passer aux réglages, comprenons rapidement ce que Cloudflare fait pour le ressenti utilisateur :
Réseau CDN global : le contenu est servi depuis des serveurs proches de l'utilisateur, donc moins de latence.Mise en cache au niveau edge : on peut mettre en cache des ressources statiques mais aussi, grâce aux règles, du HTML.Optimisations automatiques : compression Brotli, HTTP/2 ou HTTP/3, minification côté edge, Polish pour les images.Routage intelligent et résilience : Argo (option payante) réduit la latence par meilleur routage.Ces leviers agissent sur le perceived performance — ce que l'utilisateur voit — souvent plus sensible que des millisecondes de TTFB sur un serveur d'origine.
Avant de commencer — 3 vérifications rapides
Vous avez accès au compte Cloudflare ou pouvez en créer un et changer les serveurs DNS de votre domaine.Votre hébergeur autorise l'utilisation d'un CDN (la plupart le permettent).Vous savez où tester les performances (Lighthouse, WebPageTest, GTmetrix). Je recommande de prendre un test avant et un après pour mesurer l'impact.Étapes pratiques dans l'interface Cloudflare
Ces instructions partent du principe que votre domaine est déjà ajouté à Cloudflare et que les nameservers sont changés. Si ce n'est pas le cas, la première étape est d'ajouter le domaine et suivre les instructions de Cloudflare pour mettre à jour les nameservers.
1. DNS — Proxifier les entrées importantes
Dans l'onglet DNS, activez le nuage orange (Proxy) sur les entrées A/AAAA et CNAME correspondant au site principal. Cela active le CDN et les protections sans modifier votre site.Laisser les sous-domaines d'API ou d'e-mails (ex : mail) en proxy off si nécessaire.2. SSL/TLS — choisir le bon mode
Allez dans SSL/TLS et choisissez Full (strict) si votre serveur a un certificat valide. C'est le plus sûr. Sinon Full fonctionne aussi mais moins strict.Activez TLS 1.3 si disponible — meilleure performance pour handshakes.3. Optimisations réseau et Protocole
Dans Network, activez HTTP/2 et HTTP/3 (Quic) si disponibles. Ces protocoles améliorent les connexions multiplexées et réduisent les temps de chargement.Activez Brotli (compression) dans Speed → Optimization. Brotli compresse mieux que gzip et est transparent pour le site.4. Cache et Page Rules — le vrai levier sans toucher au code
Voici la configuration qui a le plus gros impact sans modifier le serveur :
Dans Caching, mettez Browser Cache TTL à 1 semaine ou plus pour les ressources statiques si vous contrôlez leur versionnement (par ex. images, CSS/JS). Attention aux ressources fréquemment modifiées.Activez Always Online (permet d’afficher une version en cache si l’origine est down).Créez des Page Rules pour forcer la mise en cache au niveau edge :| Règle | Action |
| example.com/* | Cache Level: Cache Everything |
| example.com/* | Edge Cache TTL: 1 day (ou plus selon votre fréquence de mise à jour) |
Remplacez example.com par votre domaine. Cache Everything permet de mettre en cache la page HTML sur les serveurs Cloudflare, ce qui transforme le site en quasi-site statique côté visiteurs.
Si vous ne pouvez pas toucher aux en-têtes d'origine, utilisez Origin Cache Control: Off et laissez Cloudflare imposer ses TTL via Page Rules.5. Optimisations front (sans code)
Dans Speed → Optimization, activez Auto Minify pour HTML, CSS et JavaScript. Cela réduit la taille des fichiers servies depuis le edge.Testez Rocket Loader — il peut améliorer l'affichage perçu en mettant en file d'attente le JS non essentiel. Mais attention : il peut casser certains scripts. Activez-le sur un site de test avant en production.Activez Polish pour optimiser les images (lossless ou lossy). Polish est payant mais très efficace. À défaut, Brotli + CDN aide déjà beaucoup.6. Features spécifiques WordPress et autres CMS
Si vous utilisez WordPress, activez Automatic Platform Optimization (APO) de Cloudflare (option payante). APO met en cache la page HTML intégralement au edge et offre des gains massifs sans plugin lourd. Cloudflare propose aussi un plugin officiel à activer côté WP, mais techniquement l'APO fonctionne même sans modification du thème.Si vous n'êtes pas sous WordPress, utilisez toujours les Page Rules (Cache Everything) et un bon Edge Cache TTL.7. Options avancées mais accessibles
Argo Smart Routing : option payante qui optimise le routage réseau pour réduire latence.Image Resizing et Mirage : optimisent la livraison d’images selon l’appareil. Utile si vous avez beaucoup d’images et pas de solution côté serveur.Mesurer les gains — ce que je regarde
Avant/après, je lance toujours :
Lighthouse (via Chrome DevTools) : regarder FCP, LCP, Speed Index.WebPageTest : visualiser le filmstrip et Speed Index.GTmetrix : comparatif global.Concrètement, la mise en cache HTML au niveau edge + Brotli + HTTP/3 fait souvent chuter le LCP de plusieurs centaines de millisecondes et réduit le Speed Index, ce qui double souvent la vitesse perçue.
Précautions et tests
Ne mettez pas Cache Everything sans tester : pour les sites avec sessions utilisateurs (ex : panier), configurez des exceptions par Page Rules (ex: /cart* bypass cache).Après chaque changement, purgez le cache depuis Cloudflare (Cahce → Purge) et faites des tests en navigation privée pour éviter le cache navigateur local.Surveillez les erreurs 502/504 après activation — parfois l’origine nécessite des ajustements d’IP ou de certificats.Si vous voulez, je peux regarder vos réglages Cloudflare et vous proposer une checklist personnalisée. Indiquez simplement l'URL, l'accès (si nécessaire) et vos contraintes (ex : site dynamique avec connexions utilisateurs).
