← ወደ ባህሪያት ይመለሱ
Pro

Core Web Vitals

Core Web Vitals ጉግል በደረጃ የሚሰጣቸውን ሶስት መለኪያዎች ያሳያል- LCP፣ CLS እና INP - በቀጥታ በሚመለከቱት ገጽ የሚለካ፣ ከGoogle ጣራዎች አንጻር የተመዘኑ እና ከእያንዳንዱ ቁጥር በስተጀርባ ካለው ትክክለኛ አካል ጋር ይመለሳሉ።

Core Web Vitals ገፆችህ እንዴት ደረጃ እንደሚይዙ የተወሰነውን ይወስናል፣ ግን የተለመደው የመለኪያ መንገዶች አሰልቺ ናቸው። የላብራቶሪ መሳሪያዎች ማንም የማይለማመደው ሰው ሰራሽ ሸክም ያስቆጥራሉ። የፍለጋ ኮንሶል እውነተኛ ተጠቃሚዎችን፣ አራት ሳምንታት ዘግይተው፣ በዩአርኤል ባልዲዎች ተመድበው ሪፖርት ያደርጋል። ከፊት ለፊትዎ ያለው ገጽ የትኛው አካል ችግሩ እንደሆነ አይነግርዎትም።

ይህ መሳሪያ እርስዎ በሚጠቀሙበት ጊዜ በትክክል የሚመለከቱትን ገጽ ይለካል። LCP፣ CLS እና INP እያንዳንዳቸው ከዋጋው ጋር አንድ ሰድር ያገኛሉ፣ ጥሩ፣ ስራ ያስፈልገዋል ወይም በጎግል ከታተሙ ጣራዎች አንጻር ደካማ ደረጃ፣ እና የተቀመጡበትን ባር ያሳያል። FCP እና TTFB ለዐውደ-ጽሑፍ ከጎናቸው ተቀምጠዋል፣ ምክንያቱም በዝግተኛ አገልጋይ የሚፈጠረው ቀርፋፋ LCP በከባድ ምስል ከሚፈጠር ችግር የተለየ ነው።

ትርጉሞቹ Chrome ለCRUX ከዘገበው ጋር ይዛመዳሉ፣ ይህም ቁጥሮችን ከፍለጋ መሥሪያ ጋር ለማነጻጸር ካሰቡ አስፈላጊ ነው። CLS የክፍለ ጊዜ መስኮቶችን ይጠቀማል - መስኮቱ ከአንድ ሰከንድ ክፍተት በኋላ ወይም በአምስት ሰከንድ ያበቃል, እና በጣም መጥፎው መስኮት ያሸንፋል - እያንዳንዱን ፈረቃ በአንድ ላይ ከመጨመር ይልቅ. INP የመስተጋብር መዘግየት 98ኛ ፐርሰንታይል ነው፣ ይህም ለመደበኛ ጉብኝት በቀላሉ በጣም ቀርፋፋ መስተጋብር ነው። ልክ Chrome እንደሚያደርገው LCP በእርስዎ የመጀመሪያ መስተጋብር ላይ መቀየር ያቆማል።

በጣም ጠቃሚው, እያንዳንዱ ቁጥር ይገለጻል. ፓኔሉ ትልቁን የቀለም አካል፣ የተቀየሩትን ንጥረ ነገሮች እና በጣም ቀርፋፋውን መስተጋብር ይሰይማል፣ እና የማሳያ ቁልፍ ወደ ማንኛቸውም ይሸብልልና በገጹ ላይ ይዘረዝራል። CLS 0.31 መሆኑን ከማወቅ ይልቅ ይዘትዎን ወደ ታች የሚገፋውን ባነር ይመለከታሉ። ሪፖርቱን ገልብጥ ለትኬት እንደ ጽሁፍ ይሰጥዎታል።

የቀጥታ ቅድመ እይታ
example.com/products
Core Web Vitals ቀጥታ መለካት
LCPጥሩ
1.84 s
CLSድሆች
0.312
INPስራ ይፈልጋል
248 ms
FCP 1.12 s
TTFB 410 ms
ትልቁ አካል
1.84 s section.hero > img.banner አሳይ
ትልቁ የአቀማመጥ ፈረቃ
0.241 div.promo-banner አሳይ
0.071 ul.product-grid > li:nth-of-type(3) አሳይ
ቁልፍ ባህሪያት

የቀጥታ LCP፣ CLS እና INP

ገጹን ሲጠቀሙ የሶስቱ የደረጃ መለኪያዎች ይሻሻላሉ፡ ማሸብለል CLS ይንቀሳቀሳሉ፣ ተንቀሳቃሽ INP ን ጠቅ በማድረግ እና በመተየብ። እያንዳንዳቸው ጥሩ፣ ስራ ያስፈልገዋል ወይም ደካማ ከGoogle ጣራዎች አንጻር ደረጃ ተሰጥቷቸዋል።

የትኛውን አካል ይነግርዎታል

ትልቁን የቀለም አካል፣ የተቀየሩትን ንጥረ ነገሮች እና በጣም ቀርፋፋ መስተጋብርን ይሰይማል። ወደ ማንኛቸውም ለማሸብለል አሳይን ይጫኑ እና በገጹ ላይ በቀጥታ ይግለጹ።

የChrome የራሱ ፍቺዎች

CLS የክፍለ ጊዜ መስኮቶችን 1s ክፍተት እና 5s ቆብ ይጠቀማል፣INP 98ኛው የመስተጋብር መዘግየት 98ኛ ፐርሰንት ነው፣እና LCP በመጀመርያ መስተጋብር ይቀዘቅዛል -ስለዚህ ቁጥሮችህ ከፍለጋ ኮንሶል ጋር ይሰለፋሉ።

