Cache del navegador, CDN e indicaciones de conexión
Tres ajustes no afectan a la generación de la página, sino a su entrega: cabeceras de caché de larga duración para los archivos estáticos, un host CDN en las direcciones de los assets y avisos tempranos de conexión para hosts de terceros. Surten efecto con independencia de que la cache de páginas esté en marcha.
Reglas de caché del navegador en el .htaccess
- La tarjeta «Caché del navegador (.htaccess)» está en el panel «Assets», debajo de los cuatro interruptores.
- Fíjate en la fila «Servidor»: las reglas solo surten efecto en Apache y LiteSpeed.
- Comprueba la fila «.htaccess grabable». Si ahí pone «no», la escritura falla con un aviso.
- Activa «Escribir reglas de caché del navegador». El bloque se escribe en el .htaccess del directorio de WordPress.
- Con «Escribir bloque» y «Eliminar bloque» puedes volver a colocar o quitar ese mismo bloque con independencia del interruptor.
Qué contiene el bloque
- Reglas Expires mediante mod_expires para CSS, JavaScript, PNG, JPEG, GIF, WebP, AVIF, SVG, iconos y WOFF2, un año en cada caso
- Una cabecera Cache-Control mediante mod_headers para los mismos tipos de archivo, más WOFF, TTF y OTF
- Compresión mediante mod_deflate para HTML, texto, CSS, JavaScript, JSON y SVG
Header set Cache-Control "public, max-age=31536000, immutable"Reescribir las direcciones de los assets a un CDN
- En el grupo «Optimización» (en alemán: „Optimierung“), abre el apartado «CDN».
- Activa «Entrega por CDN activa».
- En «URL base del CDN» introduce la dirección del host del CDN; debe reflejar las mismas rutas que el sitio.
- Después, en la tarjeta «Vista previa» aparece un ejemplo de cómo queda una dirección reescrita.
Solo se reescriben direcciones del propio sitio y únicamente recursos estáticos: CSS, JavaScript, imágenes, fuentes y algunos archivos de vídeo y PDF. Afecta a los scripts y estilos incluidos, a las direcciones de los adjuntos y a src, href y srcset dentro del contenido. No se sube nada al CDN: los archivos ya deben estar disponibles allí.
dns-prefetch y preconnect
En el panel «Preload» (título «Preload / Conexiones») puedes guardar los hosts con los que el navegador debe contactar pronto: «Hosts dns-prefetch» solo resuelve el nombre, «Hosts preconnect» establece además la conexión. Un host por línea; las entradas se enganchan mediante el filtro de WordPress para los resource hints y, al hacerlo, se eliminan los duplicados.