Response title
This is preview!
Move this topic
Synchronous loading causing warning
in Using jQuery
•
2 years ago
I am developing the jQuery plugin below, and this issue at
GitHub was raised by a user
.
jQuery Ajaxify Plugin: http://4nf.org/
The plugin is responsible for "throwing" a warning in the console:
Synchronous XMLHttpRequest on the main thread is deprecated because of
its detrimental effects to the end user's experience.I attempted to research the possible cause and have ruled out
that it is due to a missing
- async: true
in the central $.ajax() call.
Next, I've ruled out, that it is due to attaching script tags, as described in here...
I'm now clueless, and wondering what else might be a classic
reason for this warning message?
Thanks in advance!
jQuery Ajaxify Plugin: http://4nf.org/
1
Replies(27)
Re: Synchronous loading causing warning
2 years ago
Without seeing the page that gets the error, I don’t think the problem
can be diagnosed. You found the most probably problem.
Can you reproduce the error in some particular browser?
Can you reproduce the error in some particular browser?
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Hi Jake,
Thanks!
The error can be seen on all browsers (I think) on one of these sites
(when navigating to another page):
or
To be more precise, the ending of the warning is:
- jquery.js?ver=1.11.2:4
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
It’s not "all" browsers. I loaded both pages in Safari,
Chrome, and Firefiox. I see no errors.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
forgot to add: when navigating to another (sub-) page
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
D’oh! Switch to a non-minimized version of jQuery. We may find the line
that causes the error.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Thanks Jake!
Much appreciated!
Yes, it now says (on http://4nf.org/):
- jquery-1.11.3.js:9625
The code at that line is:
- // Open the socket
- xhr.open( options.type, options.url, options.async, options.username, options.password );
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
It’s not using ajaxify now.
You need to put a stopper before that
line to see what options has in it.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
url:"http://4nf.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1&_=1437239057175"
is being requested with async:false
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
it shows the line:
EDIT:
- xhr.open(
as throwing the error, when I break the code up into:
- xhr.open(
- options.type,
- options.url,
- options.async,
- options.username, options.password );
I think
- options.async
not being
- true
might be the problem?
EDIT:
Yes, exactly - but I thought the default is
- async: true
?
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
yes. Trace back to figure out why you are loading migrate repeatedly,
and synchronously.
The default is true. Time to put on your debugging hat!
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Thanks Jake!
You helped me bigtime!
I know where to look for now :)
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
The warning can also be seen on this
site, that uses the plugin
.
(it's hand-made, has really simple and clean HTML and uses an
old version of the plugin, called "history")
That rules out, that it is site-specific.
Definitely, the error is being "thrown" by the Ajaxify plugin.
I have also tested setting
- async: true
explicitly, once
again.
Am clueless again...
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
I jumped to each page on that site, I don’t see the error.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Thanks Jake!
Please see the attached screenshot.
Attachments
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
Again with the minimized jQuery! That doesn’t help much. Try cutting
back your code to a bare minimum.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Hi Jake - thanks!
Much appreciated!
Much appreciated!
Currently enabled the unminified version of jQuery on
http://4nf.org/ this time, without the double
"migrate" plugin, but as an override of the other
(minified) plugin.
The result is the same as above:
it
shows the line:
- xhr.open(
as
throwing the error, when I break the code up into:
- xhr.open(
- options.type,
- options.url,
- options.async,
- options.username, options.password );
It would be fantastic to find the line of the
error in Ajaxify, the unminified version of which is
enabled right now...
(I don't know how to
trace back from jquery.js to ajaxify.js)
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
I put a stop on line 9625… in CHROME!
- _iScript = function ($S, PK) {
- $("head").append((PK == "href" ? linki : scri).replace("*", $S));
- },
The append causes scripts to be inserted.
jQuery._evalUrl = function( url ) {
return jQuery.ajax({
url: url,
type: "GET",
dataType: "script",
async: false,
global: false,
"throws": true
});
};
"<script
type="text/javascript"
src="http://4nf.org/wp-content/plugins/nofollow-case-by-case/js/nfcbc_scripts.js?ver=0.1" />"
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Hi Jake,
Thanks once again!
thanks very much!
Just to wrap up this thread, here just two more links:
(once knowing, this comes from dynamic script insertion - it
becomes a "known issue")
Last question:
Is there a way to suppress the warning, so users of
Ajaxify aren't irritated?
I would love to unroot this issue properly, but also see no way of
doing so, as the injected scripts should be inserted in the head
before the other HTML content...
(e.g. there would be a way of setting
(e.g. there would be a way of setting
- options.async : true
programmatically before the injection, but that would result in
undesired behaviour)
So, I agree, that there is nothing that can be done, except maybe
suppressing the warning...
Thanks once again!
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
You can’t suppress the warning. You can remove all the scripts and load
them individually and asynchronously. But that may be difficult and problematic.
You could tell people not to use <script src=> in the ajaxed content.
And you can check if it has already been reported as a bug to the
jQuery core team.
JΛ̊KE
Re: Re: Synchronous loading causing warning
2 years ago
I see you found an "issue". Try JQ 3.0 to see if it works for you.
JΛ̊KE
Leave a comment on jakecigar's reply
Re: Synchronous loading causing warning
2 years ago
Hi Jake,
it has been reported as an issue:
with the summary, that jQuery version 3.0 will fix it (automatically)
Alright, I suppose I'll educate the user in the documentation,
in the meantime...
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
Very helpful - thanks!
I tried linking straight to it in "override" fashion.
There was another error apart from the one we've been talking
about above.
Also, I don't think I'll specify JQ 3.0 as a minimum
requirement just yet...
Educating the user, that the warning is not crucial will do until
3.0(+) becomes standard...
Great stuff - I think we can deem this thread "closed"?
Re: Re: Synchronous loading causing warning
2 years ago
jQuery 3.0 is not ready for actual use yet. But I read that page, and I
have started to code for the changes.
It would be an interesting test to see if your code works with 3.0.
The few pages I tested did not work well!
JΛ̊KE
PS
It’s
as closed as you want it to be. You can come back with more tales from
the users’!
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
I saw an additional:
- url.indexOf ...is not a function
as an error message,
followed by the warning we've been talking about.
But as a disclaimer, that was with "overriding" the other
JQ scripts.
Leave a comment on arvgta's reply
Re: Synchronous loading causing warning
2 years ago
Hi Jake,
no further errors, works like a charm, but the warning, this
thread is about persists unfortunately...
(I only included the following, as the only jQuery file:
Leave a comment on arvgta's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to arvgta's question
{"z20833501":[14737000006347948,14737000006347957,14737000006347961,14737000006347967,14737000006347973,14737000006347977,14737000006353195,14737000006351355,14737000006357111,14737000006357127,14737000006357133,14737000006357141,14737000006357147,14737000006360543],"z2950240":[14737000006347953,14737000006347959,14737000006347963,14737000006347965,14737000006347969,14737000006347971,14737000006347975,14737000006351351,14737000006352179,14737000006357119,14737000006357129,14737000006357131,14737000006357137,14737000006357143]}
