Las modificaciones en CSS no aparecen

En este artículo

Si estás modificando los archivos CSS de tu sitio web y has limpiado la caché WP Rocket pero no ves los cambios en seguida, es a causa de la caché del navegador. Te darás cuenta de que, no importa cuántas veces vayas a limpiar la caché WP Rocket, siempre verás el viejo archivos. El nuevo aparecerá solo despúes haber limpiado la caché del navegador.

Caché del navegador

Para hacerte una idea más detallada sobre el funcionamiento de la caché del navegador, te aconsejamos la lectura de este artículo: https://wp-rocket.me/blog/browser-caching-explained-in-plain-english/

Aquí te damos una explicación rápida de lo que pasa:

Supone de tener un archivo style.css

Cuando visitas tu sitio web, tu navegador descarga el mismo archivo y guarda una copia en su caché local, que  puede ser en tu ordenado o en el navegador pero no en la caché WP Rocket.

Cuando actualizas ese archivo CSS, es necesario comunicar a tu navegador que el archivo ha sido actualizado. Si no lo hacer, tu navegador dirá " Ya tengo ese style.css, no necesito descargarlo otra vez...¡aquí lo tienes!" y te presentará la vieja versión del archivo.

Para evitar este comportamiento, normalmente los archivos incluyen un número de versión como:

style.css?ver=1

Cuando ese acrhivos será actualizado, su número de versión se convertirá en style.css?ver=1.1
Esto permite al navegador de saber cuando descargar la nueva versión del archivo en vez de usar la vieja: este procedimiento se llama cache busting.

Cómo ignorar la caché del navegador (cache busting)

La cosa más importante por hacer es asegurarse que el número de versión esté actualizado. Para hacerlo, es suficiente cambiar el número de versión al principio de tu hoja de estilo después de cualquier cambio:

Esta versión se reflejará en una nueva query string, y hará que el navegador descargue una nueva versión.

Si usas la opción WP Rocket para los Recursos Estáticos in WP Rocket, la actualización de la hoja de estilo hará que el plugin genere una nueva versión del archivo al cual se aplicará el cache busting sin query string: esto evitará la caché del navegador. 

De hecho, nuestra opción Recursos Estáticos, incluye el número de versión dentro del nombre del archivo, justamente para ignorar la caché del navegador. Si estás usando un plugin diferente para suprimir los query string de tus archivos, asegúrate que no lo esté haciendo de manera incorrecta: mucho de esos plugins no se preocupan de aplicar el cache busting, así que no tendrías que usarlos ;)

Si usas la opción de Minificación CSS en WP Rocket, esto te servirá también para ignorar la caché del navegador: el nombre del archivo minificado cambia después de cada limpieza y reconstrucción de la caché. Sin embargo, esto funciona solamente cuando la caché está activa. De esta manera, si no has habilitado la caché para usuarios conectados y estás conectado a WordPress, podrías ver todavía el viejo archivo CSS; al contrario, cuando no estás conectado y tienes la minificación activa, verás la versión actualizada del archivo.

NOTA: Si usas otros niveles de caché como Cloudflare, Sucuri's CloudProxy o un servicio CDN, es posible que tengas que limpiar esa caché para ver las últimas actualizaciones del CSS.

Temas Únicos - Genesis, X Theme etc

Cuando usas ciertos temas como Genesis y sus temas hijos, tienes que hacer algo distinto para actualizar la versión de la hoja de estilo. 
Cuando usas un tema hijo de Genesis, el número de versión en el query string se refiere a la versión del tema padre. Esto es un problema porqué aunque actualices la versión del tema hijo, el query string no va a cambiar.

Entonces lo que tienes que hacer con Genesis, es añadir esta línea de código al archivo functions.php y luego actualizar el número de versión ahí, en vez que en la hoja de estilo:


define( 'CHILD_THEME_VERSION', '2.1.8' );

Con el X Theme tienes que hacer algo similar, los detalles se encuentran aquí: 
https://theme.co/apex/forums/topic/cache-busting-child-theme-stylesheet-custom-version-query-string/