TechBlogSD - Todo para WordPress y desarrollo WEB
Instrucciones de WEB y WordPress, noticias, reseñas de temas y complementos

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

18

La herramienta Google PageSpeed ​​Insights es una de las formas de medir la velocidad de su sitio de WordPress. Generalmente, el puntaje de velocidad de Google es diferente al de otras herramientas de medición de velocidad populares como Pingdom o Gtmetrix. Pero se recomienda realizar un seguimiento de la puntuación de Google, ya que puede afectar directamente la clasificación en los resultados de búsqueda.

Al revisar su sitio en Google PageSpeed, verá algunos problemas frecuentes como optimizar imágenes, aprovechar el almacenamiento en caché del navegador, habilitar la compresión, etc. En nuestros artículos anteriores hemos explicado cómo solucionar problemas de habilitar la compresión y optimizar las imágenes. En este artículo, discutiremos cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress.

¿Qué es el aprovechamiento del almacenamiento en caché del navegador?

Expliquemos con un ejemplo. Abra un navegador web como Google Chrome y borre el historial de navegación. Ahora abra cualquier sitio web y verá que la página se carga lentamente. Cuando navega por diferentes páginas en el mismo sitio, notará que las páginas se cargan más rápido que la primera vez. Esto es lo que sucederá en el navegador:

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

  • El navegador obtendrá todos los recursos estáticos como imágenes, estilos, scripts, etc. del servidor web durante la primera carga del sitio.
  • Cuando el almacenamiento en caché del navegador está habilitado en el sitio para recursos estáticos, el navegador seguirá las instrucciones del servidor recibidas a través de los encabezados HTTP.
  • El navegador almacenará los recursos estáticos en el almacenamiento local con la fecha de vencimiento o la edad máxima recibida del servidor.
  • Los recursos estáticos se obtienen del almacenamiento local del navegador cuando se carga la página siguiente.
  • Si el almacenamiento en caché del navegador no está habilitado en el sitio (el tiempo de caducidad no está configurado), el navegador buscará los archivos cada vez que se carguen. Esto aumentará el tiempo de carga de la página, así como la carga en el servidor.
  • Se debe especificar el tiempo de caducidad para cada tipo de archivo como png, jpg, css. js, etc.

Si no establece el tiempo de vencimiento para las imágenes y otros archivos estáticos, la herramienta Google PageSpeed ​​Insights lo mostrará como un problema de alta prioridad en la categoría "Debería solucionar" o "Posibles optimizaciones".

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

Aproveche el problema de almacenamiento en caché del navegador en Google PageSpeed

Puede ver la información entre corchetes junto a las URL de la imagen como "vencimiento no especificado".

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

Hay dos formas sencillas de solucionar el problema del almacenamiento en caché del navegador de apalancamiento:

  • Sin complemento modificando el archivo .htaccess
  • Usando el complemento W3 Total Cache

1 sin complemento

Inicie sesión en su cliente FTP y abra el archivo .htaccess ubicado en el directorio raíz de su sitio. Consulte nuestro artículo para obtener más información sobre cómo editar un archivo .htaccess en WordPress. Agregue las siguientes directivas al final del archivo:

## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType text/html "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 1 month" </IfModule> ## CACHE CONTROL ## <filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch>

El primer bloque es para la caducidad de la caché y el segundo es para el control de la caché. Todas las extensiones de archivo generales están incluidas en la directiva, también puede incluir más si es necesario para su sitio.

Si no tiene acceso FTP, existen complementos para editar el archivo .htaccess directamente desde el panel de administración. Por ejemplo, el complemento Yoast SEO ofrece la opción de editor de archivos para editar el archivo .htaccess desde el panel de administración.

2 Uso de W3 Total Cache

Afortunadamente, WordPress tiene complementos para solucionar todos los problemas. Para solucionar el problema de almacenamiento en caché de navegación de apalancamiento para su sitio de WordPress, recomendamos utilizar el complemento W3TC. W3TC es el popular complemento de almacenamiento en caché disponible en el repositorio de complementos de WordPress de forma gratuita con muchas opciones adicionales.

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

Complemento de WordPress W3 Total Cache

Instale el complemento y actívelo. Vaya a la sección "Rendimiento> Caché del navegador" y habilite todas las opciones relacionadas con el almacenamiento en caché del navegador en las secciones General, CSS y JS, HTML y XML, Medios y otros archivos.

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

Habilitar el almacenamiento en caché del navegador en el complemento W3TC

Puede dejar el cuadro "Caduca el tiempo de vida del encabezado" con los valores predeterminados precargados en segundos. Si lo desea, modifique con sus propios valores en las secciones "CSS y JS", "HTML y XML" y "Medios y otros archivos".

  • 31536000 por 1 mes
  • 604800 por 1 semana
  • 86400 por 1 día
  • 3600 por 1 hora

Hasta donde hemos probado 1 hora para HTML y XML y 1 mes para otros archivos, funcionan bien para Google PageSpeed.

El complemento W3T Totoal Cache esencialmente agrega las directivas en el archivo .htaccess como se explica en el primer método. Abra su archivo .htaccess y verá que el complemento W3TC agrega un conjunto largo de directivas. Todas las directivas relacionadas con el almacenamiento en caché del navegador se muestran entre la sección "# BEGIN W3TC Browser Cache" y "# END W3TC Browser Cache".

Vuelva a consultar en Google PageSpeed ​​Insights

Una vez que haya agregado manualmente el código en el archivo .htaccess o haya activado el almacenamiento en caché del navegador de todo tipo de objetos en W3TC, primero purgue todo su almacenamiento en caché. Luego, regrese a la herramienta Google PageSpeed ​​Insights y revise la página. Lo más probable es que el problema se haya resuelto o movido a la prioridad más baja en "Considerar arreglar" como se muestra a continuación. La nueva herramienta PageSpeed ​​seguirá mostrando los problemas en la sección "Posibles optimizaciones" con la puntuación general mejorada.

En nuestro caso de ejemplo, el problema persiste debido a los anuncios de AdSense y los archivos de fuentes.

¿Cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en WordPress?

Aprovechar el problema de almacenamiento en caché del navegador Se redujo la prioridad

Lo que no puede hacer con el almacenamiento en caché del navegador

Ahora que sabe cómo solucionar el problema del almacenamiento en caché del navegador de apalancamiento en su sitio de WordPress. Pero en la mayoría de los casos esto no es suficiente porque solo funcionará para los recursos estáticos cargados desde su propio dominio. En realidad, la página puede tener muchos otros recursos externos que no se pueden almacenar en caché en el navegador. A continuación, se muestran algunos de los recursos externos populares que pueden causar problemas de almacenamiento en caché del navegador:

  • Secuencia de comandos de código de seguimiento de Google Analytics
  • Secuencia de comandos del código de anuncios de Google AdSense (como se muestra en el ejemplo anterior)
  • Algunos archivos de fuentes
  • Imágenes de Gravatar sobre la biografía del autor y los comentarios.
  • Imágenes cargadas con complementos sociales

Si la velocidad del sitio es el factor más importante para usted, utilice los recursos externos con cuidado en su sitio. Posiblemente, puede desactivar todos los recursos externos excepto los importantes como Google Analytics para mejorar la puntuación de velocidad de la página.

Fuente de grabación: www.webnots.com
Deja una respuesta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More