CriticalCSS

CriticalCSS est une boîte à outils d'optimisation de CSS qui trouve dessus du code CSS Fold.

Au-dessus de la CSS Fold est également connu comme chemin critique et CSS est le CSS nécessaire pour rendre la partie visible de la page quand il charge d'abord.

Google a commencé recommandé par PageSpeed ​​Insights que tout chemin CSS critique doit être chargé dans un premier temps, même inline avec le fichier HTML, et le reste des fichiers CSS chargés après que la page a rendu.

Ceci est parce que CSS est une page ressource de blocage qui empêche quoi que ce soit d'être affiché sur la page jusqu'à ce qu'il a été chargé.

Sélection et séparation dessus de la CSS Fold fait que la taille de ce code CSS est maintenu petit et (beaucoup) accélère votre page.

En optant pour utiliser CriticalCSS, les développeurs vont analyser leur site, séparer Au-dessus du code CSS Fold dans un fichier séparé, charger le fichier d'abord, puis de reporter tous les autres fichiers CSS après la page est chargée.

instructions d'utilisation sont fournies avec le fichier README du package

Ce qui est nouveau dans cette version:.

• Suppression de la condition d'exclure l'affichage: aucun des éléments comme il a été à l'origine des résultats inattendus
.

Ce qui est nouveau dans la version 1.0.0:

• Retiré une condition d'exclure display: none comme des éléments il a été à l'origine des résultats inattendus.

Ce qui est nouveau dans la version 0.6.1:

• Retiré une condition d'exclure display: none comme des éléments il a été à l'origine des résultats inattendus.

Ce qui est nouveau dans la version 0.5.1:

• Retiré une condition d'exclure display: none comme des éléments il a été à l'origine des résultats inattendus.

Ce qui est nouveau dans la version 0.5.0:

• Retiré une condition d'exclure display: none comme des éléments il a été à l'origine des résultats inattendus.

Exigences :

• Node.js 0,10 ou plus