The Joomla! Forum ™

Hello,

I am trying to improve loading time of the website. As I test the loading speed through Page Speed (Chrome Browser) I get the suggestion to "Defer parsing of JavaScript."

As I researched how to implement the deferral this, I found that by changing the script link tag from:

<script src="/media/system/js/core.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
<script src="/media/system/js/caption.js" type="text/javascript"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript"></script>

to:

<script src="/media/system/js/core.js" type="text/javascript" defer></script>
<script src="/media/system/js/mootools-core.js" type="text/javascript" defer></script>
<script src="/media/system/js/caption.js" type="text/javascript" defer></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript" defer></script>

this warning would go away.

The files I am getting this warning for are:

239.7KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
root/media/system/js/mootools-more.js (155.8KiB)
root/media/system/js/mootools-core.js (79.1KiB)
root/media/system/js/core.js (3.6KiB)
root/media/system/js/caption.js (744B)

How can I make the change of this tags for these files?

Thank you

_________________
http://websonalized.com Small Business Web Design

Hi !
Defer has a very limited impact on page loading. You'd better to load javascript at the bottom of your pages when it is possible.
You should also concentrate your efforts on more paying solutions :-)

Thank you Ianac

Could you elaborate on



Thank you,

_________________
http://websonalized.com Small Business Web Design

Maybe you can give me your website URL to see if there is some other areas of interest you must concentrate on to give a real boost on your website
Plus, defer can fail to load scripts in the right order on IE, so keeping mootools &co without defer is a good thing if you have plugins that depends on it.

_________________
http://www.wikeo.be Create a website quickly and easily

I would try and combine them

http://extensions.joomla.org/extensions ... ance/12088

The correct syntax is defer="defer"

Actually I ended up adding the following attribute to the script tag of certain files

async="async"

Example:

<script src="/media/system/js/caption.js" type="text/javascript" async="async"></script>
<script src="/media/system/js/mootools-more.js" type="text/javascript" async="async"></script>

This took care of the problem I had when I first made the post

_________________
http://websonalized.com Small Business Web Design

when we should use defer="defer" and when async="async"?

anybody knows what to add to script for google ads? (google ads stops working when adding async="async" and defer="defer")

I see that Google button +, is using po.async = true;
defer and async are boolean attributes. "The values "true" and "false" are not allowed on boolean attributes. To represent a false value, the attribute has to be omitted altogether."

Yes, I would like to defer the parsing too. I am using JCH optimze yet the defer doesn't work for me. Says it in the source, but Gtmetrix didn't recognize. Anybody have other directions?

ok you found the solution but please tell us How can we make the change of this tags for our files... for example for

modules/mod_flyout/js/jquery.colorbox.js (14.2KiB)
media/system/js/modal.js (8.7KiB)

how i can change the script tag? where i must look at what file? i looked in index.php but nothing.. i looked in js files but only ansync:true found there.