Die Empfehlung ist leicht veraltet. Da mittlerweile alle gängigen Browser das defer-Attribut unterstützen, ist es sinnvoller die Javascript-Dateien mit ebendiesem im head zu laden. Der Seitenaufbau wird dadurch nicht mehr blockiert, die Javascripte werden noch während des parsens geladen (also früher, als wenn du die Skripte am Ende des body einbindest) und in der richtigen Reihenfolge ausgeführt und das erst wenn das DOM fertig ist. Ein weiterer Vorteil ist, dass die Skripte parallel geladen werden.

Das Attribut kann allerdings nur bei externen Skripten verwendet werden (was aber der Standard sein sollte).

Hier gibt es eine Grafik die das Ladeverhalten veranschaulicht. (Der Beitrag selbst ist alt.)