Combine external JS & CSS
-
Both YSLOW and PINGDOM TOOLS, report LOW on combine JS & CSS?
Does AUTOPTIMIZE does combining the JS & CSS files?
I TICKED Optimize HTML + Optimize JS + Optimize CSS (+ Inline all CSS + URI’s for all Images).
But still the score is low on both the above – i,e combining JS & CSS.
-
I’m doing the above on DEV SITE. Hence it can’t be seen publicly.
Hi all I just want to share some more insight with regards to Suffusion. I have in the past tested Autoptimize and Suffusion.
When carrying out the following (HTML, JS & CSS) with a few websites the results were great but there is a bit of testing you need to carry out.
However the JS part when you are using drop down menus in Suffusion up to level 2 or three it locks on your live website and the menu does not work. I did try to exclude add all the js files I could find in Suffusion but that did not work. Now if you don’t have level 2 and up in the menu structure it works great.
An example of menu structure:
http://www.website.com/top-menu/page 1 <== works
http://www.website.com/top-menu/page 2 <== works
http://www.website.com/top-menu/page 3 <== works
http://www.website.com/top-menu/page 1
—————————————————-|
————————————————–/level1/ <== does not workIn regards to the CSS if you do use it you have to make sure you disable css optimization in Suffusion backend.
Of course I stopped testing further because I am always too busy 🙂 however from time to time I keep testing when a new version of this great plugin is release to see what’s new and if it helps Suffusion in regards to level 2 and up in the menu structure.
I hope my little input can bring some light to this thread and help with this great plugin.
Kind regards
Very good feedback.
My menu structure below 2 levels and I excluded ‘suffusion’ from JS and CSS as well. As of now it is working fine.
ALso w.r.t suffusion back-end optimization, if I disable in SUFFUSION and enable in AO, site goes for a toss. I have done good amount of CSS tweaking. I did try back/forth between AO & SUFFUSION, eveytime, page rendering was going for a toss.
Hence I permanently ENABLED in SUFFUSION and disabled in AO.
Also I excluded all CSS & JS files of SUFFUSION , child themes etc.
It looks OK as of now.
As rightly said, using any MINIFY tool is NOT a straight-forward job.
Better to do on a DEV site, see the results and if you are happy, implement on PRODUCTION site.
In my experience, good no. of CSS & JS files to be excluded (depending on site-to-site) to get the site working.
What I read in some of the sites is,and in my view, over a period of time, SUPERCACHE + CDN (if you are using – I think it is must compared to MINIFY tools), will perform better than SUPERCACHE + CDN + MINIFY Tools.
Because, over-a-period-of-time, everything will be stored either in browser (local cache) or CDN servers (static resources). Changes to pages/sites will be less than 5-10% on year-to-year basis. It may be different for social networking sites, LIVE BLOGS, music/video sites etc. Otherwise, most of the sites, close to 80% will be static, for the rest of their life, with very little additions to site/pages.
Hence my views.
I might be wrong – pl correct.Hi @pathuri, how is your website going so far? What was your conclusion in regards to Suffusion and Autoptimize?
What did you enable or disable on both sides i.e. Suffusion backend and Autoptimize?
I am just curious 🙂
Kind regards
In short, it works.
In long, you have to make it to work.I went many times back and forth, in using AUTOPTIMIZE.
Finally installed PLUGIN ORGANIZER to DISABLE plug-ins NOT required per page/group basis.
I played around several times with AUTOPTIMIZE, WP MINIFY and PLUGIN ORGANIZER settings to get what I wanted. After many days of trial and error the following is what I have settled :1) PLUGIN ORGANIZER : Used PLUGIN ORGANIZER to disable not required plugins on each page/group (this is all manual and you have to check and re-check whether you are getting the desired output or not). For this I have used LIVE HTTP HEADER to see which CSS/JS ON for each page. Then disabled NOT required plug-ins for that page. You have to disable AUTOPTIMIZE and WP MINIFY in order see the list of all CSS/JS, otherwise, LIVE HTTP will print ONLY one line.
2) AUTOPTIMIZE : I enabled HTML and JS optimization. With CSS optimization, my site was not working properly. Even in JS also, some scripts have been excluded (again trial and error) for JS optimization.
Finally I settled with AUTOPTIMIZE ONLY for HTML & JS optimization
3) WP MINIFY (new version) : Used primarily for CSS optimization.All the above 3 steps have been carried out many times (some times back and forth) in order to get the results I wanted.
At the end I can say that I’m happy with –
a) PAGE LOAD speed : It is QUICK
b) Both JS and CSS files have been optimized
c) PLUGIN ORGANIZER helped me a lot in disabling the NOT required plug-ins on per page basis.
d) LIVE HTTP headers is a great tool to debug JS/CSS errors while page loading and to check the page performance.Overall, in my view, all 3 are required, in order to get a performance boost.
The topic ‘Combine external JS & CSS’ is closed to new replies.