Home » WordPress » Fix Servir activos estáticos con una política de caché eficiente en WordPress

Fix Servir activos estáticos con una política de caché eficiente en WordPress

¿Buscas formas de optimizar la velocidad del sitio web de WordPress, pero incluso después de varios plugins de caché sigues recibiendo la notificación «activos estáticos con una política de caché eficiente» en Google PageSpeed Insights?

En realidad es bastante sencillo de solucionar, incluso sin ningún plugin de caché. Aquí encontrará instrucciones detalladas sobre cómo solucionar una política de caché ineficaz en tan solo unos minutos.

Cómo servir activos estáticos con una política de caché eficiente en WordPress o WooCommerce

Para servir activos estáticos con una política de caché eficiente necesita añadir un código específico a su archivo .htaccess de WordPress. Encontrarás el código completo más abajo – está listo para usar en cualquier sitio web. Pero primero tenemos que averiguar cómo vamos a acceder a ese archivo.

Dónde localizar y cómo abrir el archivo .htaccess en WordPress

Hay varias formas de acceder al archivo .htaccess. El archivo en sí se encuentra en su servidor de alojamiento – en el directorio principal de WordPress – public o public_html Se puede acceder a través de la herramienta Administrador de archivos en el panel de administración de su alojamiento (Cpanel, Directadmin, Webmin, etc.).

Si no puede editar .htaccess a través del panel de administración del servidor, puede acceder a su servidor a través de un cliente FTP (por ejemplo Filezilla) y editar el archivo allí.

how to edit .htaccess file in WordPress via File manager

Si está utilizando el plugin Yoast SEO, tiene una forma de editar el archivo .htaccess directamente en el panel de administración de WordPress. Vaya a Yoast SEO >> Herramientas en el panel de administración de WordPress y abra el Editor de archivos.

wordpress edit htaccess file in WordPress admin panel

Una vez allí podrás editar el contenido del archivo .htaccess sin necesidad de herramientas adicionales.

Cómo añadir código para servir activos estáticos con una política de caché eficiente

Cuando abra el archivo .htaccess, desplácese hasta el final del mismo – hasta que vea la línea # END WordPress.

Añada el código de activos estáticos antes de ella:

<FilesMatch ".(webm|ogg|mp4|ico|pdf|flv|avif|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|otf|ttf|svg|eot)(.gz)?$">
	<IfModule mod_expires.c>
		AddType application/font-woff2 .woff2
		AddType application/x-font-opentype .otf
		ExpiresActive On
		ExpiresDefault A0
		ExpiresByType video/webm A10368000
		ExpiresByType video/ogg A10368000
		ExpiresByType video/mp4 A10368000
		ExpiresByType image/avif A10368000
		ExpiresByType image/webp A10368000
		ExpiresByType image/gif A10368000
		ExpiresByType image/png A10368000
		ExpiresByType image/jpg A10368000
		ExpiresByType image/jpeg A10368000
		ExpiresByType image/ico A10368000
		ExpiresByType image/svg+xml A10368000
		ExpiresByType text/css A10368000
		ExpiresByType text/javascript A10368000
		ExpiresByType application/javascript A10368000
		ExpiresByType application/x-javascript A10368000
		ExpiresByType application/font-woff2 A10368000
		ExpiresByType application/x-font-opentype A10368000
		ExpiresByType application/x-font-truetype A10368000
	</IfModule>
	<IfModule mod_headers.c>
		Header set Expires "max-age=A10368000, public"
		Header unset ETag
		Header set Connection keep-alive
		FileETag None
	</IfModule>
</FilesMatch>

El resultado final debería ser así:

serve static assets with an efficient cache policy in wordpress

Best WordPress hosting 2024

No olvide guardar los cambios después de actualizar el archivo .htaccess (y volver a subir el archivo modificado al servidor si lo va a actualizar utilizando un cliente FTP).

No deberían ser necesarios pasos adicionales – la próxima vez que compruebe la velocidad de su sitio web WordPress en PageSpeed Insights el problema de los activos estáticos debería haber desaparecido, y la velocidad de las páginas de su sitio web debería haber mejorado, al menos en un pequeño porcentaje.

¿Busca otras formas de acelerar su sitio web WordPress? Entonces usted debe comprobar este post sobre los mejores plugins de optimización de velocidad de WordPress.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK