← Rudi kwenye Vipengele
Pro

Chanjo ya Kanuni

Ufikiaji wa Msimbo hujaribu kila kiteuzi katika kila laha ya mtindo inayoweza kusomeka dhidi ya ukurasa wa moja kwa moja, ili uweze kuona ni sheria zipi za CSS ambazo hazilingani na chochote kwa sasa, ni baiti ngapi kila faili inapotea, na hati zipi zimeshikilia rangi ya kwanza.

Laha za mitindo hukua tu. Mandhari inakuja ikiwa na sheria za kurasa ambazo huna, mfumo husafirisha vipengee ambavyo hujawahi kutumia, na tatu husanifiwa upya baadaye hakuna mtu aliye na uhakika ni nusu ya faili gani inayobeba mzigo. Matokeo yake ni CSS ambayo hugharimu kila kipimo data cha mgeni na kutoa muda wa kutoa sheria ambazo ukurasa hauwezi kutumia.

Utoaji wa Kanuni hupima hilo moja kwa moja. Inafuata kila sheria katika kila laha ya mtindo ambayo kivinjari kitairuhusu isomwe - ikijumuisha sheria zilizowekwa ndani ya hoja za media, @supports na @layer blocks - na hujaribu kila kiteuzi dhidi ya DOM ya moja kwa moja. Sheria ambayo hailingani na chochote kwa sasa inaripotiwa kuwa haijatumika, kwa kila faili, kwa asilimia, baiti zilizopotea, na orodha kamili ya viteuzi unavyoweza kupanua na kunakili.

Ni makini kuhusu mitego ya wazi. Vipengee vya uwongo na aina za uwongo za serikali huvuliwa kabla ya kulinganishwa, kwa hivyo sheria ya :hover au ::before inahukumiwa ikiwa kiteuzi chake cha msingi kipo badala ya kufutwa kimakosa. Laha za mitindo zinazotolewa kwa asili tofauti bila vichwa vya CORS haziwezi kusomwa na hati yoyote, kwa hivyo zimealamishwa kuwa hazisomeki badala ya kuhesabiwa kimya kimya kuwa kamili. Na kwa sababu uchanganuzi unaonyesha ukurasa kama ulivyo wakati huo, sheria za menyu, vichupo na modi ambazo hazijafunguliwa zitaonekana kuwa hazijatumika - kwa hivyo zifungue na ubonyeze Changanua Upya kabla ya kufuta chochote.

Kichupo cha JavaScript kinajibu swali tofauti: uzito na kuzuia. Huorodhesha kila hati ambayo ukurasa hupakia na saizi yake ya uhamishaji, wakati wake wa kupakua, na iwe hailingani, imeahirishwa, moduli, iliyopakiwa kwa nguvu au iliyoshikilia rangi ya kwanza, kisha hufanya jumla ya baiti ngapi zinazuia. Haiuzwi kimakusudi kama chanjo ya utekelezaji - kujua ni mistari ipi ya JavaScript iliyoendeshwa inahitaji API ya kitatuzi ya Chrome, ambayo DevSuite Pro haiombi, kwa hivyo hakuna chochote hapa kinachojifanya kuwa ripoti ya kiwango cha laini.

Uhakiki wa Moja kwa Moja
example.com
Chanjo ya Kanuni Sheria 4,182 zimeangaliwa katika 38 ms
CSS isiyotumika Uzito wa JS
6
Laha za mitindo
4,182
Kanuni
71%
Isiyotumika
186 KB
Upotezaji wa CSS
theme.min.css 214 KB 83%
1,842 kutumika · 2,118 isiyotumika · 142 KB kupotea
vendor-grid.css 61 KB 47%
218 kutumika · 194 isiyotumika · 31 KB kupotea
app.css 28 KB 12%
onyesha viteuzi visivyotumika
fonts.googleapis.com asili mtambuka n/a
Vipengele Muhimu

Ulinganishaji wa Kiteuzi Halisi

Kila sheria katika kila laha ya mtindo inayoweza kusomeka hujaribiwa dhidi ya DOM ya moja kwa moja, ikijumuisha sheria ndani ya hoja za media, @supports na @layer blocks - haijakadiriwa kutoka kwa majina au ukubwa wa faili.

Taka Inapimwa Kwa Kila Faili

