የእርስዎ React ወይም Next.js መተግበሪያ በእያንዳንዱ ልቀት ቀስ በቀስ እየቀዘቀዘ መጣ። ጥቅሉ አደገ፣ ምስሎች ሙሉ መጠን ይላካሉ፣ የሶስተኛ ወገን ስክሪፕት የመጀመሪያውን ቀለም ይከለክላል፣ ዝርዝር በእያንዳንዱ የቁልፍ ጭነት ላይ እንደገና ይሰራል። ከእነዚህ ውስጥ የትኛው በተጠቃሚዎችዎ ጊዜ እንደሚያስከፍል እለካለሁ፣ ከዚያም ማስተካከል የሚገባቸውን አስተካክላለሁ።
የእርስዎን React ወይም Next.js መተግበሪያ እመረምራለሁ እና በቁጥሮች ፈጣን አደርገዋለሁ
ላይትሀውስ እና ፕሮፋይለር በመተግበሪያዎ አንድ ገጽ ላይ፣ ግኝቶች በክፍያ ደረጃ ተሰጥተዋል።
- አንድ ገጽ ተመርምሯል፣ ደረጃ ተሰጥቶታል
ኦዲቱ፣ ከዚያም ቁጥሮቹን የሚያንቀሳቅሱት ጥገናዎች፣ ከዚህ በፊት እና በኋላ ተለክተዋል።
- ኦዲት እና ዋና ዋና ጥገናዎች
- ምንጭ ኮድ
እስከ 5 መንገዶች፣ አቀራረብ እና መሸጎጫ፣ በCI ውስጥ ያለ የጥቅል በጀት፣ ሙሉ ንጽጽር።
- ጥልቅ ማለፊያ፣ እስከ 5 መንገዶች
- ምንጭ ኮድ
ብጁ ቅናሽ ይጠይቁ
ከሽያጭ በፊት ጥያቄ ይጠይቁ
ጥያቄ ለመጠየቅ ይግቡ
የመድረክ አይፈለጌ መልዕክትን ለመቀነስ፣ ቅድመ-ሽያጭ መልዕክቶች ሊላኩ የሚችሉት በገቡ ተጠቃሚዎች ብቻ ነው።
ነፃ መለያ ይፍጠሩ ወይም ይህን Zinner በቀጥታ ለመላክ ይግቡ።
ግባ / ይመዝገቡበአጭሩ
ይህንን አገልግሎት ለመወሰን የሚረዱ ቁልፍ ዝርዝሮች። በZinn Hub የተፈጠረ፣ በሻጩ አይደለም።
የእሴት አቀማመጥ
Measurement Approach
የተሸፈኑ ማዕቀፎች
Metrics Reported
የማድረስ ዘዴ
የሚያገኙት
ሙሉ መግለጫ
ቀርፋፋ ገጾች የምዝገባ ወይም የፍለጋ ትራፊክ እያስከፈሉዎት ነው ብለው ካሰቡ እና ያለዎትን መተግበሪያ ማቆየት ከፈለጉ ይህንን ያዝዙ። React እና Next.js ፈጣን መተግበሪያ የሚያስፈልገውን አብዛኛውን ነገር አስቀድመው ይልካሉ፣ ስለዚህ ትርፉ የሚመጣው ቁልል ከመቀየር ይልቅ እነዚያን መሳሪያዎች በጥሩ ሁኔታ ከመጠቀም ነው።
ቁጥሮችን እንጂ ቅጽሎችን አያገኙም: LCP, CLS, INP እና የጥቅል መጠን ለእያንዳንዱ መንገድ, በተመሳሳይ በተገደበ ግንኙነት ላይ ከዚህ በፊት እና በኋላ የሚለካ, በአንድ ሰንጠረዥ ውስጥ.
ጀማሪ የአንድ ገጽ ኦዲት ነው: ሙከራዎች, ግኝቶች በክፍያ ደረጃ የተሰጡ, ምንም ኮድ አልተለወጠም. Standard ከዚያ ኦዲት ይጀምራል እና የቀረውን ጊዜ እነዚያን ቁጥሮች በሚያንቀሳቅሱ ጥገናዎች ላይ ያሳልፋል። Advanced እስከ 5 መንገዶችን ይሸፍናል, አቀራረብን እና መሸጎጫን ያስተካክላል, እና በCI ውስጥ የጥቅል በጀት ይተዋል ስለዚህ ቀጣዩ ልቀት ስራውን በጸጥታ ሊሽረው አይችልም.
ስራው በማከማቻዎ ውስጥ ባለው ቅርንጫፍ ላይ ይከናወናል, ቁርጠኝነት በቁርጠኝነት, እያንዳንዱ በምክንያቱ. ካልጠየቁ በስተቀር ምንም ነገር በእኔ አይሰማራም።
ምንም ጥሪዎች የሉም። ከእኔ ጋር የማይስማሙ መለኪያዎችን ጨምሮ ሁሉም ነገር በጽሁፍ።
ፕሮጀክትዎን ለማጠናቀቅ የሚረዱ እርምጃዎች
1. ተጠቃሚዎችዎ በትክክል የሚያገኙትን ይለኩ - በቀጥታ ገጾችዎ ላይ Lighthouse እና ቀርፋፋ በሆኑት ላይ የReact profiler ክፍለ ጊዜ፣ በተገደበ ግንኙነት። LCP፣ CLS፣ INP እና የጥቅል መጠን በእያንዳንዱ መንገድ፣ ምንም ነገር ከመነካቱ በፊት ተጽፏል።
2. በጣም ውድ የሆነውን ያግኙ - ጥቅሉ እና የአውታረ መረብ ፏፏቴ፡ ማንም የማይጠቀመው ምን ይላካል፣ የመጀመሪያውን ቀለም የሚከለክለው ምንድን ነው፣ የትኞቹ ክፍሎች እንደገና ይሰራሉ እና ለምን። እያንዳንዱ ግኝት በሚሊሰከንዶች ወይም ኪሎባይት ውስጥ የሚገመተውን ቁጠባ ይይዛል።
3. ያስተካክሉት፣ ትልቁን ድል በመጀመሪያ - የኮድ መከፋፈል፣ የምስል እና የቅርጸ-ቁምፊ አያያዝ፣ አተረጓጎም-የሚከለክል ስራ፣ ፕሮፋይለሩ በሚጠይቀው ቦታ ማስታወስ፣ ወሳኝ ከሆነው መንገድ የወጣ የውሂብ ማምጣት። ለእያንዳንዱ ለውጥ አንድ ቁርጠኝነት፣ እያንዳንዱም የራሱ ምክንያት አለው።
4. እንደገና ይለኩ፣ ጎን ለጎን - በተለወጠው ግንባታ ላይ ተመሳሳይ ሩጫዎች፡ በፊት እና በኋላ በአንድ ሠንጠረዥ ውስጥ፣ በእያንዳንዱ መንገድ እና በእያንዳንዱ መለኪያ። አንድ ለውጥ የሆነ ነገር ካባባሰው፣ ሠንጠረዡ ያንን ይናገራል እና ለውጡ ወደ ኋላ ይመለሳል።
5. በእርስዎ ማከማቻ ውስጥ አሳልፎ መስጠት - በእርስዎ ማከማቻ ውስጥ ያለ ቅርንጫፍ ወይም ፓች፣ ሪፖርቱ እና ያላደረግኩት እና ምን ዋጋ እንደሚኖረው ታማኝ ዝርዝር። ማሰማራት በእጅዎ ውስጥ ይቆያል።
የZinner ጥራት ዋስትና
እያንዳንዱ Zinner መድረኩን ከመቀላቀሉ በፊት ይገመገማል እና ይፀድቃል።
ሁሉም አገልግሎቶች በጥራት ማረጋገጫ ቁርጠኝነታችን የተደገፉ ናቸው።
የተሰጠውን ስራ እስኪያፀድቁ ድረስ ክፍያዎ የተጠበቀ ነው።
ጥቅሎችን ያወዳድሩ
| ተግባር | ጀማሪ | መደበኛ | የላቀ |
|---|---|---|---|
| የማስረከቢያ ጊዜ | 2 ቀናት | 4 ቀናት | 8 ቀናት |
| ክለሳዎች | 0 | 2 | 3 |
| ወሰን | አንድ ገጽ ተቀርጿል፣ ደረጃ ተሰጥቶታል | ኦዲት እና ዋናዎቹ ጥገናዎች | ጥልቅ ማለፊያ፣ እስከ 5 መንገዶች |
| ምንጭ ኮድ | ✕ | ✓ | ✓ |
ፖርትፎሊዮ
ከዚህ Zinn ጋር የተያያዙ የሻጩ ሥራዎች ምሳሌዎች።
ፎርምላይን፡ Next.js ማከማቻ ከ Stripe ጋር
ሊጫኑት የሚችሉት የሱቅ ፊት ለፊት፡ 16 ፖስተሮች በ4 ስብስቦች ውስጥ፣ በማህደር ውስጥ የሚቆዩ ማጣሪያዎች እና ፍለጋዎች፣ ጋሪ፣ ቀላል እና ጨለማ ገጽታዎች፣ እና በሙከራ ሁነታ በዴሞ ትዕዛዝ ወይም በእውነተኛ የStripe Checkout ክፍለ ጊዜ የሚያልቅ ክፍያ። በNext.js ስታቲክ ኤክስፖርት በTypeScript ከTailwind CSS ጋር ገንብቼዋለሁ። የካርድ ክፍያዎች በCloudflare Worker በኩል ያልፋሉ ይህም ጋሪውን በአገልጋዩ ላይ እንደገና ይገመግማል እና የStripeን የድር መንጠቆ ፊርማ ያረጋግጣል።
ባለሁለት ቋንቋ የግል ጣቢያ በNext.js
አንድ ገጽ ያለው የግል ጣቢያ በእንግሊዝኛ እና በሩሲያኛ፣ የአገልግሎት ክፍል እና ወደ የእኔ ማሳያ ፕሮጀክቶች የሚወስዱ አገናኞች። በNext.js፣ React እና TypeScript እንደ ስታቲክ ኤክስፖርት ነድፌ ገንብቼዋለሁ፣ በቀላል CSS ሞጁሎች እና ያለ UI ማዕቀፍ። ቀላል እና ጨለማ ገጽታዎች አሉት፣ እና ለእያንዳንዱ ቋንቋ የማህበራዊ ቅድመ እይታ ምስል በግንባታ ጊዜ ይፈጠራል። GitHub Actions ይገነባል እና ወደ Bunny CDN ያሰማራዋል፣ ይህም የደህንነት ራስጌዎችን ይጨምራል እና www እና ቀላል HTTPን ወደ ዋናው HTTPS አድራሻ ያዞራል።
የአገልግሎት ዝርዝሮች
ተደጋግሞ የሚነሱ ጥያቄዎች
አይ፣ እና ኮድዎን ከማየቴ በፊት ቃል ከሚገቡት ጋር ይጠንቀቁ። የቼክአውት መግብር ወይም የማስታወቂያ ስክሪፕት ምንም ብሰራ ነጥቡን ሊገድበው ይችላል። ኦዲቱ የእርስዎን ጣሪያ እና እሱን ለመድረስ ምን ያህል እንደሚያስወጣ ይነግርዎታል።
አይ. Vite፣ CRA፣ Remix ወይም plain SPA ሁሉም በተመሳሳይ መንገድ ይሰራሉ። የሚለያዩት ማዕቀፍ-ተኮር ጥገናዎች ብቻ ናቸው፡ Next.js የማሳያ ሁነታዎች ፋንታ መንገድ-ደረጃ መከፋፈል እና መሸጎጫ።
አዎ። ስታንዳርድ የሚጀምረው በተመሳሳይ ኦዲት ሲሆን የቀረውን ጊዜ ያገኘውን በማስተካከል ያሳልፋል። ጀማሪ ያለው ስራውን በራሳቸው ለሚሰሩ እና የት መቆፈር እንዳለባቸው ማወቅ ለሚፈልጉ ቡድኖች ነው።
ኦዲቱ ያንን ያያል፡ የአገልጋይ ምላሽ ጊዜ ከማሳያ እና ከስክሪፕት ወጪ ተለይቶ ይታያል። ኤፒአይውን ወይም መጠይቆችን መገለጽ ተጨማሪው ነው፣ በNode፣ Express፣ NestJS ወይም Rust።
ወደ ማከማቻው የማንበብ መዳረሻ፣ ወይም የምንጭ ማህደር፣ በተጨማሪም የገጹ ዩአርኤል። በስታንዳርድ እና አድቫንስድ ላይ ጥገናዎቹን ወደ ቅርንጫፍ እገፋለሁ፣ ስለዚህ አንዱን ለመፍጠር ፍቃድ እፈልጋለሁ። መስጠት ካልፈለጉ፣ በምትኩ ፓች እልካለሁ። የማሰማራት መዳረሻ በጭራሽ አያስፈልገኝም።
በነባሪነት በቀጥታ የምርት ገጾችዎ ላይ፣ ስለዚህ ቁጥሮቹ ተጠቃሚዎችዎ ከሚያገኙት ጋር ይዛመዳሉ። ገጹ ከምዝገባ በስተጀርባ ከሆነ ወይም ገና ካልተሰማራ፣ የመድረክ አገናኝ፣ የሙከራ መለያ ወይም በአካባቢው ለማስኬድ የሚረዱ እርምጃዎች ሁሉም ይሰራሉ፣ እና ሪፖርቱ ቁጥሮቹ ከየት እንደመጡ ይናገራል።
የደንበኛ ግምገማዎች
ደንበኞቻችን ስለዚ Zinn ምን እንደሚሉ ይመልከቱ
