Excluir los nombres de archivo dinámicos (tema The7)

En este artículo

Este vídeo te da una panorámica de los pasos explicados en este artículo:

Nombres de archivos que cambian dinámicamente

La mayoría de las veces, cuando quieres excluir un archivo CSS del proceso de minificación, este tendrá un nombre archivo similar a  style.css. Excluir este tipo de fichero de la minificación es fácil, porqué el nombre archivo no cambia nunca. Puedes leer más sobre como excluir nombres de archivo estáticos aquí: 
Solucionar problemas con la optimización de archivos

Sin embargo, a veces puede ser que haya un tema o un plugin que usa nombres de archivos dinámicos. Esto es, por ejemplo, el caso del tema The7. Este tema usa nombres de archivo dinámico como  style-12345678.css donde los números son variables, y hay una parte dinámica en el nombre.

Esto significa que si tratas excluir el archivo  style-12345678.css, la exclusión no tendrá ningún efecto una vez que el nombre del archivo pase a ser- por ejemplo - style-98765432.css.

Excluir de la minificación los nombres de archivos que cambian dinámicamente

Cómo podemos entonces seguir excluyendo este fichero CSS también una vez que su nombre cambie?
Vamos a usar una Expresión Regular (RegEx). Puedes leer más sobre el concepto básico de la exclusión en este artículo sobre como excluir un grupo de páginas de la caché: 
Excluir páginas de la caché

El mismo principio se aplica también a la exclusión de los nombres de archivo dinámicos.

En nuestro ejemplo, vamos a usar un sitio web de test donde hemos previamente instalado y activado el tema The7. Si miramos al código fuente desde nuestro navegador, podemos identificar 3 URLs relativos a archivos CSS que tienen una extensión alfanumérica en sus nombres:

Source view with 3 URLs of CSS files with alphanumeric extensions in their filenames

Estos son nuestros nombres de archivo dinámicos:

main-07f3e342a4.css?v=2.3.5
custom-07f3e342a4.css?v=2.3.5
media-07f3e342a4.css?v=2.3.5

Aplicando una pequeña abstracción, su estructura es parecida a esta:

[base nombre archivo]-[extensión dinámica].css?v=[número de versión]

Nota: según el tema que uses o los plugins instalado, puedes encontrarte con estructuras diferentes para los nombres de archivos dinámicos. Este es solo uno de los posibles ejemplos. 

Para excluir todos los archivos de la minificación, aplicamos una Expresión Regular como marcador en la parte del nombre archivo  [extensión dinámica] . Podemos también quitar la parte [número de versión] porqué se trata de un parámetro query opcional y no es necesario para que el fichero se cargue.

De esta manera tendremos lo siguiente:

main-(.*).css
custom-(.*).css
media-(.*).css

Cuando ingresas estos nombres de archivo dinámico en el campo de exclusión CSS (o JS) de WP Rocket, tendrás que añadir el URL completo relativos a los ficheros que has encontrado en el código fuente. WP Rocket cortará el URL para mostrar su ruta relativa, así: