Chrome DevTools-ში ვებგვერდების დათვალიერებისა და ანალიზისთვის რა ინსტრუმენტები და ფანელები გამოიყენება?

Chrome DevTools- ում վեբ էջերի սխալների վերացման և վերլուծության համար սովորաբար օգտագործում եմ հետևյալ ներդիրները:

• Elements — իրական ժամանակում դիտելու և փոփոխելու DOM կառուցվածքը և CSS ոճերը:
• Console — լոգերի ցուցադրում, JavaScript կոդի գործարկում և սխալների հայտնաբերում:
• Network — ցանցային հարցումների վերլուծություն, ռեսուրսների բեռնումը, պատասխանների ժամանակը և վիճակները ստուգել:
• Sources — JavaScript կոդի սխալների վերացում, կանգնեցման կետեր սահմանել և քայլ առ քայլ գործարկել:
• Performance — էջի կատարողականության պրոֆիլավորում, բեռնում և ռենդերինգի ժամանակների վերլուծություն:
• Application — տեղական պահեստի, Cookies, IndexedDB և cache-ի հետ աշխատել:
• Security — կապի և սերտիֆիկատների անվտանգությունը ստուգել:

Մասին՝ եթե էջը երկար է բեռնում, բացում եմ Network ներդիրը, կարգավորում եմ հարցումները ժամանակով և տեսնում, թե որոնք են դանդաղեցնող ռեսուրսները։