これは、CSSライブラリから未使用のスタイリングクラスを削除するか、CDNを使用する方が良いでしょうか？

Question

可能であれば、私はCDNを使用して一般的に使用されているライブラリ（IE、JQuery、Bootstrap.cssなど）を配布しています。しかし

....

私がページの大半は未使用の90％を残して、ブートストラップCSSの10％未満を使用していることに気づいた私の最新のプロジェクトを最適化しながら。

編集：この問題は、開発の最終的な展開ではありません。

質問：

はそれがより良いファイルが既に訪問者のサービスプロバイダによって非常におそらくどこかにローカルにキャッシュされたとされている非常に良いチャンスがあるCDNを使用することですか？

または：

は劇的にファイルサイズを小さく、必要なものだけを使用して、独自のCSSファイルを作成し、それをローカルにホストしますか？

ブートストラップのCSS拡張ファイルは122kBです。私の例では109kBは13kBの使用済みCSSファイルを残して使われていません。このシナリオでは、13kBをローカルに、または122kBをCDNからホストする方が良いでしょうか？

ありがとうございます。

Gavin

Answer 1

私はあなたのエンドユーザーに依存すると思います。平均的なユーザーをターゲットにしている場合は、CDNリソースがキャッシュされていると見なすことができます。ユーザーベースを分析する必要があります。

私はいつもそれらをすべてバンドルし、CDNに置きます。バンドルはページの重量を減らし、オフロード作業によってサーバーにも利益をもたらします。しかし、それはビルドプロセスとその自動化の可用性にも依存します。

次のツールが便利です。

• CSSから未使用のスタイルを削除します。https://github.com/giakki/uncss

• JavaScriptから到達不能コードを削除します。あなたのプロジェクトがサーバー上で実行されている場合https://github.com/mishoo/UglifyJSは

Answer 2

その後、使用CDN

GoogleのCDN

Google CDN

MaxCDN

MAX CDN

あなたは、プロジェクトがインターネットに接続されていない開発段階で使用している場合は、今度は、背後にある主なロジックの使用ローカルJSとCSS

する必要がありますすべてのプロセスはクッキーですクッキー他のサイトで使用されているCDNパスライブラリを保存します。スピードアップあなたのサイトも同様です。