እንዴት እንደሚሰራ፦ ቴክኖሎጂ፣ ጥራቶች እና ገደቦች

1. ለምን የቪዲዮ ቀረጻ አንጠቀምም

ምስላዊ የትንተና መሣሪያዎች የጎብኚ ማያ ገጽን በመደበኛ የቪዲዮ ፋይሎች (እንደ MP4 ወይም WebM) ይቀርጻሉ የሚል የተለመደ የተሳሳተ ግንዛቤ አለ። እንዲህ ማድረግ ከፍተኛ የኔትወርክ አቅም ይወስዳል፣ ድረ ገጽዎን በእጅጉ ያዘገያል፣ የደበዘዘና የማይነበብ ጽሑፍም ይፈጥራል።

በምትኩ MousePlayer የDOM ቅጽበታዊ ምስል ቴሌሜትሪ ተብሎ የሚታወቅ ቀላል ቴክኖሎጂ ይጠቀማል። በመሠረታዊ ደረጃ እንዲህ ይሰራል፦

የንድፍ ቅጽበታዊ ምስል

ጎብኚ ገጽዎን ሲከፍት ስክሪፕታችን የHTML እና የቅጥ መዋቅርዎን በጽሑፍ የተመሠረተ «ንድፍ» ይወስዳል። የገጽዎን ምስል ወይም ቪዲዮ ፋይሎች ሳይቀዳ አካላት የት እንደሚገኙ ይመዘግባል፤ ማጫወቻው በመልሶ ማጫወት ጊዜ ምስሎችን ከመጀመሪያ አድራሻቸው ይጫናል። ልዩ ሁኔታው ይዘታቸው እንደ ምስል የሚላክ የcanvas አካላት ናቸው (ከታች ይመልከቱ)።

የመጋጠሚያ ቴሌሜትሪ

ተጠቃሚው ሲገናኝ የክስተቶች ፍሰት እንቀርጻለን፦ የመዳፊት ቦታዎች፣ የማሸብለል ጥልቀት፣ የጠቅታ መድረሻዎች እና የአሳሽ መጠን ለውጦች፣ እንዲሁም የገጹ ለውጦች ራሳቸው እና እንደ ቅንብሮቹ የኮንሶል መልዕክቶች፣ ያልተሳኩ ወይም ዝግ ጥያቄዎች እና የመጫኛ ጊዜ መለኪያዎች (Web Vitals)። እንቅስቃሴዎች እና ጠቅታዎች ትንሽ ናቸው፤ የገጽ ቅጽበታዊ ምስሎች እና ለውጦች እንደ ገጹ እጅግ ሊበልጡ ይችላሉ፣ ታሽገውም ይላካሉ።

የቲያትር ቀረጻ

በዳሽቦርድዎ ክፍለ ጊዜ ሲመለከቱ ማጫወቻችን የተቀረጸውን ንድፍ ተጠቅሞ ገጹን ዳግም ይፈጥራልና ምናባዊ ጠቋሚ በቀጥታ በላዩ ያንቀሳቅሳል፣ ጽሑፉንም እጅግ ጥርት ያለ ያቆያል።

ቀላል ሆኖ እንዲቆይ የተገነባ፦ ስክሪፕቱ ባልተመሳሰለ መንገድ ይጫናል፣ ከቪዲዮ ይልቅም ትናንሽ ቁጥራዊ የውሂብ ነጥቦችን ይልካል፣ ይህም የራሱን ጫና ትንሽ ያቆያል። ለCore Web Vitalsዎ ምን ማለት እንደሆነ በገጾችዎ፣ በማስተናገጃዎ እና በጎብኚዎ ኔትወርክ ይወሰናል፣ ስለዚህ ከእኛ ቁጥር ከመውሰድ ይልቅ በራስዎ ድረ ገጽ ይለኩት። ለተወሰነ የመጫኛ ፍጥነት ዋስትና አይሰጥም – ክፍል 20ን በ የአገልግሎት ውሎች ውስጥ ይመልከቱ።

