Hogyan kell végrehajtani az aszinkron betöltés css kifejezetten PageSpeed ​​Insights

Köszönjük, hogy időt, hogy válaszoljon.
Ez a módszer azt mutatja, jó magát a kisebb oldalak. Minden CSS oldalak illeszkednek a húr. Itt van egy projekt







30 ezer sornyi CSS-szabályok, és szabályokat levonni annyi az első dob a helyén, még soha senki sem tartott olyan tisztító és szervezése. Amellett, hogy a régi „mag” - minifitsirovannaya tömeg, amely felelős „egy kicsit mindenből” itt hozzáadott CSS keretek halom + javításokat, bevezetik az a karbantartás során. Válassza logikusan ebből gordiuszi csomót a legkritikusabb CSS, ami zainlaynit lehetetlen. Automatizált eszközök biztosítják a kritikus css, hogy a bevezetett kezd szétesni.







Salavat Sitdikov. szempontjából W3C - igen, én kitört. Azonban ebben az esetben (mivel a fragmentáció érvényesítő óriások), kész vagyok, hogy kicseréljék az időben JS-add-on loading CSS keresztül onload a rossz elrendezés, és tesz egy hack: a feltétel amiben egy linket a W3C érvényesítő.
Itt, sajnos, még nem egyeztetett a Google.)

A lábléc. Vagy lefagy document.ready

1. Keverjük össze az összes css egy. Minimalizálni.
2. Engedélyezze a tömörítést nekik. Ha van Nginx, gzip_static modul és egy minimalizált változata a egyszer tárolt sűrített (style.css.min.gz)
3. A fej, hogy egy kritikus css a fő belső podrugrazht saját. Vagy használja kombinált kritikus a fő és a belső.

Salavat Sitdikov. Ha az összes CSS össze egy, akkor kezd lag elrendezést. Szétválasztása logikai és megjelenítés - ez nem a projektről.
kritikus css csak meghibásodást okozhat elrendezés, bár ennek köszönhetően jó eredmények.




Kapcsolódó cikkek