Ich möchte zuerst head js und dann alle in die Warteschlange gestellten Skripte in seine Funktion laden. Wie so ...
<script src=">/js/head.load.min.js" type="text/javascript" charset="UTF-8"></script>
<script type="text/javascript">
head.js("/path/to/jquery.js", "/google/analytics.js", "/js/site.js", function() {
// all done
});
</script>
Wie würde ich das machen?
Für diejenigen, die HeadJS nicht kennen, ist das 2,30-KB-Skript, das Ihre Website beschleunigt, vereinfacht und modernisiert ...
javascript
performance
wp-enqueue-script
Agileapricot
quelle
quelle
</body>
Antworten:
Sie sollten darauf hingewiesen werden, dass nicht alle Plugins / Themes die Warteschlange verwenden. Als ich anfing, mich mit allen ausgegebenen JavaScripts und CSS-Dateien zu befassen, habe ich mich einfach in die in die Warteschlange gestellten Dateien eingebunden. Dies führte dazu, dass ich nur 2 von 10 JavaScript-Dateien und 1 von 3 CSS-Dateien erhielt.
Hier sind einige schnelle PoCs. Weder getestet noch gedacht, um Sie in die richtige Richtung zu bringen, wenn Sie codieren können. Sobald ich nach Hause komme, werde ich etwas Passenderes und Funktionaleres zusammenschlagen.
(Grundsätzlich wurde der größte Teil des Codes aus dem JS & CSS Script Optimizer geklaut. )
Verwenden der WP Super Cache-Ausgabepufferung.
quelle
Folgendes versuche ich zu tun, um head.js zu integrieren:
Ich habe diesen Code in meine Vorlagendatei
functions.php
eingefügtEs gibt ungefähr so aus:
Beachten Sie, dass auch Skriptbeschriftungen verwendet werden, die manchmal sehr nützlich sein können, um festzustellen, welche (und wann) Skripte geladen werden.
quelle
wp_print_scripts
nach <head> :)Sie können dieses Plugin auch ausprobieren (oder sich zumindest den Code darin ansehen):
http://wordpress.org/extend/plugins/headjs-loader/
Es gibt einen regulären Ausdruck für die Ausgabe aus, bevor sie auf dem Bildschirm gedruckt wird, sodass sie auch mit Skripten funktioniert, die nicht in die Warteschlange gestellt wurden.
quelle
Hier ist meine Lösung dafür. Ich benutze yepnope anstelle von head.js, aber die Theorie ist ziemlich gleich.
https://wordpress.stackexchange.com/a/40325/9802
Ich hoffe es hilft und lass es mich wissen, wenn du Kommentare zu diesem anderen Thread hast.
quelle