Un navegador web extrae muchos recursos del servidor, como archivos CSS, imágenes y archivos HTML, etc. El caché web permite que las aplicaciones y los sitios web almacenen estos archivos en un almacenamiento temporal en el disco duro local para una recuperación más rápida durante la próxima solicitud del archivo. . De esta manera, un sitio web se carga mucho más rápido en la segunda visita debido a los recursos descargados.

Este artículo describe cómo puede acelerar WordPress utilizando el caché del navegador a través del archivo htaccess.

Información general

Un caché del navegador se refiere a una ubicación de almacenamiento temporal para los archivos que se descargan al ver sitios web. Estos archivos incluyen archivos HTML, archivos CSS y, en general, todos los documentos que componen un sitio. El servidor web debe permitir que los navegadores almacenen los recursos del sitio web localmente para poder usar la caché del navegador. El problema ocurre siempre que la caché aumenta de tamaño; los archivos ocupan mucho espacio en su computadora y ralentizan su navegador. Afortunadamente, hay una forma de solucionar este problema editando el nuestro. .htaccess Archivo. La .htaccess es un archivo de configuración del servidor que “le dice” al servidor cómo posicionarse de acuerdo con las instrucciones en el Archivo .htaccess.

Edite su archivo htaccess

En su directorio raíz de WordPress, busque el archivo htaccess. (Porque es un (.) esto significa que es un archivo oculto, por lo que debe habilitar la función “Mostrar archivo oculto”). Siempre haga una copia de seguridad antes de editar el archivo htaccess. Puede descargar una copia a través de FTP, guardar y editar una copia de seguridad y luego cargar la versión modificada. Edite el archivo directamente con; Cpanel de su cuenta de host.

En este articulo, SEO de WordPress El complemento de WordPress se utiliza para realizar cambios en el archivo htaccess.

En su sitio de WordPress, vaya a Complementos, haga clic en Agregar nuevo. Busque WordPress SEO de Yoast.

Haga clic en Instalar ahora y activar para activar el complemento.

Navegue a SEO, Herramientas. Haga clic en Editor de archivos

Abre el archivo .htaccess en el editor de texto. Pega el código y guarda los cambios.

Cómo acelerar tu WordPress

Puede copiar y pegar el siguiente código en su archivo htaccess. Una vez hecho esto, guarde su archivo htaccess y disfrute de velocidades de carga más rápidas.

Agregar un encabezado caducado

Dimos a todos los archivos CSS, Javascript y Shockwave la antigüedad de un mes. Los iconos tienen un año y otros recursos estáticos tienen un mes. Para que estas reglas que hemos establecido funcionen, necesitamos la módulo mod_expires. De forma predeterminada, está habilitado en la mayoría de los servidores. Recuerde establecer fechas de vencimiento por un año. No se recomienda configurar menos de un mes ni más de un año.

# TN - START EXPIRES CACHING #
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresDefault "access 1 month"
</IfModule>
# TN - END EXPIRES CACHING #

Agregar encabezados de control de caché

Aquí puede establecer una línea de tiempo, pero no es obligatorio porque ya ha establecido fechas de vencimiento para los recursos almacenados en caché.

# TN - BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch ".(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch ".(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch ".(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch ".(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>
# TN - END Cache-Control Headers

Desactivar el encabezado de piso

La tecnología utilizada para crear el encabezado Etag es muy lenta, por lo que estamos haciendo un gran favor a nuestra velocidad de carga al apagarlo. Aquí también usamos el quedarse vivo Conexión. Mantiene la conexión actual, ya que se tarda más en abrir una nueva conexión.

#Disable Etags
<IfModule mod_headers.c>
   Header unset Etag
   Header set Connection keep-alive
</IfModule>
FileETag None

Vaciado de cabezales de compresión

A medida que volcamos nuestros componentes, se vuelven más pequeños y se cargan más rápido. Es posible que este método no funcione en su caso si su servidor no tiene uno mod_deflate o mod_gzip instalado como parte de Apache. Asegúrese de agregarlo debajo del contenido del archivo htaccess.

<IfModule mod_deflate.c>
  # Compress HTML, CSS, JavaScript, Text, XML and fonts
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/rss+xml
  AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
  AddOutputFilterByType DEFLATE application/x-font
  AddOutputFilterByType DEFLATE application/x-font-opentype
  AddOutputFilterByType DEFLATE application/x-font-otf
  AddOutputFilterByType DEFLATE application/x-font-truetype
  AddOutputFilterByType DEFLATE application/x-font-ttf
  AddOutputFilterByType DEFLATE application/x-javascript
  AddOutputFilterByType DEFLATE application/xhtml+xml
  AddOutputFilterByType DEFLATE application/xml
  AddOutputFilterByType DEFLATE font/opentype
  AddOutputFilterByType DEFLATE font/otf
  AddOutputFilterByType DEFLATE font/ttf
  AddOutputFilterByType DEFLATE image/svg+xml
  AddOutputFilterByType DEFLATE image/x-icon
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/javascript
  AddOutputFilterByType DEFLATE text/plain
  AddOutputFilterByType DEFLATE text/xml
  # Remove browser bugs (only needed for really old browsers)
  BrowserMatch ^Mozilla/4 gzip-only-text/html
  BrowserMatch ^Mozilla/4.0[678] no-gzip
  BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  Header append Vary User-Agent
</IfModule>

Conclusión

No importa qué método utilice para acelerar su sitio de WordPress, solo hace que su sitio se cargue más rápido y mejora su experiencia de usuario. Los cambios anteriores en el archivo .htaccess mejorarán la velocidad de su sitio web. Al final, aumentarás las calificaciones de SEO.