[eluser]xwero[/eluser]
With mapping i meant checking which javascript code and css styles are used on which page.
For example if you have a search box on your site and it gets displayed on every page you can put the javascript code in a frontend.js and the css styles in a frontend.css file. If the only place you display a modal is in the forms, you can create a forms.js and forms.css but if most pages are forms you better put it in the frontend.js/.css files to minimize the files that need to be loaded.
If the backend and frontend both have many forms you could create common.js/.css files. If the only form on the frontend is the contact form you add a js/css file for the specific plugin.
The downside of this method is the fact plugins can be in multiple files so when you want to update the plugin you need to check each file if it contains the plugin code. To detect the plugin code faster in files that contain multiple plugins you can add a comment with the plugin names in the order they can be found in the file.
Code:
/*
* autocomplete, modal
*/
/* autocomplete */
/* modal */
Above is a sample that could be used in javascript and css files.
I never hinted that js and css should be in one file.
