Cómo identificar los archivos JS a excluir de la minificación

Los problemas con la minificación JS pueden ser difíciles de solucionar, sobre todo cuando involucran múltiples archivos de tu sitio.

En nuestra documentación encontrarás el tutorial “Solucionar problemas con la minificación”, que se basa sobre un procedimiento de exclusión de los ficheros problemáticos y puede ser un poco largo para finalizar. Sin embargo, a veces es posible seguir un procedimiento más rápido y directo para excluir los archivos.

Si estás usando la opción avanzada Recursos Estáticos, asegúrate de desactivarla antes de seguir este tutorial.

En este ejemplo, te mostramos cómo hacerlo usando Chrome como navegador.

1

Abre las Herramientas para Desarrolladores (o Developer Tools, si usas el navegador en inglés). Para abrirla, haz clic derecho en la página que quieres analizar, elige Inspecciona Elemento (Inspect Element).

2

A la derecha deberías ver un indicador rojo que se refiere a los errores:

3

Haz clic sobre el indicador para abrir la Console, luego haz clic sobre el archivo indicado en el mensaje de error, como en la imágen:

4

Esto te llevará directamente adentro del código del archivo relacionado al error JS. Busca la porción del código subrayada en rojo y cópiela:

5

Ahora abre una nueva pestaña del navegador y carga la versión no-cacheada de la página. Para hacerlo es suficiente añadir ?nocache al URL de página—esto te permitirá cargar la versión no-cacheada y no-minificada de tu página. Este pasaje es necesario para poder encontrar el URL original del archivo, es decir antes de la intervención de WP Rocket.

Un URL no cacheada es algo similar: http://esempio.com/?nocache, o http://esempio.com/una-pagina/?nocache.

6

Abre Herramientas para Desarrolladores y haz clic sobre los 3 puntitos a la derecha, luego selecciona Search All Files:

7

Pega en el campo de búsqueda la porción problemática de código que has copiado al punto 4. Así encontrarás el fichero original que contiene esa porción de código:

8

Desafortunadamente, no es posible copiar el nombre de fichero desde esta pantalla. Tendrás que ir a la sección Network (eventualmente actualiza la página para que todos los ficheros de la página sean alistados) y buscar tu archivo en la lista:

Una vez que lo encuentres, haz clic derecho sobre el nombre del archivo, luego Copy y Copy Link Address.

9

Pega la dirección del archivo JS que acabas de encontrar en el campo de los ajustes WP Rocket " Excluir JS" (pestaña Opciones Avanzadas):

Una vez que guardará las modificaciones, vuelve a tu sitio (versión cacheada), actualiza la página y verifica que en la Console no aparezcan otros errores JavaScript para corregir.