2017-02-13 19 views
0

は、サイト上で働いていると、ヘッド部にブートストラップCDNレンダリング遅延

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

を置くことによってMAX CDN経由でブートストラップを使用していました。

Googleのページスピードが表示されます。

あなたのページが1つのブロッキングCSSリソースを持っています。これにより、ページのレンダリングが遅くなります。 次のリソースが読み込まれるのを待たずに、ページ上の上記の折り畳みコンテンツをレンダリングできませんでした。ブロッキングリソースを延期するか、非同期的にロードするか、またはこれらのリソースの重要な部分をHTML内で直接インライン化してみてください。次の 最適化CSS配信:

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css 

はとにかくこれを固定するありますか?

おかげ

答えて

0

(最も可能性が高いあなたのために何もしません)CDNを変更したり、単純にファイルをローカルに保存するのどちらか。これにより、Google Page Speedの料金が上がります。

は、使用しているブートストラップファイルのコピーをダウンロードして、そのroot/css/bootstrap.min.css

rootは、プロジェクトフォルダである場合のようにそれを保存します。

CDNは、主にテスト目的(ファイルへの即時アクセス)や、複数の要件を満たす大規模なプロジェクトでは、常にローカルに対応できない場合があります。

Read this thread to better understand.

あなたのウェブサイトがなくて、それ自体でロードすることができるようにエラーは、Googleがあなたのプロジェクトのために深刻な問題ではないかもしれない与えること、ローカルリソースを使用することは常に良い習慣ですが別のクエリに似ている外部ソースを参照します。

スタティックファイル=負荷時間=幸いGoogle。

+0

大変ありがとうございます。 「私たちのページには1つのCSSリソースをブロックしています。これはあなたのページのレンダリングに時間を要します。エラー、誰もが知っている? – Walruss

+0

あなたのCSSリンクに 'media =" all "'を追加してみてください。そして、あなたのCSSファイルに '@ import'ルールがありますか?いくつのCSSファイルにリンクしていますか? – snkv

+0

私を助けてくれてありがとう。 2つのCSSファイルbootstrap.min.cssとstyles.css @importルールはありません。 – Walruss

関連する問題