valmex

Estrategia de caché con SiteGround + Elementor (Compartida)

Resumen

Describe el conflicto entre caching de SiteGround/SG Optimizer y la regeneración de CSS/JS de Elementor; las opciones evaluadas y la solución estándar para evitar estilos desactualizados.

---

1. Contexto

• Cambios en Elementor generan nuevos archivos en /wp-content/uploads/elementor/css/ y .../js/.
• SiteGround sirve estáticos desde caché (NGINX Direct Delivery) y los navegadores también cachean.
• Sin invalidación adecuada, algunos usuarios reciben estilos antiguos hasta forzar recarga.

2. Señales en encabezados

• Estáticos (CSS/JS): típicamente x-proxy-cache: HIT.
• HTML dinámico: sg-f-cache: BYPASS o x-proxy-cache: MISS bajo ciertas condiciones (usuarios logueados, cookies, etc.).

3. Opciones evaluadas

• Versionado automático de archivos (File Versioning).
• Regeneración y ajustes en Elementor.
• Exclusión de rutas de Elementor de la caché dinámica.
• Desactivar minify/combine CSS/JS en SG Optimizer para evitar duplicar optimizaciones.

4. Solución estándar adoptada

1. Activar File Versioning en SG Optimizer.
2. Mantener caché dinámica activada con purga automática.
3. Desactivar minify/combine CSS/JS en SG Optimizer cuando Elementor administre los estilos.
4. Regenerar CSS desde Elementor tras cambios relevantes.

5. Procedimiento operativo (resumen)

1. Aplicar cambios en Elementor.
2. Elementor → Herramientas → Regenerar archivos CSS.
3. SG Optimizer → Purgar caché.
4. Site Tools → Purgar caché dinámica (si aplica).
5. Validar en incógnito.

6. Diagrama de flujo

graph TD;
    A[Inicio] --> B{¿Cambio en Elementor?}
    B -- No --> Z[No se requiere acción]
    B -- Sí --> C[Regenerar CSS en Elementor]
    C --> D[Purgar caché SG Optimizer]
    D --> E[Purgar Caché Dinámica (Site Tools)]
    E --> F{¿Se modificaron CSS/JS personalizados?}
    F -- No --> H[Fin]
    F -- Sí --> G[Verificar File Versioning activo]
    G --> H[Fin]