Cómo especificar la caché de Navegador

Si estás leyendo esto es porque has realizado algún test de velocidad de Google cómo el Page Speed o similar y te ha marcado el error de caché de navegador. Tranquilo, por suerte es algo muy sencillo de solucionar.

Te explicaré cómo solucionar este problema con un plugin y cómo solucionarlo sin utilizar plugins, modificando un poco de código en un archivo ¿Preparado?

Especificar caché de navegador con plugins

Seguramente ya conozcas algunos plugins de Caché para WordPress que realizan la función de agilizar nuestras páginas, generando también y de forma automática, unas reglas de caché en nuestro archivo ".htaccess".

Bastará con instalar alguna de estas opciones desde el panel de control de WP para que nuestra página Web deje de mostrar el error de caché en el navegador, cuando realicemos nuevos test.

Los plugins más utilizados y mejor valorados para esta función son:

• W3 Total Caché
• WP Super Caché
• WP Fastest Caché
• WP Rocket (este es de pago)

Al instalar y activar cualquiera de estos plugins en nuestra página de WordPress, deberían solucionarse todos o casi todos los problemas relacionados con el caché en tu página Web.

Especificar caché de navegador sin plugins

Antes de probar con esta opción te recomiendo que hagas un backup completo de tu web (copia de seguridad, por si algo sale mal). Es solo una formalidad para evitar problemas en caso de que toquemos donde no debemos.

La forma más sencilla de solucionar el problema de caché de navegador es añadiendo el siguiente código a nuestro archivo ".htaccess" de forma manual.

# BEGIN Expire headers
<ifModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 5 seconds"
ExpiresByType image/x-icon "access plus 604800 seconds"
ExpiresByType image/jpeg "access plus 604800 seconds"
ExpiresByType image/png "access plus 604800 seconds"
ExpiresByType image/gif "access plus 604800 seconds"
ExpiresByType application/x-shockwave-flash "access plus 604800 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType application/x-javascript "access plus 604800 seconds"
ExpiresByType application/x-font-woff "access plus 604800 seconds"
ExpiresByType application/x-font-svg "access plus 604800 seconds"
ExpiresByType image/svg+xml "access plus 604800 seconds"
</ifModule>
# END Expire headers

Guardar los cambios y si es posible, reiniciar el servidor / hosting. Con esto quedará solucionado el problema de caché que tanto se suele detectar en test de rendimiento o velocidad de páginas Web.

¿Cómo editar el archivo .htaccess?

Buena pregunta, podemos descargarlo mediante FTP y editarlo desde nuestro PC, pero es algo que no te recomiendo (pueden salir mal muchas, pero que muchas cosas).

La forma más segura es editarlo desde nuestro propio panel de administración de WordPress. Y la mejor forma para ello es desde el plugin "Yoast SEO".

Así que instalaremos este plugin en nuestro WordPress y lo activaremos. En el menú izquierdo de nuestro panel de WordPress aparecerá una nueva pestaña llamada "SEO".

Haremos click en "Herramientas" y luego en "Editor de archivos" tal y cómo se muestra en la imagen superior.

Se abrirá una nueva ventana donde podemos editar el archivo "Robots.txt" y también el archivo ".htaccess".

Simplemente debemos añadir el código que hemos comentado anteriormente y después guardar los cambios.

Y ya está! Con esto habremos solucionado el problema del Caché sin necesidad de utilizar plugins. O si los utilizas y aun así persiste el problema, puedes usar este código para solventarlo.

Si te ha quedado alguna duda o quieres aportar info extra, puedes hacerlo mediante los comentarios.