Desarrollo Web

Cómo configurar la caché del navegador para PageSpeed ​​en WordPress

Caché de navegador

Si está leyendo este artículo, es porque ejecutó algunas pruebas de velocidad de Google, como la velocidad de la página o pruebas similares, y reportaron un error de caché del navegador. No se preocupe, afortunadamente, esta es una solución fácil.

Explicaré cómo usar complementos para resolver este problema y cómo resolverlo sin complementos, además de cambiar parte del código en el archivo. ¿Estás listo?

Utilice un complemento para especificar la caché del navegador

Por supuesto que ya conoces algunos de los plugins de Caché para WordPress, cumplen la función de simplificar la página y además generan automáticamente algunas reglas de caché en nuestros archivos..htaccessUna especie de «.

Es suficiente configurar una de estas opciones a través del panel de WP para que nuestro sitio web ya no muestre errores de caché del navegador al ejecutar una nueva prueba.

Los complementos más utilizados y calificados para esta función son:

La instalación y activación de uno de estos complementos en nuestro sitio de WordPress debería resolver todos o la mayoría de los problemas de almacenamiento en caché de su sitio web.

Especificar la caché del navegador sin complementos

Antes de probar esta opción, le sugiero que realice una copia de seguridad completa de su sitio (una copia de seguridad en caso de que algo salga mal). Evitar problemas es solo una forma de tocar áreas que no deben tocarse.

La forma más fácil de resolver el problema de la caché del navegador es agregar el siguiente código a nuestro archivo «.htaccess«A mano.

# 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

Guarde sus cambios si es posible Reinicie el servidor / alojamientoEsto soluciona un problema de almacenamiento en caché que es común cuando se prueba el rendimiento o la velocidad de una página web.

¿Cómo edito el archivo .htaccess?

Buena pregunta, podemos subirlo vía FTP y editarlo desde nuestra PC, pero no lo recomiendo (mucho, pero muchas pueden salir mal).

La forma más segura es editarlo. Desde nuestro propio panel de administración de WordPress. Es mejor utilizar el complemento «Yoast SEO».

Entonces vamos a instalar y activar este complemento en nuestro WordPress. Aparece una nueva pestaña llamada «SEO» en el menú de la izquierda de nuestro panel de WordPress.

Editor de archivos
Editor de archivos Yoast

Haga clic en «herramienta«Luego»Editor de archivos«Como se muestra arriba.

Se abre una nueva ventana en la que podemos editar el archivo «Robot.txt «Otros archivos».htaccessUna especie de «.

Editar archivo htaccess
Agrega el código al archivo .htaccess

Solo necesitamos agregar el código previamente comentado y guardar los cambios.

¡Eso es todo! Esto resuelve el problema del almacenamiento en caché sin el uso de complementos. Si los está usando pero el problema persiste, puede usar este código para resolverlo.

Si tiene alguna pregunta o desea proporcionar información adicional, no dude en hacerlo en los comentarios.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba