Una de las cosas que siempre trae de cabeza cuando un proyecto Magento sale a producción es el tema de la compresión de javascript.

Muchos desarrolladores, trabajamos con jQuery en vez de trabajar con Prototype (libería que ya viene incluida en Magento), con lo que a la hora de comprimir los javascript con la herramienta integrada, suele generar muchos dolores de cabeza, ya que al quedarse en el mismo fichero los archivos de Prototype y los de jQuery, suele generar varios tipos de problemas, como _undefined, errores de jQuery, etc.

Error

La solución, en la teoría, sería comprimir por un lado los archivos Prototype y en otro fichero los archivos jQuery, lo que hará que no se generasen errores con la compresión y además tendréamos los archivos javascript comprimidos en sólo dos ficheros.

Presuponiendo que estamos añadiendo los Javascript por el XML, la práctica es bastante sencilla, bastaría con añadir un atributo <group> a la hora de añadir los js:

    <action method="addItem">
        <type>skin_js</type>
        <name>js/jquery.fitvids.js</name>
        <group>jquery</group>
    </action>

Si ahora comprimimos los javascript en Sistema -> Configuración -> Desarrollador -> Comprimir JS -> Si

Obtendremos algo así:

Output

Con esto ya tendríamos los javascript comprimidos en dos archivos distintos para que ambas librerías nunca lleguen a generar conflictos.