Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Qtip2 loads a "jquery.qtip.min.map" from internet and slows down site

I included Qtip2 on my site and used the following snippets while the files are hosted on my own server as mentioned here:

<!-- jQuery FIRST i.e. before qTip (and all other scripts too usually) -->
<script type="text/javascript" src="/scripts/jquery.min.js"></script>

<!-- Include either the minifed or production version, NOT both!! -->
<script type="text/javascript" src="/scripts/jquery.qtip.js"></script>

Though hosted on the same server as the website the script loads the following additional file from the CDN of Qtip2:

https://cdnjs.cloudflare.com/ajax/libs/qtip2/2.2.0/jquery.qtip.min.map

This slows down my side extremely: enter image description here

I could not find any information about this. Any idea how to avoid (if not necessary) or replace and host on my own server?

like image 645
Sebastian Barth Avatar asked May 09 '14 17:05

Sebastian Barth


People also ask

What is QTIP jQuery plugin?

qTip jQuery Plugin. qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework. Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips. it's completely free.

What is qtip2?

Introducing... qTip2. The second generation of the advanced qTip plugin for the ever popular jQuery framework.

What happened to jQuery sourcemaps?

Sourcemaps have proven to be a very problematic and puzzling thing to developers, generating scores of confused questions on forums like StackOverflow and causing users to think jQuery itself was broken. Anyway, if you need to use a source map, it still be available:

What is the map file in jQuery?

Here's more info on .map files: jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found) Show activity on this post. The *.map file is a source map. It contains informations like function positions of the non-minified source code of Qtip2. Notice that I used the minified version of it on my webpage.


2 Answers

The final line of the Qtip2 script is a line lke this:

//# sourceMappingURL=http://cdnjs.cloudflare.com/.../jquery.qtip.min.map

Unfortunately the URL currently returns a 404. If you're hosting Qtip2 yourself, you should be able to find and remove that line at the end of the script. Otherwise, don't worry too much because the .map file is only requested when Developer Tools is open. Normal visitors won't download it.

Here's more info on .map files: jQuery's jquery-1.10.2.min.map is triggering a 404 (Not Found)

like image 196
ovinophile Avatar answered Oct 16 '22 21:10

ovinophile


The *.map file is a source map. It contains informations like function positions of the non-minified source code of Qtip2. Notice that I used the minified version of it on my webpage.

Source maps help to develop with a postprocessed (e.g. minified) source code without losing the ability to look into the code, for example when errors occur.

The chrome debugger as you can see on the image in my question above downloads it by default. After disabling that function in the debugger settings the file won't be downloaded any longer.

Take a look at this video for a short information or this documentation from Google.

Firefox offers the same feature as you can see here.

like image 37
Sebastian Barth Avatar answered Oct 16 '22 22:10

Sebastian Barth