2. የማያ ገጽ ጥራቶች & የሞባይል መሣሪያዎች

የዛሬ ተጠቃሚዎች ከትናንሽ ስማርትፎኖች እስከ እጅግ ሰፊ 4K የዴስክቶፕ ሞኒተሮች ድረስ በሁሉም ያስሳሉ። ድረ ገጾች ከተለያዩ የማያ ገጽ ስፋቶች ጋር ለመስማማት አቀማመጣቸውን በራስሰር ያንቀሳቅሳሉ፣ ያጥፋሉ፣ ዳግም ያደራጃሉ — ይህ ለማያ ገጽ የሚስማማ የድር ንድፍ ይባላል።

የጎብኚውን ትክክለኛ የእይታ ክልል እንዴት እናዛምዳለን

ቀረጻ እንዳይዛባ MousePlayer የጎብኚውን ትክክለኛ የእይታ ክልል መጠኖች ይቀርጻል (ለምሳሌ 390x844 ለስማርትፎን ወይም 1920x1080 ለዴስክቶፕ ሞኒተር)። የቲያትር ማጫወቻውን ሲከፍቱ ሞተራችን የጎብኚውን የመጀመሪያ የማያ ገጽ ጥምርታ በትክክል የሚያንጸባርቅ የተመጠነ ገለልተኛ አካባቢ ይፈጥራል።

የዴስክቶፕ & ላፕቶፕ ማያ ገጾች

በመደበኛ ኮምፒውተሮች በተመሳሳይ የአሳሽ ክፍለ ጊዜ ውስጥ ቀጣይ የመዳፊት እንቅስቃሴን እና በብዙ ትሮች ማሰስን እንይዛለን። ጠቋሚ በላያቸው ሲያርፍ የሚከፈቱ ምናሌዎች ገጹ ይህን ሲያደርግ ሰነዱን ከቀየረ በቀረጻው ይታያሉ፤ ንጹህ የCSS hover ተፅዕኖ በሰነዱ ውስጥ አይታይም፣ በቀረጻውም አይደገምም።

ስማርትፎኖች & ታብሌቶች

የንክኪ ማያ ገጾች በላያቸው የሚያርፍ የመዳፊት ጠቋሚ የላቸውም። MousePlayer የንክኪ እንቅስቃሴዎችን፣ የመጥረግ ማሸብለልን እና የአቅጣጫ ለውጦችን (ቁም እና አግድም) በመቅረጽ በራስሰር ይስማማል።

በክፍለ ጊዜ መካከል የመጠን ለውጥ ፈተና

ጎብኚ በክፍለ ጊዜ መካከል ታብሌቱን ካዞረ ወይም የዴስክቶፕ አሳሹን መስኮት መጠን ከቀየረ የድረ ገጹ አቀማመጥ በተለዋዋጭ መንገድ ይቀየራል። MousePlayer እነዚህን የመስኮት መጠን ለውጥ ክስተቶች ይይዛልና የግንኙነቱ አውድ እንዲጠበቅ የመልሶ ማጫወቻ ሸራውን ወዲያውኑ ያለ መቋረጥ ያስተካክላል።

3. የስርዓት ገደቦች & ቴክኒካዊ ወሰኖች

የተጠቃሚ ግላዊነትን ለማክበር፣ የአሳሽ ደህንነትን ለመጠበቅ እና ውሂብ ማቀናበርን ፈጣን ለማቆየት MousePlayer በተወሰኑ ቴክኒካዊ ወሰኖች ውስጥ ይሰራል፦

