web-dev-qa-db-fra.com

Google PageSpeed ​​Insights signale que bootstrap.min.css bloque le rendu

J'essaie d'obtenir une note supérieure à 90 sur PageSpeed ​​Insights.

Ma dernière erreur vient avec bootstrap, Google détecte le fichier bootstrap.min.css comme bloqueur de rendu. Le fichier se trouve sur mon serveur.

J'ai cherché des informations en ligne mais je n'ai rien trouvé. Comment puis-je réparer ça?

1
C.Xammar

Voici un article décrivant un processus permettant d'obtenir un score parfait de 100 sur PageSpeed ​​Insights à l'aide de bootstrap: https://www.appneta.com/blog/bootstrap-pagespeed/

Ils ont activé le module Apache mod_pagespeed avec ces paramètres:

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 est ce qui semble résoudre le CSS bloquant le rendu.

2