Fixing http requests and other resource issues

Hi,

I recived this from a friend of my clients, but need some help making sence of how to impliment the changes, could someone please take a look for me ?

There are a lot http requests made for a single page display(86 for the main page for example). If we can reduce these, that would be great:

there are 26 css files loaded from spinaddikts and 5 from google fonts. I’m pretty sure the google fonts can be merged into a single request. Any ideas on merging at least some of the css files ? Are all of them necessary (maybe some were previously used and are no longer needed ? )

similar to css files, there are 35 javascript files loaded. Can we merge some of these (or discard what isn’t used, per page ?)

a lot of the resources aren’t being cached on client side (for example css files)

having a quick look at what’s being downloaded maybe some js files aren’t needed for all pages, but just for some(e.g. ajax-cart.js is loaded on the homepage, I’m guessing this has to do with the Book a Bike page more). JQuery seems to be loaded multiple times: jquery-jquery.min.js

downloads aren’t parallelised: each resources waits for the previous to load and with a lot of resources/requests this adds up. One suggestion is to setup multiple hostnames: e.g. styles.spinaddkits.com etc. to load css files from.

Is it easy to reorder js and css references ? Chrome recommends: ” To ensure CSS files are downloaded in parallel, always include external CSS before external JavaScript.”

Inline css should be moved from <body> to </head> as it may impact rendering performance

safe way to remove unused styles:

4499 rules (92%) of CSS not used by the current page.

: 100% is not used by the current page.

jquery-ui.css: 100% is not used by the current page.

font-awesome.min.css: 99% is not used by the current page.

http://www.spinaddikts.com/: 100% is not used by the current page.

http://www.spinaddikts.com/: 50% is not used by the current page.

http://www.spinaddikts.com/: 50% is not used by the current page.

http://www.spinaddikts.com/: 50% is not used by the current page.

http://www.spinaddikts.com/: 75% is not used by the current page.

http://www.spinaddikts.com/: 100% is not used by the current page.

http://www.spinaddikts.com/: 73% is not used by the current page.

front.css: 100% is not used by the current page.

admin-bar.min.css: 100% is not used by the current page.

buddypress.min.css: 100% is not used by the current page.

bootstrap.min.css: 97% is not used by the current page.

public.css: 100% is not used by the current page.

settings.css: 100% is not used by the current page.

lumebox.css: 100% is not used by the current page.

icons.css: 100% is not used by the current page.

menu-image.css: 78% is not used by the current page.

my_style.css: 100% is not used by the current page.

notify.css: 100% is not used by the current page.

widget.css: 100% is not used by the current page.

animate.min.css: 100% is not used by the current page.

font-awesome.min.css: 99% is not used by the current page.

symple_shortcodes_styles.css: 100% is not used by the current page.

testimonial-rotator-style.css: 100% is not used by the current page.

fsi.css: 33% is not used by the current page.

tablepress-combined.min.css: 98% is not used by the current page.

style.css: 73% is not used by the current page.

codemirror.css: 100% is not used by the current page.

my_style.css: 100% is not used by the current page.

style.css: 75% is not used by the current page.

theme-my-login.css: 100% is not used by the current page.

admin-bar.min.css: 23% is not used by the current page.

dashicons.min.css: 100% is not used by the current page

Domain: http://tinyurl.com/o32u9zr

Support access is ACTIVE until August 11, 2015 12:45 am

Thanks

Tom