does yepnope inject files twice (image/webp header)?

[zigotica]

hi,

i think that yepnope injects files twice, one as an image and one as a script, at least that's what inspector says. you can reproduce the issue by going to http://yepnopejs.com/ for instance and checking network for fles such as jquery, jsbeautify, etc. first injections come with Accept:image/webp,/;q=0.8 and later with Accept: /

Am i missing something? thanx

[zigotica]

ok, i was searching the whole internet and issues while the info is at your homepage: http://yepnopejs.com/#twice

the question remains the same. even for your own site, there are two requests per injection in chrome. no cache at all. no 304 status, all 200. apparently firefox manages cache correctly.

is there a way to ensure i can setup this correctly in my server? what does "sending the correct cache headers" imply?

thanx

[tdakhla]

I just started using yepnope for a website and noticed this behavior in Chrome as well. It looks like even yepnope's website requests every asset twice, although I'm not entirely sure why. Here's what I've noticed:

• Script tags that are requested before the page onload event are duplicate requested from the server and not looked in the cache.
• Script tags that are requested after page onload event aren't duplicate requested, as Chrome appears to lookup the asset in the cache correctly.
• 2 inline script tags with the exact same URL are not duplicate requested (both fire before onload event).
• An inline script tag and an inline img tag with the same URL are duplicate requested (both fire before the onload event).

Bottom line: Chrome seems to treat img and script requests differently if they occur before the onload event, even if they're the exact same URL.

[zigotica]

hi @tdakhla I finally ended up using modernizr test + a simple async loader, something like:

injectJS : function(src, body){
        var script = document.createElement('script');
            script.src = src;
        if(body) document.body.appendChild(script);
        else  document.getElementsByTagName("head")[0].appendChild(script);
    }