CriticalCSS ay isang CSS optimization toolkit na hinahanap Sa itaas ng Fold CSS code.
Sa itaas ng Fold CSS ay kilala rin bilang mga kritikal na landas CSS at ang CSS na kailangan upang i-render ang nakikitang bahagi ng pahina kapag ito unang load.
Google nagsimula inirerekomenda sa pamamagitan PageSpeed Insights na ang lahat ng mga kritikal na landas CSS ay dapat na load sa una, kahit inlined sa HTML file, at ang natitirang bahagi ng mga file CSS load matapos ang pahina ay nai-render.
Ito ay dahil CSS ay isang pahina blocking resource na pumipigil sa anumang bagay mula sa pagpapakita sa pahina hanggang sa ito ay load.
Ang pagpili at naghihiwalay Sa itaas ng Fold CSS tinitiyak ang laki ng CSS code ay itatago maliit at (lubhang) bilis up ang iyong mga pahina.
Sa pamamagitan ng pagpapasyang gumamit CriticalCSS, mga developer ay aralin ang kanilang website, paghiwalayin Sa itaas ng Fold CSS code sa isang hiwalay na file, i-load ang file muna, at pagkatapos ipagpaliban ang anumang iba pang mga file CSS matapos ang pahina ay load.
Paggamit tagubilin ay ibinigay sa Readme file package ni
Ano ang bago sa ito release:.
- Inalis isang kondisyon upang ibukod display: none elemento bilang ito ay nagiging sanhi ng mga hindi inaasahang resulta .
Ano ang bago sa bersyon 1.0.0:
- Inalis isang kondisyon upang ibukod display: none elemento bilang ito ay nagiging sanhi ng mga hindi inaasahang resulta.
Ano ang bago sa bersyon 0.6.1:
- Inalis isang kondisyon upang ibukod display: none elemento bilang ito ay nagiging sanhi ng mga hindi inaasahang resulta.
Ano ang bago sa bersyon 0.5.1:
- Inalis isang kondisyon upang ibukod display: none elemento bilang ito ay nagiging sanhi ng mga hindi inaasahang resulta.
Ano ang bago sa bersyon 0.5.0:
- Inalis isang kondisyon upang ibukod display: none elemento bilang ito ay nagiging sanhi ng mga hindi inaasahang resulta.
Kinakailangan
- Node.js 0.10 o mas mataas
Mga Komento hindi natagpuan