የW3 ጠቅላላ መሸጎጫ ሚኒፋይ ተሰኪ ቅንብሮች፡ የኢምቤዲንግ አይነትን እንዴት መምረጥ ይቻላል? የእኔ የመላ ፍለጋ ተሞክሮ እና የህይወት አድን ምክር

ለW3 Total Cache Minify ትክክለኛውን የኢምቤዲንግ አይነት ለመምረጥ እየታገሉ ነው? ይህ ጽሑፍ የድር አስተዳዳሪን የእውነተኛ ዓለም ተሞክሮ ያካፍላል እና ትክክለኛውን የMinify ኢምቤዲንግ አይነት በትክክል ለመምረጥ፣ የድር ጣቢያ አይነት አደጋዎችን እና የመጫኛ ብልሽቶችን ለማስወገድ የደረጃ በደረጃ መመሪያ ይሰጣል። እንዲሁም ጀማሪዎች እንኳን በቀላሉ ሊተገብሩበት የሚችሉትን የማያስቸግር የማዋቀሪያ መፍትሄንም ያካትታል።የዎርድፕረስ ሳይበላሽ ፍጥነትዎን ያፋጥኑ!

ድህረ ገጽን እያመቻቸሁ ነበር እና በW3 Total Cache ውስጥ የ Minify ቅንብሮችን ስከፍት፣ ሙሉ በሙሉ ግራ ተጋብቼ ነበር። ለተከተተው አይነት የተቆልቋይ ምናሌ አራት አማራጮች ነበሩት፡ ነባሪ (ብሎክ)፣ ለማገድ የማይፈልጉትን JS ይጠቀሙ፣ ለማገድ የማይስማሙትን "አሲኖሪክ" ይጠቀሙ እና ለማገድ የማይፈቅዱበትን "ዘግይቷል" ይጠቀሙ።

ለተወሰነ ጊዜ አሰብኩበት፣ ይህ ሁሉ ስለምንድን ነው?

እመኑኝ፣ ብቻዎን አይደሉም። እነዚህ አራት አማራጮች ዎርድፕረስን ለዓመታት ሲጠቀም የቆየን ሰው ይቅርና ጀማሪን እንኳን ግራ ሊያጋቡት ይችላሉ። ይህ ጽሑፍ ያጋጠሙኝን ወጥመዶች እና በቀጥታ የተማርኳቸውን ትምህርቶች ያቀርባል። ሰነዶቹን ማማከር አያስፈልግዎትም፤ መመሪያዎቼን ብቻ ይከተሉ።

እነዚህ አራት የመክተት ዓይነቶች በትክክል ምንድን ናቸው?

በመጀመሪያ እነዚህ አራት አማራጮች ምን አይነት ባህሪ እንዳላቸው እንነጋገር።

ነባሪ (ብሎክ)ይህ ነባሪ እገዳ ይባላል። በጣም ቀላሉ አቀራረብ ነው፡ አሳሹ ስክሪፕት ሲያገኝ ያቆማል፣ ያወርዳል እና ሙሉ በሙሉ ያስፈጽመዋል፣ ከዚያም ገጹን ማሳየት ይቀጥላል። አስተማማኝ ይመስላል፣ አይደል? ነገር ግን ለውጡ የመጀመሪያው የገጽ ጭነትዎ ይታገዳል፤ ተጠቃሚዎች ምንም ነገር ከማየታቸው በፊት ስክሪፕቱ እስኪጠናቀቅ ድረስ መጠበቅ አለባቸው።

ለማገድ JS መጠቀምይህ በጣም አስደሳች ነው። በገጹ ላይ የ`<script>` መለያዎችን በቀጥታ ከመጻፍ ይልቅ፣ መጀመሪያ ትንሽ ስክሪፕት ያወጣል፣ ከዚያም ገጹ ከሄደ በኋላ በጃቫስክሪፕት በኩል ወደ ገጹ መጫን ያለባቸውን ስክሪፕቶች በዳይናሚክ ሁኔታ ያስገባል። በዚህ መንገድ፣ ገጹ መጀመሪያ ሊገለጽ ይችላል፣ እና ስክሪፕቶቹ ቀስ በቀስ ሊጫኑ ይችላሉ። ጥሩ ይመስላል፣ አይደል? ሆኖም፣ ችግሩ ይህ ተለዋዋጭ መርፌ ሂደት የስክሪፕቶቹን የመጀመሪያ የአፈጻጸም ቅደም ተከተል ሊያስተጓጉል ይችላል። በገጽዎ ላይ ያሉ አንዳንድ ስክሪፕቶች በአፈጻጸም ቅደም ተከተል ላይ በእጅጉ የሚተማመኑ ከሆነ ችግሮች ሊፈጠሩ ይችላሉ።

ለማገድ "አሲኖሪክ" ይጠቀሙይህ የ'async' ባህሪን ወደ '<script>' መለያ ማከልን ያካትታል። ስክሪፕቱ ከበስተጀርባው ሳይመሳሰል ይወርድና ገጹ ሳይጠብቅ ወዲያውኑ ከወረደ በኋላ ይፈጸማል። ሆኖም ግን፣ ጉዳቱ የማስፈጸሚያ ትዕዛዙ ሙሉ በሙሉ ቁጥጥር የማይደረግበት መሆኑ ነው፤ ማውረዱን የሚያጠናቅቀው ስክሪፕት መጀመሪያ የሚፈጽመው በኮዱ ውስጥ የገለጹት ቅደም ተከተል ምንም ይሁን ምን ነው።

"መዘግየት"ን ላለማገድ መጠቀምየ'ማዘግየት' ባህሪን ማከል ማለት ይህ ነው። ስክሪፕቱ ከመፈጸሙ በፊት መላው ገጽ እስኪተነተን ድረስ ይጠብቃል፣ እና ከሁሉም በላይ ደግሞ የጻፉትን የመጀመሪያውን ቅደም ተከተል ይጠብቃል። ይህ ለተጠቃሚ ምቹ ነው፣ ምክንያቱም የመጀመሪያውን ማያ ገጽ አያግድም ወይም ትዕዛዙን አያስተጓጉልም።

የትኛውን መምረጥ አለብኝ?

በቀላሉ ለማስቀመጥ፣ እነዚህ አራት አማራጮች እንደ ባለብዙ ምርጫ ጥያቄ ናቸው፡ፍጥነት ወይስ ትዕዛዝ ይፈልጋሉ?

ምክሬ እንደሚከተለው ነው፡

ድህረ ገጽዎ ትንሽ ከሆነ፣ ጥቂት ስክሪፕቶች ካሉት እና ለመጫን ፍጥነት እጅግ በጣም ከፍተኛ መስፈርቶች ከሌሉዎት፣ ነባሪውን (የታገደ) ቅንብር መጠቀም በጣም ቀላሉ አማራጭ ነው። ምንም እንኳን ትንሽ ቀርፋፋ ቢሆንም፣ ምንም አይነት ችግር አያስከትልም።

የመጀመሪያ ስክሪን ፍጥነትን ለማሻሻል ከፈለጉ እና ስክሪፕቶችዎ "ከ B በፊት A መፈጸም አለበት" ያሉ ጠንካራ ጥገኝነቶች ከሌሉዎት ቅድሚያ ይስጡ..."መዘግየት"ን ላለማገድ መጠቀም(ማዘግየት)። ይህ በአሁኑ ጊዜ በጣም ተስማሚ መፍትሔ ነው ማለት ይቻላል፣ ምክንያቱም ትዕዛዙን ስለማያግድ ወይም ስለማያስተጓጉል።

ለሌላ ጊዜ ለማስተላለፍ ከሞከሩ እና አንዳንድ ተግባራት ችግር እንዳለባቸው ካገኙ፣ ያስቡበት...ለማገድ JS መጠቀምይህ መፍትሔ የበለጠ ሥር ነቀል ነው፣ ነገር ግን ተኳኋኝነት ትንሽ የከፋ ነው።

ለማገድ "አሲኖሪክ" ይጠቀሙ(async) በጣም የምመክረው አማራጭ ነው። የማስፈጸሚያ ትዕዛዙ ሙሉ በሙሉ የተበላሸ ስለሆነ፣ ስክሪፕቶችዎ ሁሉም በተናጥል እየሰሩ መሆናቸውን እርግጠኛ ካልሆኑ በስተቀር በቀላሉ ሊበላሽ ይችላል።

ሁለት ትላልቅ ወጥመዶች ውስጥ ገባሁ

