LAB inserts scripts at the beginning of the <head> #115

xaddict · 2016-03-25T12:03:44Z

LABjs insert scripts at the beginning of the instead of at the end of the or even the end of the tag. Is there a reason for this and could it be changed in upcoming versions?

devilking15292 · 2016-03-25T13:16:50Z

if you want to add the downloaded scripts to the end of the head tag .. just open LAB.src.js
and replace this line

append_to.insertBefore(script,append_to.firstChild);
with
append_to.appendChild(script);

in line numbers 174, 183, 190 and 244.

hope it satisfies your need ..

Note: this is a non tested solution .

getify · 2016-03-25T18:38:27Z

@xaddict why does it matter where LABjs adds the scripts?

xaddict · 2016-03-30T06:41:44Z

Well, for one, Audits by Google wants scripts in a certain place and having
to ignore a bunch of rules just because LABjs does it that way can be
annoying if you have loads of projects all running through audits and
pagespeed. Plus, it's common esthetic practice to not put them before the
title or base tags
On Fri, 25 Mar 2016 at 19:38 Kyle Simpson notifications@github.com wrote:

@xaddict https://github.com/xaddict why does it matter where LABjs adds
the scripts?

—
You are receiving this because you were mentioned.

Reply to this email directly or view it on GitHub
#115 (comment)

getify · 2016-03-30T06:53:04Z

Those audits or whatever they are, are being rather naive if they're penalizing you for dynamically added scripts in the <head>. It's true it's not a great idea for that in the orig source code, but this is all dynamic, so its placement won't have any difference or impact at all.

Not sure this kind of feature would be useful to a broad enough audience to make it worth the bytes. But perhaps.

Improved on LABjs by adding: -> conditional loading based on element availability -> test multiple elements with AND-like condition (eg: $O.test().test().js().wait()) -> test multiple elements with OR-like condition (eg: $O.test('this, that').js().wait()) -> custom javascript attributes -> leaner code (6.3kb minified, 2.9kb gzipped) -> replaces .no-js with .js on html element -> queue test via $O.queueTest() -> end() to enable explicit end of test chain without breaking the chain (unlike sandbox()) -> loading initial js (entry point js - like app.js) via data attribute with data-only -> adjusted absolute uri regex gotten from a LABjs issue (getify/LABjs#98) -> automatically load polyfill service (polyfill.io) via options -> inject script tags at end of head tag opposed to LABjs inject at top (getify/LABjs#115) -> conditional script execution of inline scripts via $O.test().script() -> add snippet in docs for lazy css since this library will not handle that -> support CommonJS (not tested)

getify · 2017-04-03T01:35:05Z

LABjs is going to append resource requests to the end of the <head> from 3.0 onward.

tonyporto · 2017-04-20T19:53:03Z

Thank you for all the work you put into this, I actively use labjs & great to see that your back to actively making it better then what it already is...

xaddict · 2017-05-11T09:54:40Z

Awesome!

@getify
I hate to be a stick-in-the-mud but could it be an option to add resources to:

the end of the <head>
the end of the <body>

I know LABjs is async and deferred by design (defer the loading of LABjs and the script that calls LABjs) but PageSpeed Insights, WooRank, Feed the Bot, and other SEO tools are real bitches about order and placement of inserted scripts. For example, scripts that are before stylesheets or in order one after another (script, stylesheet, script, stylesheet) negatively impact the reports from these tools. It's very annoying but could be stopped by injecting scripts at the end of the <body> and stylesheets at the end of the <head>.

getify closed this as completed Apr 3, 2017

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

LAB inserts scripts at the beginning of the <head> #115

LAB inserts scripts at the beginning of the <head> #115

xaddict commented Mar 25, 2016

devilking15292 commented Mar 25, 2016

getify commented Mar 25, 2016

xaddict commented Mar 30, 2016

getify commented Mar 30, 2016

getify commented Apr 3, 2017

tonyporto commented Apr 20, 2017

xaddict commented May 11, 2017 •

edited

Loading

LAB inserts scripts at the beginning of the <head> #115

LAB inserts scripts at the beginning of the <head> #115

Comments

xaddict commented Mar 25, 2016

devilking15292 commented Mar 25, 2016

getify commented Mar 25, 2016

xaddict commented Mar 30, 2016

getify commented Mar 30, 2016

getify commented Apr 3, 2017

tonyporto commented Apr 20, 2017

xaddict commented May 11, 2017 • edited Loading

Awesome!

xaddict commented May 11, 2017 •

edited

Loading