Verschiedene Seiten meiner Website haben unterschiedliche Bedürfnisse js (Plugins in erster Linie), müssen einige Leuchtkasten, einige tun sie nicht, müssen einige ein Karussell, einige tun sie nicht usw.verschiedene kleine js-Dateien pro Seite VS. 1x siteweite js-Datei?
Im Hinblick auf die pageloading Geschwindigkeit sollte
Option 1 - Referenz jede jS-Datei, wenn es gebraucht wird:
so eine Seite haben könnte:
<script type="text/javascript" src="js/carousel/scrollable.js"></script>
<script type="text/javascript" src="js/jquery.easydrag.js"></script>
<script type="text/javascript" src="js/colorbox/jquery.colorbox-min.js"></script>
und andere haben:
<script type="text/javascript" src="st_wd_assets/js/carousel/scrollable.js"></script>
<script type="text/javascript" src="st_wd_assets/js/typewatch.js"></script>
Option 2 - kombinieren und komprimieren in eine site_wide.js Datei:
so würde jede Seite verweisen:
<script type="text/javascript" src="js/site_wide.js"></script>
ungenutzte Selektoren wäre/Event-Listener aber wie schlecht ist das? Ich würde an der Spitze der site_wide.js alle Plugin Hinweise/Akkreditierungen sind
http://stackoverflow.com/questions/2707499/improving-javascript-load-times-concatenation-vs-many-cache/2707544#2707544 http://stackoverflow.com/questions/1495338/use-cache -file-or-one-more-http-Anfrage –