The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript How to Defer parsing of JavaScript?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #210085

    Through GT-Metrix i have noticed several issues, one of them is “defer parsing of javascript”.
    The site i am working with, is joomla platform. I have tried with the extensions of joomla, but nothing good at all. Any method how to do this manually for those .js files ?
    I tried to implement this piece of code in head.php file :
    $ex_src = explode(“/”,$strSrc);
    $js_file_name = $ex_src[count($ex_src)-1];
    $js_to_ignore = array(“mootools-core.js”,”mootools-more.js”,”core.js”,”other files i had to defer”);
    if( in_array($js_file_name,$js_to_ignore) AND substr_count($document->baseurl,”/administrator”) < 1 AND $_GET[‘view’] != ‘form’)
    but this one stops those files from loading automatically.
    Thank you !


    I’ve been using the async attribute on script tags for it here and there but you gotta beware what scripts you use it on. The jQuery library itself for example can’t have this, it has to be loaded synchronously for any other scripts using it to be executed correctly. But external scripts that are not intertwined will get a loading speed advantage from it, all loading together instead of one at a time.

    Not much more I can offer on the subject myself…


    I’ve been messing around on my own pages with this and came to the conclusion that the defer attribute is a much better option. Using async seems to break document ready with jQuery and is unpredictable for the rest unless it’s a script that could be executed at any time. Instead of just putting the script links in the &lt;head&gt; section (where I like them for overview) and making them render block the rest of the page, giving them the defer attribute seems to work much better. It will have the same effect as putting all links at the bottom of the page. Google PageSpeed seems to like it a lot in any case.

    <script defer src=" ... "></script>

    Good support as well.

    Deferring all scripts that depend on each other, will make them execute in the correct order.


    Hi! First thing I’ve tried to defer parsing of JavaScript in my site was to activate the option in the cache plugin I use (Litespeed Cache), but I had some visualization problems about Rev Slider and translation plugin also (Transposh), so I excluded the corresponding JS of deferring, but not fixing the error… After that, did the same but using Fast Velocity Minify plugin instead, same results. Maybe adding the code to functions.php skipping these problematic JS could be the solution but, how can I exclude it by code?

    Many thanks!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.