Caché del navegador

La caché del navegador te permite agilizar tu sitio web porqué almacena localmente los archivos en el navegador te tu usuario.

De esta manera, la cantidad de datos que el navegador del usuario tiene que cargar y el número de peticiones HTTP, se reducen.

NOTA: La caché del navegador se puede aplicar solamente a los archivos servidos desde tu propio dominio, NO a los de terceras partes como Facebook, Google, etc

Como funciona la caché del navegador

Una buen explicación es la que da  GTMetrix:

La caché del navegador funciona marcando algunas páginas, o parte de ellas, e indicando que tienen que ser actualizadas a intervalos distintos. El logo de tu sitio web, por ejemplo, dificilmente cambiará cada día. Almacenando en la caché la imagen del logo, podemos decir al navegador del usuario que tiene que descargar esa imagen solo una vez a la semana. Cada visita que el usuario hará dentro de esa semana, no requerirá una nueva descarga de la imagen del logo.

Si el servidor web dice al navegador de almacenar esos ficheros y no volver a descargarlos, tus usuarios ganarán tiempo en descargar tu página y tu servidor web ganará en ancho de banda.

Cómo aprovechar de la caché navegador con WP Rocket

Para habilitar la caché navegador con  WP Rocket, todo lo que tienes que hacer es instalarlo y activarlo. Aquí es donde empieza la magia. WP Rocket establecerá fechas de expiración para cierto tipo de ficheros y modificará tu archivo .htaccess con estas reglas:

# Expires headers (for better cache control)
<IfModule mod_expires.c>
ExpiresActive on
# Perhaps better to whitelist expires rules? Perhaps.
ExpiresDefault                          "access plus 1 month"
# cache.appcache needs re-requests in FF 3.6 (thanks Remy ~Introducing HTML5)
ExpiresByType text/cache-manifest       "access plus 0 seconds"
# Your document html
ExpiresByType text/html                 "access plus 0 seconds"
# Data
ExpiresByType text/xml                  "access plus 0 seconds"
ExpiresByType application/xml           "access plus 0 seconds"
ExpiresByType application/json          "access plus 0 seconds"
# Feed
ExpiresByType application/rss+xml       "access plus 1 hour"
ExpiresByType application/atom+xml      "access plus 1 hour"
# Favicon (cannot be renamed)
ExpiresByType image/x-icon              "access plus 1 week"
# Media: images, video, audio
ExpiresByType image/gif                 "access plus 1 month"
ExpiresByType image/png                 "access plus 1 month"
ExpiresByType image/jpeg                "access plus 1 month"
ExpiresByType video/ogg                 "access plus 1 month"
ExpiresByType audio/ogg                 "access plus 1 month"
ExpiresByType video/mp4                 "access plus 1 month"
ExpiresByType video/webm                "access plus 1 month"
# HTC files  (css3pie)
ExpiresByType text/x-component          "access plus 1 month"
# Webfonts
ExpiresByType application/x-font-ttf    "access plus 1 month"
ExpiresByType font/opentype             "access plus 1 month"
ExpiresByType application/x-font-woff   "access plus 1 month"
ExpiresByType image/svg+xml             "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
# CSS and JavaScript
ExpiresByType text/css                  "access plus 1 year"
ExpiresByType application/javascript    "access plus 1 year"
</IfModule>

Problemas potenciales

Con Apache

Si estás experimentando problemas en tu servidor Apache, asegúrate que el módulo expire ( mod_expires) sea activado. Puedes hacerlo contactando tu proveedor de hospedaje. Ve también esta explicación sobre como habilitar el mod_expires:

www.absolutelytech.com/2010/08/02/howto-enable-or-disable-modules-in-apache

En la línea de comando :

$ sudo a2enmod expires

Y luego reinicia Apache :

$ sudo /etc/init.d/apache2 restart

Con Windows Server (IIS)

Si usas Windows server (IIS), no tendrás un archivo .htaccess, que es donde las reglas de la caché navegador se definen. En este caso, puedes usar algo similar a esto para crear las reglas correctas para tu fichero de configuración web:
www.htaccesstowebconfig.com

Con NGINX

Si usas  Nginx, puedes hacer lo siguiente:

location ~* \.(css|js|ico|gif|jpe?g|png|svg|eot|otf|woff|woff2|ttf|ogg)$ {
	expires max; 
}

Luegoeinicia NGINX con este comando:

$ service nginx restart