Es scheint, als ob die meisten Leute ein CDN zum Platzieren von Bildern und/oder Videos verwenden. Ist es klug, deine js und css auch auf eine cdn zu legen?Ist es ratsam, .css und .js Dateien auf einem CDN zu platzieren?
Antwort
Ich glaube nicht, dass etwas falsch ist (vor allem für Javascript, wenn Sie mehrere Websites mit dem gleichen Javascript-Code haben).
Ich glaube schon. Wenn jedoch beide dynamisch erzeugt werden, möchten Sie eine relativ niedrige ttl (time to live) auf den Dateien platzieren, so dass der CDN weiß, dass er neue Kopien ziehen muss. Aber wenn das nicht der Fall ist, würde ich denken, dass es gut wäre, sie auf Amazon S3 zu verteilen.
Ein Vorbehalt - stellen Sie sicher, Sie haben eine einfache Möglichkeit zu testen und zu entwickeln, ohne Verwendung der CDN als Cache kann Kopfschmerzen während dieses Prozesses sein.
[Bearbeiten]
Nach etwas mehr Erfahrung, ich glaube, es auf die Version am besten ist, diese Dateien und dann ihre Referenzen aktualisieren w/i, was die Ansichten erzeugt.
Zum Beispiel:
style.20111112.css
shoppingcart.20111113.js
Dies löscht die Notwendigkeit super niedrigen ttl ist zu haben und die CDN der im Cache gespeicherten Kopien zu löschen.
Während es eine gute Idee im Prinzip ist, immer ein Backup haben.
Mit Javascript, wenn das CDN ausfällt oder der Client aus irgendeinem Grund nicht auf diese js zugreifen kann, wird Ihre Site durch eine lokale Kopie als Backup flexibel gehalten.
Zum Beispiel mit jQuery, können Sie das Beste aus beiden Welten mit diesem Code-Schnipsel haben:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined')
document.write(unescape("%3Cscript src='/scripts/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
</script>
Ja, aber ..., bevor Sie die CSS und JS auf einem CDN platzieren
Alle separaten CSS-Dateien zusammenführen und minimieren - der Browser beginnt erst mit dem Rendern der Seite, wenn alle heruntergeladen sind.
Ermitteln Sie, welche JS-Dateien Sie für die Seite herunterladen müssen und welche später heruntergeladen werden können. Legen Sie dann die benötigten Dateien in die Kopfzeile und die anderen am Fuß der Seite oder laden Sie sie asynchron (nicht vergessen sie auch minify)
ein CDN gibt Ihnen ein paar Siege
- Reduzierte Latenz
- extra-Host-Namen zum Download von
- Wenn Sie es verwenden, rechts eine cookieless Domäne für statische Inhalte.
Es gibt einige reale Welt Beispiele für die Leistung verschiedener Optimierungen in dieser Präsentation, die die Runden den anderen Tag zu tun war - https://docs.google.com/present/view?id=0ASIJhpwrlBx6ZHA5emJmcF81MmM5Zzk3NmM0&authkey=COe29aAD&hl=en_GB (es ist nicht meine)
Die meisten Antworten hier geschrieben werden, von Menschen ohne CDN Erfahrung.
Wenn Sie Akamai oder einen der anderen großen CDN-Anbieter verwenden, finden Sie CDNs auf Ihrer Website für den Inhalt (Sie "sichern" also Ihre Daten nicht) und zwischenspeichern die Daten dann, bis Sie sie ungültig machen .
Ein CDN wie Akamai wird einen großen Unterschied machen - es sei denn, Sie haben Edge-Server auf der ganzen Welt verteilt. Einige unserer Kunden in Deutschland gingen von 15 Sekunden Ladezeiten auf weniger als 3 Sekunden.
Ich empfehle Ihnen, die Vorteile Abschnitt von zu lesen, um mehr zu erfahren.
- 1. Ist es ratsam, die Ausnahmebehandlung in einem Konstruktor zu platzieren?
- 2. Ist es ratsam, CSS-Frameworks zu verwenden?
- 3. Ist es ratsam, instanceof häufig zu verwenden?
- 4. Ist es sicher, Apache-Server angewiesen zu haben, .js- und .css-Dateien als PHP zu behandeln?
- 5. Sagt Resharper mir eine CSS-Klasse ist unbekannt, weil es auf einem CDN ist?
- 6. Bündel mehrere CSS von einem CDN geliefert?
- 7. Warum @import ist nicht ratsam, CSS zu verknüpfen?
- 8. Gibt es eine automatisierte [grunt] Aufgabe, um ein CDN zu CSS/JS-Dateien innerhalb Ihrer index.html voranzustellen?
- 9. Ist es möglich, ein PNG mit JS/CSS zu invertieren?
- 10. mod_rewrite nicht laden css und js Dateien
- 11. ist es ratsam, position: absolute; in asp.net?
- 12. Kendo Ui CSS und JS Dateien Anforderungen
- 13. Ist es ratsam, mehrere Django-Filter zu verwenden?
- 14. Ist es ratsam, immer in Funktionen zurückzukehren?
- 15. mod_rewrite/bricht JS und CSS-Dateien
- 16. Ist es ratsam, Java Call-by-Wert zu "verwerten"
- 17. Angular JS: CSS- und JS-Dateien dynamisch laden
- 18. Ist es möglich, Plugin-Dateien in einem Wordpress-Theme zu platzieren?
- 19. Importieren von CSS- und JS-Dateien auf Sinatra
- 20. Android WebView-Ressource-Dateien wie js und CSS-Dateien zwischenspeichern
- 21. Ist es ratsam, Redis in Echtzeit-Produktionsanwendung zu verwenden?
- 22. Verwandte js Dateien und CSS-Dateien von HTML-Block
- 23. jQuery $ (Dokument) .ready() ist es ratsam zu verwenden
- 24. Lohnt es sich, js-Dateien zu gzipieren?
- 25. Umleiten zu CDN
- 26. HTTPS und externe (CDN) gehostete Dateien?
- 27. ASP.NET MVC4 Bündelung CSS Einige auf CDN einige lokale Server?
- 28. Ist es möglich, Abschnitte in container in reStructuredText zu platzieren?
- 29. CSS- und JS-Dateien werden nicht geladen, MAMP-Server
- 30. Xpages: CSS- und JS-Ressourcen in einem Thema referenzieren
ist das noch heute relevant oder gibt es neuere Techniken? Vielen Dank! – tUrG0n