ገጽ ብቃት ለማንኛውም ድረ-ገጽ ቅጽበታዊ ብቃት ማጠቃለያ ይሰጣል — ጫን ጊዜ ልኬቶች (FCP፣ DOMContentLoaded፣ ሙሉ ጫን፣ TTI)፣ DOM ስታቲስቲክስ (ኤለመንት ቁጥር፣ ማስገቢያ ጥልቀት) እና ንብረት ክፍፍል የ JavaScript፣ CSS፣ ምስሎች፣ ፎንቶች ቁጥር እና መጠን ያሳያል።
ከ Lighthouse ጋር ብቃት ፕሮፋይሊንግ ጊዜ ይወስዳል። ገጽ ብቃት ቅጽበታዊ ማጠቃለያ ይሰጣል — ከብራውዘር Performance API ጊዜ ውሂብ ያነባል ተጨማሪ ገጽ ጫን ሳያስፈልግ።
First Contentful Paint (FCP)፣ DOMContentLoaded፣ ሙሉ ገጽ ጫን እና Time to Interactive (TTI) ያሳያል — ቀለም-coded: አረንጓዴ (ፈጣን)፣ ቢጫ (መካከለኛ)፣ ቀይ (ቀርፋፋ)።
ምስላዊ ባር ቻርት ለማንኛውም ንብረት ዓይነት ቁጥር እና ጠቅላላ መጠን ያሳያል — JavaScript ፋይሎች፣ CSS ስታይልሺቶች፣ ምስሎች፣ ፎንቶች እና ሌሎች ንብረቶች።
ጠቅላላ DOM ኤለመንት ቁጥር፣ ከፍተኛ ማስገቢያ ጥልቀት እና ጠቅላላ event listener ቁጥር ያሳያል። ትልቅ DOM መጠኖች (2000+ ኤለመንቶች) ይሰየማሉ።
የገጹን ብቃት ጤና ያጠቃልላል አንድ 0-100 ነጥብ — አረንጓዴ (85+)፣ ቢጫ (50-84) ወይም ቀይ (0-49)።
ሁሉም የተወረዱ ንብረቶች ጥምር መጠን MB ያሳያል — በምድብ ተከፍሎ ከፍተኛ አስተዋጽኦ ያደረጉትን ለመለየት።
ከብራውዘር Performance API ብቃት ውሂብ ያነባል — በመደበኛ ገጽ ጫን ወቅት ቀድሞ የተሰበሰበ ውሂብ። ሰው ሠራሽ ዳግም-ፈተና የለም።
ማንኛውንም ገጽ ይክፈቱ ቅጽበታዊ ብቃት ማጠቃለያ ያግኙ። ፈጣን ነው (አረንጓዴ ነጥብ)፣ መካከለኛ (ቢጫ) ወይም ቀርፋፋ (ቀይ)?
ገጹ ቀርፋፋ ከሆነ ንብረት ክፍፍል ለምን እንደሆነ ያሳያል — 1.2 MB JavaScript? ያ ማነቆ ነው።
ማሻሻያዎችን ከማድረግ በፊት ገጽ ብቃት ያካሂዱ ልኬቶችን ይመዝግቡ። ለውጦችዎን ያድርጉ ዳግም ያስጫኑ ዳግም ያካሂዱ — ያወዳድሩ።
በእርስዎ ጣቢያ እና ተፎካካሪዎች ጣቢያዎች ላይ ያካሂዱ። ጫን ጊዜዎች፣ ገጽ ክብደቶች እና ንብረት ስርጭቶች ያወዳድሩ።
በልማት ወቅት በዋና ገጾች ላይ በየጊዜው ያካሂዱ። ብቃት ነጥብ ከቀነሰ ወይም ገጽ ክብደት በድንገት ከጨመረ ወደ ኋላ መመለስ አስተዋውቀዋል።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና ገጽ ብቃት አዶን ጠቅ ያድርጉ።
ከላይ ያሉ አራት ዋና ጊዜ ልኬቶች ይፈትሹ — FCP፣ DOMContentLoaded፣ ሙሉ ጫን እና TTI።
የትኛው ንብረት ዓይነት ከፍተኛ እንደሆነ ለማየት ንብረት ባር ቻርት ይመልከቱ።
DOM ስታቲስቲክስ ይገምግሙ። ኤለመንት ቁጥር 1500 ከበለጠ ወይም ማስገቢያ ጥልቀት 15 ከበለጠ markup ማቅለል ያስቡ።
ጠቅላላ ነጥብ ፈጣን ደረጃ ይሰጣል። ማሻሻያ ለመለካት ከሻሻሉ በፊት እና በኋላ ያካሂዱ።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
