CriticalCSS

Software kuvakaappaus:
CriticalCSS
Ohjelmiston tiedot:
Versio: 1.0.1 Päivitetty
Lähetyksen päivämäärä: 18 Apr 16
Kehittäjä: Filament Group, Inc.
Lupa: Vapaa
Suosio: 91

Rating: 4.3/5 (Total Votes: 3)

CriticalCSS on CSS optimointi työkalupakki, joka havaitsee sivun yläosassa CSS.

sivun yläosassa CSS tunnetaan myös kriittinen polku CSS ja on CSS tarvitaan tehdä näkyvä osa sivun, kun se ensin kuormia.

Google alkoi suositella kautta PageSpeed ​​Insights että kaikki kriittisen polun CSS tulisi ladata ensin, vaikka inlined HTML-tiedoston, ja loput CSS-tiedostot ladataan, kun sivu on suoritettu.

Tämä johtuu CSS on sivun esto resurssi, joka estää mitään näkymisen sivulla, kunnes se on ladattu.

valinta ja erottamalla sivun yläosassa CSS varmistaa koko tämän CSS pidetään pienenä ja (suuresti) nopeuttaa sivun.

Valitsemalla käyttää CriticalCSS, kehittäjät analysoi niiden verkkosivuilla, erota sivun yläosassa CSS erilliseen tiedostoon, lataa tiedosto ensin ja sitten lykätä muita CSS-tiedostoja, kun sivu on ladattu.

Käyttöohjeet annetaan paketin README tiedosto.

Mikä on uusi tässä julkaisussa:

  • Poistettu edellytys jättää display: none elementtejä kuin se aiheuttaa odottamattomia tuloksia.

Mikä on uusi versiossa 1.0.0:

  • Poistettu edellytys jättää display: none elementit se aiheutti odottamattomia tuloksia.

Mikä on uusi versiossa 0.6.1:

  • Poistettu edellytys jättää display: none elementit se aiheutti odottamattomia tuloksia.

Mikä on uusi versiossa 0.5.1:

  • Poistettu edellytys jättää display: none elementit se aiheutti odottamattomia tuloksia.

Mikä on uusi versiossa 0.5.0:

  • Poistettu edellytys jättää display: none elementit se aiheutti odottamattomia tuloksia.

Vaatimukset

  • Node.js 0,10 tai suurempi

Vastaavia ohjelmistoja

Python-SCSS
Python-SCSS

12 May 15

KineticJS
KineticJS

13 May 15

Apollo.js
Apollo.js

12 May 15

Muu ohjelmistojen kehittäjä Filament Group, Inc.

Tablesaw
Tablesaw

26 Jul 16

preloadCssImages
preloadCssImages

6 Jun 15

SocialCount
SocialCount

10 Dec 15

Kommentit CriticalCSS

Kommentteja ei löytynyt
Lisää kommentti
Ota kuvia!