2017-07-16 3 views
0

Was ist seit Juli 2017 die beste Vorgehensweise, um eine externe Javascript-Datei von einer HTML-Seite aufzurufen?Der beste Weg, um eine externe js-Datei von der HTML-Seite aufzurufen (Stand: Juli 2017)

1) im Kopf mit einem Attribut DEFER:

<head> 
    <title></title> 
    <script src="script.js" defer></script> 
</head> 

2) in den Kopf ohne Attribut DEFER und in Abhängigkeit alle js Code platzieren, die ausgelöst wird, nachdem das DOM geladen wird.

<head> 
    <title></title> 
    <script src="script.js"></script> 
</head> 

script.js Datei:

function init() { 
    // all JS code in here 
} 
window.onload = init; 

3) unmittelbar vor dem Schließ BODY tag:

... 
<script src="script.js"></script> 
</body> 

4) unmittelbar nach dem Schließkörper tag:

... 
</body> 
<script src="script.js"></script> 
</html> 

5) Ein anderer Weg?

Antwort

0

Der beste Weg, um ein externes Javascript aufrufen, ist <script type="text/javascript" src="script.js" async></script> vor dem schließenden Tag für Körper (</body>).

async lässt das DOM seinen Prozess nicht stoppen, wenn es ein <script>-Tag findet.

Weitere Informationen finden Sie in diesem Beitrag https://developers.google.com/speed/docs/insights/BlockingJS

+1

Haben Sie eine Quelle oder Dokumentation, die diese unterstützen kann? – hwdbc

+2

@hwdbc Ja, ich habe eine Dokumentation. Ich habe die Google Mobile Sites-Zertifizierung vor einigen Tagen bestanden. Es war Teil der Prüfung. https://developers.google.com/speed/docs/insights/BlockingJS –

+0

Vielen Dank für die Bereitstellung. Ich fragte, weil es für OP hilfreich wäre, Zugang zu guter Dokumentation zu haben. – hwdbc

Verwandte Themen