Loading multiple css files [closed]

StackOverflow https://stackoverflow.com/questions/17864881

Question

I am noticing a sudden INCREDIBLY slow load time on my site. Unfortunately my developer is unreachable at the moment and I was wondering if anyone had recommendations on how to solve this problem. I have probably pulled the CSS and jQuery into the site in the worst way possible. How do I call all the CSS files in just a single stylesheet and then call that into the header? Because that's what I tried to do, but it didn't seem to be working. Also, what is the best way to call multiple jQuery scripts? Should I set up a separate file and how would I call that file?

Any help is GREATLY appreciated. Also, I can give you the web address in a comment if you need it.

Was it helpful?

Solution

Since there isn't much to go off on here are some helpful hints and tactics:

If you can, add the scripts at the bottom of the pages before the closing <body> tag... so that your site will seem to "render" faster also allowing the scripts to load after the CSS has already loaded. This can speed up or make it seem like your site is loading faster.

     <!-- <scripts> -->
   </body>
</html>

Regarding the CSS, load them in the header after the meta tags but before the closing </header> tag. You can combine them into one with @import but I would not recommend this approach as this can greatly affect load time if the CSS is lengthy. If that is what you did when you say you tried combining your CSS files and then call it "into the header" then you need to undo that and remove the @imports

EDIT

So on top of these suggestions-- which you should at least consider moving the scripts to the end of the pages/templates. You also have several console errors that need to be addressed...

enter image description here

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top