Cache navigateur, CDN et indications de connexion
Trois réglages ne concernent pas la génération des pages, mais leur diffusion : des en-têtes de cache à longue durée de vie pour les fichiers statiques, un hôte CDN dans les adresses des assets et des indications de connexion anticipées pour les hôtes tiers. Ils agissent indépendamment du fait que le cache de pages tourne ou non.
Règles de cache du navigateur dans le .htaccess
- La carte « Cache du navigateur (.htaccess) » se trouve dans le panneau « Assets », sous les quatre interrupteurs.
- Regarde la ligne « Serveur » : les règles n'agissent qu'avec Apache et LiteSpeed.
- Vérifie la ligne « .htaccess accessible en écriture ». Si elle indique « non », l'écriture échoue avec un message.
- Active « Écrire les règles de cache du navigateur ». Le bloc est écrit dans le .htaccess du répertoire WordPress.
- « Écrire le bloc » et « Supprimer le bloc » permettent de réécrire ou de retirer ce même bloc indépendamment de l'interrupteur.
Ce que contient le bloc
- Des règles Expires via mod_expires pour CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, icônes et WOFF2, un an à chaque fois
- Un en-tête Cache-Control via mod_headers pour les mêmes types de fichiers, plus WOFF, TTF et OTF
- Une compression via mod_deflate pour HTML, texte, CSS, JavaScript, JSON et SVG
Header set Cache-Control "public, max-age=31536000, immutable"Réécrire les adresses des assets vers un CDN
- Dans le groupe « Optimisation » (en allemand : „Optimierung“), ouvre l'entrée « CDN ».
- Active « Diffusion CDN active ».
- Saisis dans « URL de base du CDN » l'adresse de l'hôte CDN ; elle doit refléter les mêmes chemins que le site.
- La carte « Aperçu » affiche ensuite un exemple de ce à quoi ressemble une adresse réécrite.
Seules les adresses du site lui-même sont réécrites, et uniquement les ressources statiques : CSS, JavaScript, images, polices ainsi que quelques fichiers vidéo et PDF. Sont concernés les scripts et les styles chargés, les adresses des fichiers joints ainsi que src, href et srcset dans le contenu. Aucun téléversement vers le CDN n'a lieu, les fichiers doivent déjà y être accessibles.
dns-prefetch et preconnect
Dans le panneau « Preload » (titre « Preload / Connexions »), vous pouvez enregistrer les hôtes que le navigateur doit contacter tôt : « Hôtes dns-prefetch » se contente de résoudre le nom, « Hôtes preconnect » établit en plus la connexion. Un hôte par ligne ; les entrées sont accrochées via le filtre WordPress pour les resource hints et dédoublonnées au passage.