web-dev-qa-db-ja.com

Google PageSpeed Insightsは、bootstrap.min.cssがレンダリングをブロックしていると報告します

PageSpeed Insightsで90を超えるグレードを達成しようとしています。

私の最後のエラーはブートストラップに付属しています。Googleはファイルbootstrap.min.cssをレンダーブロッカーとして検出します。ファイルは私のサーバーにあります。

オンラインで情報を探しましたが、何も見つかりませんでした。どうすれば修正できますか?

1
C.Xammar

ブートストラップを使用してPageSpeed Insightsで100の完全なスコアを取得するプロセスを説明する記事は次のとおりです。 https://www.appneta.com/blog/bootstrap-pagespeed/

これらの設定でmod_pagespeed Apacheモジュールを有効にしました:

ModPageSpeed on
ModPagespeedRewriteLevel CoreFilters
ModPagespeedEnableFilters prioritize_critical_css
ModPagespeedEnableFilters defer_javascript
ModPagespeedEnableFilters Sprite_images
ModPagespeedEnableFilters convert_png_to_jpeg,convert_jpeg_to_webp
ModPagespeedEnableFilters collapse_whitespace,remove_comments

prioritize_critical_cssは、レンダリングブロッキングCSSを解決するために表示されるものです。

2