Kila laha ya mtindo hupata asilimia isiyotumika, hesabu ya sheria iliyotumika-dhidi-isiyotumika na idadi ya baiti zilizopotea, zilizopangwa ili mhalifu mbaya zaidi awe juu.

Orodha Halisi ya Wateuzi

Panua faili yoyote ili kusoma viteuzi ambavyo havilingani na chochote, kisha unakili kama kizuizi cha CSS ili ufanyie kazi katika kihariri chako au umpe mwenzako.

Kufahamu Jimbo, Sio Ujinga

Vipengele vya uwongo na hali za uwongo za darasa kama vile :hover na :focus- inside huondolewa kabla ya kulinganishwa, kwa hivyo sheria shirikishi huhukumiwa kwa haki badala ya kufutwa.

Uzito wa JavaScript na Kuzuia

Kila hati iliyoorodheshwa na saizi yake, wakati wa kupakua na iwe hailingani, imeahirishwa, moduli, iliyopakiwa kwa nguvu au inayozuia rangi ya kwanza - pamoja na jumla ya baiti za kuzuia.

Mkweli Kuhusu Mipaka Yake

Laha za mitindo asilia zisizoweza kusomeka zimealamishwa badala ya kupigwa alama, na kichupo cha JS kinasema waziwazi kwamba hupima uzito, si ni mistari ipi iliyotekelezwa. Hakuna nambari zilizovumbuliwa.

Matumizi ya Kawaida

Kupunguza mandhari yaliyojaa

Mandhari iliyonunuliwa husafirisha CSS kwa miundo mingi ya onyesho. Tazama ni kiasi gani ambacho tovuti yako haitumii na kukata faili chini na ushahidi badala ya kubahatisha.

Ukaguzi wa muundo wa muundo

Angalia ni kiasi gani cha mfumo wa CSS unabaki kwenye kiolezo halisi, na kama usanidi wako wa kusafisha au kutikisa mti unafanya unavyofikiri.

Kutafuta kile kinachozuia rangi ya kwanza

Orodhesha hati zinazoshikilia uwasilishaji, pamoja na saizi zake, na uamue cha kuahirisha, kugawanya au kuacha ili kupata maudhui kwenye skrini mapema.

Kuweka kipaumbele mbio za utendakazi

Ingia ukitumia nambari: ni faili zipi zinazopoteza baiti nyingi zaidi, ni kiasi gani cha JavaScript kinazuia, na ambapo saa ya kwanza ya kazi hulipa zaidi.

Inakagua msimbo uliorithiwa

Kuchukua tovuti ambayo hukujenga, pata usomaji wa haraka kuhusu kiasi gani cha CSS na JavaScript yake bado inapata nafasi yake.

Jinsi ya Kutumia
1

Fungua Huduma ya Msimbo

Bofya ikoni ya Ufikiaji wa Msimbo kwenye kituo cha DevSuite Pro. Uchanganuzi huendeshwa mara moja na huripoti ni sheria ngapi zilikaguliwa na ni sehemu gani kati yao haijatumika.

2

Soma muhtasari

Safu mlalo ya juu hukupa hesabu ya laha za mtindo, jumla ya sheria, asilimia isiyotumika na baiti zilizopotea. Faili zilizo hapa chini zimepangwa kwa kiasi gani zinapoteza.

3

Panua wakosaji

Bofya onyesha viteuzi ambavyo havijatumika kwenye faili yoyote ili kusoma ni sheria zipi haswa ambazo hazilingani na ukurasa huu.

4

Changanua tena ukurasa ukiwa wazi

Fungua menyu, vichupo, accordion na moduli, kisha ubonyeze Changanua tena. Sheria ambazo vipengele vyake vinapatikana katika majimbo hayo pekee vitaondoka kutoka kwa zisizotumika hadi kutumika - kila mara fanya hivi kabla ya kufuta.

5

Ondoa orodha

Nakili viteuzi visivyotumika hukupa kizuizi cha CSS cha kufanyia kazi; Hamisha JSON kunakili ripoti kamili, ikijumuisha orodha ya JavaScript, kwa tikiti au hati ya ukaguzi.

Uko Tayari Kujaribu?

Sakinisha DevSuite Pro bila malipo na ufungue zana 71+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox