There are numerous ways to combine multiple JQuery files to one to decrease both the page loading time and the number of requests. Actually automated method might not always work. So for WordPress like CMS/Blogging Software, practically we can not use the same method in all setup. So, some minimal knowledge is required for WordPress.
Primer For How to Combine Multiple JQuery Files to One For WordPress
As we have talked about Enqueue Scripts. There is corrosponding deregister script function. So first you need to deregister the script if they are inserted by plugin or theme. Now it became just like a static website. After combining multiple JQuery files to One, you will insert via Enqueue Script Function.
---
How to Combine Multiple JQuery Files to One
Take that you have these files :
|
1 2 3 4 5 |
JQuery.js jquery.tools.min.js jquery-ui.min.js jquery.hoverIntent.minified.js jquery_image_slideshow.js |
We can use YUI Compressor :
|
1 |
http://yui.github.io/yuicompressor/ |
There are ready to use online tools for YUI compressor :
|
1 |
http://www.refresh-sf.com/yui/ |
There is Google Closure Compiler :
|
1 |
https://developers.google.com/closure/compiler/?csw=1 |
There is CompressJS :
|
1 |
https://github.com/dfsq/compressJS.sh |
Advanced users can use Require.js :
|
1 |
http://requirejs.org/docs/optimization.html |
If you are seeking 100% hand coded method, it is actually possible to concatenate. Two jQuery results can be combined :
|
1 |
http://api.jquery.com/add/ |
These are some methods but you must test manually on all possible browsers. Combining can make a function not working.
About Abhishek Ghosh
Here’s what we’ve got for you which might like :
Additionally, performing a search on this website can help you. Also, we have YouTube Videos.
Take The Conversation Further ...
We'd love to know your thoughts on this article.
Meet the Author over on Twitter to join the conversation right now!
If you want to Advertise on our Article or want a Sponsored Article, you are invited to Contact us.
Contact Us