¿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í.
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.
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í:
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.
