Caché para dispositivo móviles: vista escritorio en lugar de vista móvil

Si tu sitio web está hospedado en un servidor NGINX y habilitas la opción dedicada a la caché para dispositivo móviles en WP Rocket ( Crea un fichero de caché para los usuarios que navegan desde móvil), podrías ver los siguientes malos comportamientos:

  • Cuando accedes a la página primeramente desde el escritorio, la caché escritorio se presenta también a los dispositivos móviles —de manera incorrecta, ya que WP Rocket debería crear una caché dedicada para dispositivos móviles y servirla a las pantallas pequeñas.
  • Cuando accedes a la página primeramente desde un dispositivo móvil, la versión correcta para móviles se copiará en la caché y será utilizada para los mismos dispositivos, mientras en el escritorio verás la correcta versión desktop. 

La causa de este mal comportamiento es que WP Rocket no puede automaticamente suprimir las reglas de re-escritura para habilitar la detección móvil en NGINX como haría en un servidor Apache. 

Para solucionar el asunto, tendrás que modificar tu configuración NGINX

Siempre y cuando estés usando la configuración NGINX recomendad para WP Rocket, puedes sencillamente cambiar el valor en la Línea 23 de tu archivo de configuración a 0 (a pesar de la línea precedente que dice “Do not alter theses values”):

# Do not alter theses values
#
set $rocket_bypass 0;    # Should NGINX bypass WordPress and call cache file directly?

Esto es basicamento lo que WP Rocket hace para Apache, pero traducido para NGINX.

Consejo: Puedes usar tan sencillamente una extensión Chrome para determinar si tu sitio está hospedado en NGINX o menos.

HTTP Headers Chrome Extension displaying header info