የስርዓት ወሰን	MousePlayer እንዴት እንደሚያስተናግደው
iFrames	ከገጽዎ ጋር ተመሳሳይ ምንጭ ያላቸው iframes ከይዘታቸው እና ከውስጣቸው ግንኙነት ጋር ይቀረጻሉ። የሌላ ምንጭ የተከተተ ይዘት (ለምሳሌ የYouTube ማጫወቻዎች፣ የStripe ክፍያ ቅጾች) በአሳሽ የደህንነት ፖሊሲዎች (Same-Origin Policy) ምክንያት ከውስጥ ሊቀረጽ አይችልም፤ በቀረጻው እንደ ቦታ ያዥ ይታያል፣ እዚያም አይጫንም።
ስሱ የግቤት መስኮች (PII)	የይለፍ ቃል እና የክፍያ መስኮች በእያንዳንዱ የመሸፈን ደረጃ በጎብኚው መሣሪያ ላይ ይሸፈናሉ፣ የሁሉም የቅጽ ግቤት ሙሉ መሸፈንም ለእያንዳንዱ ንብረት ነባሪ ነው። መተየብ እንደተከሰተ ያያሉ፣ የተተየበውን አይደለም። ሁለት ገደቦች ይተገበራሉ፦ ሁለቱ ደካማ የመሸፈን ደረጃዎች በእኛ የጽሑፍ ፈቃድ ብቻ ይነቃሉ፣ መሸፈንም የራስዎ ገጽ በሰነዱ ውስጥ የሚያትመውን ፈጽሞ አይደርስም – አድራሻ የሚያሳይ የማረጋገጫ ገጽ የቅጽበታዊ ምስሉ ክፍል ነው። ሁለቱም በ DPA ውስጥ ተገልጸዋል።
የCanvas & WebGL አካላት	የcanvas ይዘት እንደ ምስል ይቀረጻል፦ አንድ ጊዜ ከገጹ ቅጽበታዊ ምስል ጋር፣ ከዚያም በተቀየረ ቁጥር፣ በሰከንድ ከፍተኛው ወደ አንድ ጊዜ እና በመጠን ገደብ። ስለዚህ ለስላሳ አኒሜሽኖች እንደ ፍሬሞች ተከታታይ ይታያሉ። በተሸፈኑ ቦታዎች ወይም የሌላ ምንጭ ምስሎችን ለያዙ canvas አካላት ምንም ምስል አይላክም፤ የWebGL ይዘት ባዶ ሊቆይ ይችላል።
የድር ክፍሎች (Shadow DOM)	ክፍት የshadow ሥሮች ከይዘታቸው ጋር ይቀረጻሉ። የተዘጉ የshadow ሥሮች በስክሪፕቶች ሊደረሱ አይችሉም፤ ይዘታቸው ከቀረጻው ይጎድላል።
ማጓጓዝ & የአሳሽ ማከማቻ	ውሂብ በተመሰጠረ የWebSocket ግንኙነት (HTTPS/WSS) ይላካል። መመስረት ካልተቻለ፣ ለምሳሌ በፕሮክሲ ምክንያት፣ ስክሪፕቱ ወደ ተመሰጠረ የHTTP መንገድ ይመለሳል፤ እጅግ ትልቅ የገጽ ቅጽበታዊ ምስሎች በHTTPS በተለየ ይሰቀላሉ። MousePlayer ምንም ኩኪዎች አያስቀምጥም፤ በድረ ገጽዎ የአሳሹን የአካባቢ ማከማቻ እና የክፍለ ጊዜ ማከማቻ ይጠቀማል።
ስራ ፈት የAFK ጊዜዎች	ጎብኚ ትሩን ክፍት ትቶ ለ20 ደቂቃዎች ከሄደ ሞተራችን እንቅስቃሴ አለመኖሩን በራስሰር ይለያል፣ በመልሶ ማጫወት ጊዜም የስራ ፈት ክፍተቱን ያሳጥራል፣ የቆሙ ማያ ገጾችን በማየት ጊዜ እንዳያባክኑ።

እንዴት ልንረዳዎ እንችላለን?