ማውራት ርካሽ ነው። የሠራኋቸውን ሁለት ስህተቶች ጽፌያለሁ፤ ከራስህ ተሞክሮ ጋር በማነፃፀር እነሱን ማስወገድ ትችል እንደሆነ ማየት ትችላለህ።

የመጀመሪያው ችግር፡ ብጁ የዎርድፕረስ ገጽታዎች በእውነተኛ ጊዜ ቅድመ እይታ ሊደረጉ አይችሉም።

ለተወሰነ ጊዜ፣ ገጽታን ስበጅ፣ አስቀምጥን ጠቅ ካደረግኩ በኋላ፣ ቅድመ እይታው አያድስም። አንዳንድ ለውጦችን አደርጋለሁ፣ ገጹን አድሼዋለሁ፣ እና አሁንም ተመሳሳይ ይሆናል።

የተወሰነ ምርመራ ካደረግኩ በኋላ፣ የሚኒፍ የመጭመቂያ ተግባር ተጠያቂው መሆኑን ተገነዘብኩ። መፍትሄው ቀላል ነው፡

የW3 ጠቅላላ መሸጎጫ ተሰኪውን ይድረሱበትአጠቃላይ ቅንብሮች፣ቱርን ኡፕ"መጭመቂያ"ያንን አማራጭ ምልክት ያንሱ። ከዚያም በላይኛው ቀኝ ጥግ ላይ ያለውን "ቅንብሮችን አስቀምጥ" የሚለውን ትንሽ ቀስት ጠቅ ያድርጉ እና "..." የሚለውን ይምረጡ።ቅንብሮችን ያስቀምጡ እና መሸጎጫ ያጽዱይህ እርምጃ ወሳኝ ነው፤ መሸጎጫውን ካላጸዱ፣ የድሮውን ስሪት አሁንም ያያሉ።

ከጨረሱ በኋላ ወደ ገጽታ ማበጀት ይመለሱ፣ እና የቀጥታ ቅድመ እይታው ወደ መደበኛው ይመለሳል።

ሁለተኛው ችግር፡ የአስትራ ገጽታ ፍለጋ ሳጥን ጠቅ ሲደረግ ምላሽ አይሰጥም።

ይህንን ችግር ከረጅም ጊዜ በፊት አጋጥሞኛል። የአስትራ ገጽታ እየተጠቀምኩ ነበር፣ እና አንድ ቀን የፍለጋ ሳጥኑ ምንም ያህል ጠቅ ባደረኩት ጊዜ ምላሽ እየሰጠ እንዳልሆነ በድንገት ተገነዘብኩ። መጀመሪያ ላይ ከጭብጡ ጋር የተያያዘ ችግር እንደሆነ አስቤ ነበር፣ ነገር ግን በኋላ ላይ የW3TC የMinify ቅንብሮች ምክንያት እንደሆነ ተገነዘብኩ።

መፍትሄው እንደሚከተለው ነው፡

ወደ W3 Total Cache → General Settings → Advanced Compression Settings → JS → Minify Engine Settings → Locale Settings ይሂዱ እና የኢምቤዲንግ አይነትን ከእነዚህ ሁለት ወደ አንዱ ይቀይሩት፦

1. ከዚህ በፊት፣ እገዳ አለማድረግ የተገኘው ጃቫስክሪፕትን በመጠቀም ነው።
2. ከዚያ በኋላ፣ ለማገድ JS ይጠቀሙ

በተመሳሳይ፣ መሸጎጫውን ማጽዳት እና ገጹን ማደስ የፍለጋ ሳጥኑ በትክክል እንዲሰራ ያስችለዋል።

እነዚህ ሁለት አማራጮች ከሌሎች ይልቅ ለምን እንደተመረጡ፣ አንዳንድ ጥናቶችን አድርጌያለሁ። በቀላል አነጋገር፣ የአስትራ ገጽታ የፊት-መጨረሻ ክፍሎች ለስክሪፕቱ አፈፃፀም ጊዜ በጣም ስሜታዊ ናቸው፣ እና የተወሰኑ የማገጃ ዘዴዎች የክስተት ትስስር እንዲበላሽ ሊያደርጉ ይችላሉ። "ከጄኤስ ጋር አለማገድ" ሁነታን መጠቀም ስክሪፕቱ ገጹ መጫኑን ከጨረሰ በኋላ ብቻ እንዲከናወን ያረጋግጣል፣ በተመሳሳይ ጊዜ ደግሞ በአሲንክ የሚታየውን የተዛባ አፈፃፀም ያስወግዳል።

