Was ist besser, unbenutzte Styling-Klassen aus der CSS-Bibliothek entfernen oder ein CDN verwenden?

Wo möglich in Web-App-Design Ich habe eine CDN verwendet, um häufig verwendete Bibliotheken (IE. JQuery, Bootstrap.css usw.) zu verteilen.Was ist besser, unbenutzte Styling-Klassen aus der CSS-Bibliothek entfernen oder ein CDN verwenden?

aber ....

Während mein neuestes Projekt zu optimieren Ich habe festgestellt, dass die Mehrheit der Seiten verwenden weniger als 10% des Bootstrap-css, 90% ungenutzt bleibt.

Bearbeiten: Diese Frage bezieht sich auf endgültige Bereitstellung nicht Entwicklung.

Frage:

~~Ist es besser, ein CDN zu verwenden, wo es eine sehr gute Chance, die Datei bereits irgendwo lokal zwischengespeichert wurde und sehr wahrscheinlich durch den Besucher Dienstleister?~~

~~Oder:~~

~~Ihre eigene CSS-Datei schreiben, die nur verwendet, was Sie benötigen, drastisch Reduzierung der Dateigröße und lokal hosten?~~

Die Bootstrap css minimierte Datei ist 122kB geben oder nehmen. In meinem Beispiel ist 109kB unbenutzt, so dass 13kB der verwendeten CSS-Datei übrig sind. In diesem Szenario wäre es besser, die 13kB lokal oder die 122kB von einem CDN zu hosten?

Vielen Dank im Voraus,

Gavin.

Quelle

2015-11-04 Gavin

Ein CDN bietet viele weitere Vorteile, als nur Ihre Ressourcen zu entlasten. Es ist schwer allgemeine Aussagen über die Verwendung von beiden zu treffen. – deceze

Wie viel (in Bezug auf das Datenvolumen) ist "90% von Bootstraps CSS" sowieso - nach Verkleinerung und Gzipping? (Und haben Sie bootstrap [angepasst an Ihre Bedürfnisse] (http://getbootstrap.com/customize/), so dass es nur die Komponenten enthält, die Sie verwenden, um damit zu beginnen?) – CBroe

Diese Frage ist entweder zu breit, Meinung basiert oder Diskussion lädt und so ist Wegthema für Stack-Überlauf –

Ich denke, es hängt von Ihrem Endbenutzer ab. Wenn Sie auf durchschnittliche Benutzer abzielen, können Sie davon ausgehen, dass sie CDN-Ressourcen zwischengespeichert haben. Sie müssen Ihre Benutzerbasis analysieren.

Ich bündle sie immer alle und lege sie auf ein CDN. Die Bündelung verringert das Seitengewicht und wirkt sich auch positiv auf den Server aus, indem die Arbeit entlastet wird. Es hängt aber auch von der Verfügbarkeit des Build-Prozesses und seiner Automatisierung ab.

Sie können folgende Werkzeuge zur Hand haben.

Entfernen Sie nicht verwendete Stile von CSS: https://github.com/giakki/uncss
unerreichbaren Code von Javascript entfernen: https://github.com/mishoo/UglifyJS

Quelle

2015-11-04 09:04:55 WhatisSober

, wenn Ihr Projekt auf dem Server ausgeführt wird, verwenden Sie dann CDN Google CDN https://developers.google.com/speed/libraries/ MaxCDN https: // www.maxcdn.com/ Wenn Sie in der Entwicklungsphase verwenden, dann ist das Projekt nicht mit dem Internet verbunden, Diesmal sollten Sie lokale JS verwenden – Smoke

Ich verstehe Ihren Kommentar über die Entwicklungsphase Smoke, aber die Frage war endgültige Bereitstellung. Ich sollte hinzufügen, dass in! Es tut uns leid. – Gavin

, wenn Ihr Projekt auf dem Server ausgeführt wird, verwenden Sie dann CDN

Google CDN

MaxCDN

MAX CDN

Wenn Sie in der Entwicklungsphase dann das Projekt verwenden, ist nicht mit dem Internet verbunden, diesmal sollten Sie

Die Hauptlogik Verwendung lokaler JS und CSS werden hinter der Alle Prozess ist der Cookie Cookie CDN-Pfad-Bibliothek speichern, die von anderen Websites verwendet wird und es wird beschleunigen Ihre Website als auch.

Quelle

2015-11-04 10:57:24 Smoke

Was ist besser, unbenutzte Styling-Klassen aus der CSS-Bibliothek entfernen oder ein CDN verwenden?

Antwort

Verwandte Themen