Покривеност кода тестира сваки селектор у свакој читљивој табели стилова у односу на страницу уживо, тако да можете видети која ЦСС правила тренутно не одговарају ничему, колико бајтова свака датотека губи и које скрипте задржавају прву боју.
Листови стилова само расту. Стиже тема са правилима за странице које немате, оквир шаље компоненте које никада не користите, а три редизајна касније нико није сигуран која половина датотеке носи оптерећење. Резултат је ЦСС који кошта пропусни опсег сваког посетиоца и време рендеровања за испоруку правила која страница не може да користи.
Цоде Цовераге мери то директно. Он прати свако правило у свакој таблици стилова који ће му претраживач дозволити да прочита — укључујући правила угнежђена у медијске упите, @суппортс и @лаиер блокове — и тестира сваки селектор у односу на живи ДОМ. Правило које тренутно не одговара ничему се пријављује као некоришћено, по датотеци, са процентом, изгубљеним бајтовима и комплетном листом селектора које можете проширити и копирати.
Пази се на очигледне замке. Псеудо-елементи и псеудо-класе стања се уклањају пре упаривања, тако да се правило :ховер или ::бефоре процењује на основу тога да ли постоји његов основни селектор уместо да се погрешно отписује. Табеле стилова који се сервирају из унакрсног порекла без ЦОРС заглавља не могу се прочитати ниједном скриптом, тако да су означени као нечитљиви уместо да се тихо рачунају као савршени. А пошто скенирање одражава страницу каква је у том тренутку, правила за меније, картице и модале који још нису отворени изгледаће неискоришћено — зато их отворите и притисните Поново скенирај пре него што било шта избришете.
ЈаваСцрипт картица одговара на другачије питање: тежина и блокирање. Пописује сваку скрипту коју страница учитава са њеном величином преноса, временом преузимања и да ли је асинхронизована, одложена, модул, учитава се динамички или задржава прву боју, а затим збраја колико бајтова је блокирано. Намерно се не продаје као покривеност извршења — за сазнање које су ЈаваСцрипт линије покренуте потребан је Цхроме-ов АПИ за отклањање грешака, који DevSuite Pro не захтева, тако да ништа овде не претендује да буде извештај на нивоу линије.
Свако правило у свакој читљивој табели стилова се тестира у односу на живи ДОМ, укључујући правила унутар упита за медије, @суппортс и @лаиер блокове — не процењују се на основу имена датотека или величина.
Свака листа стилова добија проценат неискоришћених правила, број искоришћених у односу на неискоришћено правило и број изгубљених бајтова, сортиран тако да је најгори преступник на врху.
Проширите било коју датотеку да прочитате селекторе који се ничему не подударају, а затим их копирајте као ЦСС блок да бисте их прорадили у уређивачу или предали саиграчу.
Псеудоелементи и псеудокласе стања као што су :ховер и :фоцус-витхин се уклањају пре упаривања, тако да се интерактивна правила процењују праведно уместо да буду отписана.
Свака скрипта је наведена са својом величином, временом преузимања и да ли је асинхронизована, одложена, модул, динамички учитана или блокирана прва слика — плус укупни бајтови за блокирање.
Нечитљиви листови стилова унакрсног порекла се означавају уместо да се бодују, а ЈС картица јасно каже да мери тежину, а не које се линије извршавају. Нема измишљених бројева.
Купљена тема шаље ЦСС за десетине демо изгледа. Погледајте колико тога ваша веб локација никада не користи и смањите датотеку доказима, а не нагађањима.
Проверите колико ЦСС оквира опстаје на стварном шаблону и да ли ваша конфигурација чишћења или трешења дрвета ради оно што мислите да јесте.
Наведите скрипте које задржавају рендеровање, са њиховим величинама, и одлучите шта да одложите, поделите или испустите да бисте раније добили садржај на екрану.
Уђите са бројевима: које датотеке троше највише бајтова, колико ЈаваСцрипт блокира и где се први сат рада највише исплати.
Преузимајући сајт који нисте направили, брзо прочитајте колико његовог ЦСС-а и ЈаваСцрипт-а још увек заузима своје место.
Кликните на икону Покривеност кода у DevSuite Pro доку. Скенирање се покреће одмах и извештава колико је правила проверило и који део њих је неискоришћен.
Горњи ред вам даје број стилова, укупна правила, неискоришћени проценат и изгубљене бајтове. Датотеке у наставку су поређане према томе колико отпадају.
Кликните на прикажи неискоришћене бираче на било којој датотеци да бисте прочитали тачно која правила не одговарају ничему на овој страници.
Отворите меније, картице, хармонике и модале, а затим притисните Ре-сцан. Правила чији елементи постоје само у тим стањима ће се премештати из некоришћених у коришћена — увек урадите то пре брисања.
Копирај неискоришћене селекторе вам даје ЦСС блок за рад; Извоз ЈСОН копира цео извештај, укључујући ЈаваСцрипт инвентар, за карту или ревизијски документ.
Instalirajte DevSuite Pro besplatno i otključajte 71+ alata za programere za svoj pretraživač.