ሊጎበኙ የሚገባቸው ቦታዎች ዝርዝር

በመጨረሻም፣ በቀጥታ መከተል የምትችሉት የማረጋገጫ ዝርዝር እነሆ፡

የመጀመሪያው እርምጃ ግብዎን ግልጽ ማድረግ ነው። ፈጣኑን የመጀመሪያ ገጽ ጭነት ይፈልጋሉ ወይስ መረጋጋትን እና ከስህተት ነፃ የሆነ አሰራርን ቅድሚያ ይሰጣሉ? ይህ የትኛውን የኢምፔሽን አይነት መጠቀም እንዳለብዎት ይወስናል።

ሁለተኛው እርምጃ ሁሉንም ነገር በአንድ ጊዜ መቀየር አይደለም። በመጀመሪያ፣ ብዙም አስፈላጊ ያልሆነ ገጽ ፈልግና ለአንድ ወይም ለሁለት ቀናት በትኩረት ተከታተለው፣ ምንም ችግር እንደሌለ እርግጠኛ ከሆንክ ብቻ ወደ መላው ጣቢያ አስተዋወቅ።

ሶስተኛ፣ ከእያንዳንዱ ማሻሻያ በኋላ መሸጎጫውን ሁልጊዜ ያጽዱ። የW3TC የመሸጎጫ ዘዴ የቅርብ ጊዜ ለውጦችን እንዳያዩ ይከለክልዎታል፣ ስለዚህ "መሸጎጫውን አጥራ እና እንደገና ሞክር" የሚለው እርምጃ በጣም አስፈላጊ ነው።

አራተኛ፣ የአሳሽዎን የገንቢ መሳሪያዎች ወይም እንደ PageSpeed ​​​​Insights ያሉ መሳሪያዎችን በመጠቀም የመጫኛ ፍጥነትን ከመጠቀምዎ በፊት እና በኋላ ያወዳድሩ። መረጃው ስለራሱ እንዲናገር ይፍቀዱለት፣ የውስጥ ስሜትዎን ብቻ አይደለም።

በመጨረሻው ላይ ይፃፉ

እውነቱን ለመናገር፣ ይህንን የተከተተ የአይነት ቅንብር ለመጀመሪያ ጊዜ ሳየው፣ ለረጅም ጊዜ በጣም ተገረምኩ። ነባሪው የማገጃ ሁነታ በጣም ቀርፋፋ ይመስል ነበር፣ አሲኖረም ሞድ ግን ትዕዛዙን ዋስትና አልሰጠም፣ እና ማዘግየት የተኳሃኝነት ችግሮችን ሊያስከትል ይችላል። የትኛውን አማራጭ መምረጥ እንዳለብኝ እርግጠኛ አልነበርኩም።

ግን በኋላ ላይ የልውውጥ አማራጭ እንደሆነ ተገነዘብኩ። ፈጣኑም ሆነ በጣም የተረጋጋው አማራጭ ሊኖርዎት አይችልም፤ ሁልጊዜም አንዱን መስዋዕት ማድረግ አለብዎት። የእኔ ልምድ በመጀመሪያ ደረጃ ዴላርድን መጠቀም ነው፣ ይህም በአሁኑ ጊዜ በጣም አስተማማኝ ያልሆነ የማገጃ መፍትሄ ነው፣ እና ከዚያ ችግሮች ከተከሰቱ መልሶ ጥሪ መጠቀም ነው።

ተመሳሳይ ችግሮች ካጋጠሙዎት ወይም የእኔን ዘዴ ከተከተሉ በኋላ አሁንም ሌሎች ችግሮች ካጋጠሙዎት፣ ስለሱ ለመወያየት ነፃነት ይሰማዎ። የድረ-ገጽ ልማት ሁሉም ስለ ሙከራ እና ስህተት ነው፤ ማንም ከዚህ የተለየ አይደለም።

ጽሑፌን ስላነበባችሁልኝ አመሰግናለሁ። በሚቀጥለው ጊዜ እንገናኝ።