FCP እና TTFB ለዐውድ

የመጀመሪያው እርካታ ያለው ቀለም እና መጀመሪያ ባይት ከትልቁ ሶስት ጎን ተቀምጠዋል፣ ስለዚህ የተሳሳተውን ነገር ማመቻቸት ከመጀመርዎ በፊት ዘገምተኛ አገልጋይን ከከባድ ጀግና ምስል መለየት ይችላሉ።

የግንኙነቶች መከፋፈል

ከዝግጅቱ አይነት እና ከተካተቱት ንጥረ ነገሮች ጋር ያለዎትን በጣም ቀርፋፋ ግንኙነት ይዘረዝራል፣ ስለዚህ ቀርፋፋ ተቆልቋይ ወይም ማጣሪያ ከመገመት ይልቅ ሊገኝ ይችላል።

ሊገለበጥ የሚችል ሪፖርት

አንድ ጠቅታ እያንዳንዱን መለኪያ፣ ደረጃ መስጠት እና አፀያፊ መራጭን እንደ ግልፅ ጽሁፍ ይገለበጣል - ወደ ትኬት፣ የመሳብ ጥያቄ ወይም የደንበኛ ኢሜይል ለመለጠፍ ዝግጁ ነው።

የተለመዱ የአጠቃቀም ሁኔታዎች

አንድ ገጽ ከመርከብ በፊት በማጣራት ላይ

LCP፣ CLS እና INP በቀጥታ ከመለቀቁ በፊት በአዲስ አብነት አረንጓዴ መሆናቸውን ያረጋግጡ፣ ከአንድ ወር በኋላ ከፍለጋ ኮንሶል ከማወቅ ይልቅ።

የፍለጋ ኮንሶል ማስጠንቀቂያን በማሳደድ ላይ

የፍለጋ ኮንሶል የዩአርኤሎች ቡድን ይነግርዎታል CLS አልተሳካም; ከመካከላቸው አንዱን በዚህ መሣሪያ ይክፈቱ እና የትኛው አካል መቀየሪያውን እንደሚሰራ በትክክል ይመልከቱ።

የሚዘልለውን ንጥረ ነገር ማግኘት

ገጹን ያሸብልሉ እና CLS መውጣትን ይመልከቱ፣ ከዚያ ዘግይቶ የሚጫነውን ማስታወቂያ፣ ባነር ወይም የድር ቅርጸ-ቁምፊ ይዘትዎን የሚያንቀሳቅሰውን ለማሳየት አሳይን ይጫኑ።

ቀርፋፋ በይነገጽን መመርመር

በማጣሪያዎች፣ ሜኑዎች እና ሞዳሎች ጠቅ ያድርጉ፣ ከዚያ የትኛው ቁጥጥር በመቶ ሚሊሰከንዶች እንደሚያስከፍል ለማወቅ በጣም ቀርፋፋውን የግንኙነት ዝርዝር ያንብቡ።

ማመቻቸት መስራቱን ማረጋገጥ

ቁጥሮቹን ይመዝግቡ, ጥገናውን ያሰማሩ, ከዚያም ተመሳሳይ ገጽ እንደገና ይለኩ እና ሁለቱን ሪፖርቶች ጎን ለጎን ያወዳድሩ.

እንዴት እንደሚጠቀሙ
1

Core Web Vitals ን ይክፈቱ

በDevSuite Pro dock ውስጥ የCore Web Vitals አዶን ጠቅ ያድርጉ። የሜትሪክ ንጣፎች ገጹ ቀደም ሲል የተቀዳውን ማንኛውንም በመጠቀም ወዲያውኑ ይታያሉ።

2

ለንፁህ LCP እንደገና ይጫኑ

LCP ትርጉም ያለው ከገጽ ጭነት መጀመሪያ ጀምሮ ብቻ ነው፣ ስለዚህ እርስዎ እምነት ሊጥሉበት የሚችሉትን ንባብ ሲፈልጉ ፓነሉን ክፍት አድርገው እንደገና ይጫኑ።

3

ገጹን በመደበኛነት ይጠቀሙ

CLSን ለመለማመድ ሙሉውን ገጽ ያሸብልሉ፣ እና የINP መለኪያዎችን ለማመንጨት ይንኩ፣ ይንኩ እና ይተይቡ። ሲሄዱ ሰቆች ይዘምናል።

4

ጥፋተኛውን ያግኙ

ከኤልሲፒ ኤለመንት ቀጥሎ አሳይን ይጫኑ፡ የአቀማመጥ-shift ምንጭ ወይም ዘገምተኛ መስተጋብር። ገጹ ወደ እሱ ይሸብልል እና ይዘረዝራል ስለዚህ የትኛው አካል ተጠያቂ እንደሆነ ምንም ጥርጣሬ የለም.

5

ሪፖርቱን ይቅዱ

ለእያንዳንዱ ልኬት፣ ደረጃ እና መራጭ ግልጽ-ጽሑፍ ማጠቃለያ ለማግኘት ሪፖርት ቅዳ የሚለውን ጠቅ ያድርጉ። CLS እና INP ከባዶ ለመጀመር ዳግም አስጀምርን ይጫኑ።

ለመሞከር ዝግጁ ነዎት?

DevSuite Pro ን በነፃ ይጫኑ እና 71+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።

ወደ Chrome ያክሉ ወደ Edge ያክሉ ወደ FireFox ያክሉ