0
Welcome Guest! Login
0 items Join Now

SOLVED Defer loading of CSS and JS?

Last Post
Search Topic

  • SOLVED Defer loading of CSS and JS?

    Posted 9 years 5 months ago
    • I have been trying to get information on this topic for some time. When running page speed tests, I continually get the same recommendations from places such as Google's page testing site.

      They are recommending that CSS and JS files be loaded later, for elements of the page that are below the fold.

      It seems that all template providers, Wordpress and Joomla seem to have this same issue.

      Is there a solution to this issue?

      Thanks in advance.
    #1255534
    • Matt's Avatar
    • Matt
    • Preeminent Rocketeer
    • Posts: 22303
    • Thanks: 3229
    • messin' with stuff

    Re: SOLVED Defer loading of CSS and JS?

    Posted 9 years 5 months ago
    • It's the dumbest metric IMO for Google's PSI.... and it's one I personally ignore... but I'm also pig-headed about things like this...

      Google wants all your CSS and JS that's needed for above-the-fold content to be loaded inline instead of from a file... which is over-the-top in my opinion... Say you have a fancy slideshow at the very top of your page, in your above-the-fold content area... say that slideshow requires a good deal of CSS and JS to work... Google's wants all of that code to just be dumped in your HTML body... which sure, on initial page load MIGHT be faster... but it could be slower depending how much code it really is... when that code lives in it's own file it can be combined and compressed (gzip) and will actually load much faster than being inline in many cases... and on subsequent page loads it's always going to be slower AND if you use that same slider on other pages of your site it will definitely be slower.

      Anyways... you can try and strip all the necessary code out yourself and place it inline... that's not something we can help with here as it's well beyond the scope of support, but at least that should give you a better understanding of the metric... You might check out JCH Optimize as well... their Pro version has a feature which attempts to do this for you... I've never tried it myself

    • The following users have thanked you: JJ Spelman

    • SEARCH the forum first! These boards are rich in knowledge and vast in topics. This includes searching just the 'Solved' forums, using Google, and using ChatGPT :woohoo:
    #1255633

  • Re: SOLVED Defer loading of CSS and JS?

    Posted 9 years 5 months ago
    • Thanks, Matt, for the reply.

      Yeah I am not a fan of stripping out the CSS to put it in line. I mean that has always been something frowned upon.
      But I will look further into it and apprecitate your input.
    #1255845

Time to create page: 0.064 seconds