የሲኤስኤስ ማቃለያ

በCSS miniifier፣ የCSS ቅጥ ፋይሎችን መቀነስ ይችላሉ። በሲኤስኤስ መጭመቂያ፣ ድረ-ገጾችዎን በቀላሉ ማፋጠን ይችላሉ።

CSS ሚኒፋየር ምንድን ነው?

CSS miniifier በድረ-ገጾች ላይ ያሉ የCSS ፋይሎችን ለመቀነስ ያለመ ነው። እንደ እንግሊዝኛ አቻ (CSS Miniifier) ​​ጥቅም ላይ የዋለው ይህ ጽንሰ-ሐሳብ በሲኤስኤስ ፋይሎች ውስጥ ያለውን ዝግጅት ያካትታል። ሲ ኤስ ኤስ ሲዘጋጁ ዋናው ግቡ የድረ-ገጽ አስተዳዳሪዎች ወይም ኮድ ሰሪዎች መስመሮቹን በትክክል እንዲተነትኑ ነው። ስለዚህ, በጣም ብዙ መስመሮችን ያካትታል. በእነዚህ መስመሮች መካከል አላስፈላጊ የአስተያየት መስመሮች እና ክፍተቶች አሉ። የ CSS ፋይሎች በጣም ረጅም የሚሆኑት ለዚህ ነው። እነዚህ ሁሉ ችግሮች በሲኤስኤስ መጨመሪያ ይወገዳሉ.

CSS ሚኒፋየር ምን ያደርጋል?

በ CSS ፋይሎች ውስጥ ከተደረጉ ለውጦች ጋር; ልኬቶች ይቀንሳሉ, አላስፈላጊ መስመሮች ይወገዳሉ, አላስፈላጊ የአስተያየት መስመሮች እና ክፍተቶች ይሰረዛሉ. በተጨማሪም፣ በሲኤስኤስ ውስጥ ከአንድ በላይ ኮድ ከተካተቱ፣ እነዚህ ኮዶችም ይሰረዛሉ።

ለእነዚህ ኦፕሬሽኖች አብዛኛው ተጠቃሚዎች በእጅ ሊያከናውኗቸው የሚችሉ የተለያዩ ተሰኪዎች እና አፕሊኬሽኖች አሉ። በተለይም የዎርድፕረስ ሲስተምን ለሚጠቀሙ ሰዎች እነዚህ ሂደቶች በፕለጊን በራስ ሰር ሊሰሩ ይችላሉ። ስለዚህ, ስህተቶችን የመሥራት እድሉ ይወገዳል እና የበለጠ ውጤታማ ውጤት ይገኛል.

ዎርድፕረስን ለሲኤስኤስ የማይጠቀሙ ወይም ነባር ተሰኪዎችን መምረጥ የማይፈልጉ ሰዎች እንዲሁ የመስመር ላይ መሳሪያዎችን መጠቀም ይችላሉ። በይነመረብ ላይ CSS ን ወደ የመስመር ላይ መሳሪያዎች በማውረድ በሲኤስኤስ ውስጥ ያሉት ነባር ፋይሎች ለውጦችን በማድረግ ይቀንሳሉ። ሁሉም ሂደቶች ከተጠናቀቁ በኋላ, ያሉትን የሲኤስኤስ ፋይሎች ለማውረድ እና ወደ ድር ጣቢያው ለመጫን በቂ ይሆናል. ስለዚህ፣ እንደ CSS ሚኒፋይት ወይም መቀነስ ያሉ ስራዎች በተሳካ ሁኔታ ይጠናቀቃሉ፣ እና በሲኤስኤስ በኩል ለጣቢያው ሊያጋጥሙ የሚችሉ ችግሮች በሙሉ ይወገዳሉ።

የ CSS ፋይሎችህን ለምን መቀነስ አለብህ?

ፈጣን ድረ-ገጽ መኖሩ ጎግልን ከማስደሰት ባለፈ ድር ጣቢያዎ በፍለጋ ከፍ ያለ ደረጃ እንዲይዝ ያግዛል እንዲሁም ለጣቢያዎ ጎብኝዎች የተሻለ የተጠቃሚ ተሞክሮ ይሰጣል።

ያስታውሱ፣ 40% ሰዎች መነሻ ገጽዎ እስኪጫን ድረስ 3 ሰከንድ እንኳን አይጠብቁም፣ እና ጎግል ጣቢያዎች ቢበዛ ከ2-3 ሰከንድ ውስጥ እንዲጫኑ ይመክራል።

በሲኤስኤስ መጨመሪያ መሳሪያ መጭመቅ ብዙ ጥቅሞች አሉት;

  • ትናንሽ ፋይሎች ማለት የጣቢያዎ አጠቃላይ የውርድ መጠን ቀንሷል ማለት ነው።
  • የጣቢያ ጎብኝዎች የእርስዎን ገጾች በፍጥነት መጫን እና መድረስ ይችላሉ።
  • የጣቢያ ጎብኝዎች ትላልቅ ፋይሎችን ማውረድ ሳያስፈልጋቸው ተመሳሳይ የተጠቃሚ ተሞክሮ ያገኛሉ።
  • የጣቢያ ባለቤቶች ዝቅተኛ የመተላለፊያ ይዘት ወጪ ያጋጥማቸዋል ምክንያቱም ያነሰ ውሂብ በአውታረ መረቡ ላይ ስለሚተላለፍ።

የሲኤስኤስ መጨናነቅ እንዴት ነው የሚሰራው?

የጣቢያህን ፋይሎች ከመቀነሱ በፊት ምትኬ ማስቀመጥ ጥሩ ሀሳብ ነው። እንዲያውም አንድ እርምጃ ወደፊት ወስደህ ፋይሎችህን በሙከራ ጣቢያ ላይ መቀነስ ትችላለህ። በዚህ መንገድ በቀጥታ ጣቢያዎ ላይ ለውጦችን ከማድረግዎ በፊት ሁሉም ነገር መስራቱን እና እየሰራ መሆኑን ያረጋግጡ።

ውጤቱን ማወዳደር እና ማሽቆልቆሉ ምንም አይነት ተጽእኖ እንዳለው ለማየት እንዲችሉ ፋይሎችዎን ከመቀነሱ በፊት እና በኋላ የገጽዎን ፍጥነት ማወዳደር አስፈላጊ ነው።

የእርስዎን የገጽ ፍጥነት አፈጻጸም GTmetrix፣ Google PageSpeed ​​​​Insights እና YSlow፣ የክፍት ምንጭ የአፈጻጸም መሞከሪያ መሳሪያን በመጠቀም መተንተን ይችላሉ።

አሁን የመቀነስ ሂደቱን እንዴት እንደምናደርግ እንይ;

1. በእጅ CSS miniifier

ፋይሎችን በእጅ ማጠር ብዙ ጊዜ እና ጥረት ይጠይቃል። ስለዚህ የግል ቦታዎችን ፣ መስመሮችን እና አላስፈላጊ ኮድን ከፋይሎች ለማስወገድ ጊዜ አልዎት? ምናልባት አይደለም. ከጊዜ በኋላ ይህ የመቀነስ ሂደት ለሰዎች ስህተት ተጨማሪ ቦታ ይሰጣል. ስለዚህ, ይህ ዘዴ ፋይሎችን ለመቀነስ አይመከርም. እንደ እድል ሆኖ፣ ከጣቢያዎ ላይ ኮድ ለመቅዳት እና ለመለጠፍ የሚያስችልዎ ብዙ ነፃ የመስመር ላይ ማቃለያ መሳሪያዎች አሉ።

CSS miniifier CSS ን ለመቀነስ ነፃ የመስመር ላይ መሳሪያ ነው። ኮዱን ወደ “የግቤት CSS” የጽሑፍ መስክ ቀድተው ሲለጥፉ መሣሪያው CSS ን ይቀንሳል። የተቀነሰውን ውፅዓት እንደ ፋይል ለማውረድ አማራጮች አሉ። ለገንቢዎች ይህ መሳሪያ ኤፒአይንም ይሰጣል።

JSCompress , JSCompress የ JS ፋይሎችን ከመጀመሪያው መጠናቸው እስከ 80% ለመጭመቅ እና ለመቀነስ የሚያስችል የመስመር ላይ ጃቫ ስክሪፕት መጭመቂያ ነው። ኮድዎን ይቅዱ እና ይለጥፉ ወይም ይስቀሉ እና ለመጠቀም ብዙ ፋይሎችን ያጣምሩ። ከዚያም "JavaScript Compress - JavaScriptን ይጫኑ" የሚለውን ይጫኑ.

2. የ CSS ማቃለያ ከ PHP ፕለጊኖች ጋር

በእጅ ደረጃዎችን ሳያደርጉ ፋይሎችዎን ሊቀንሱ የሚችሉ አንዳንድ ምርጥ፣ ሁለቱም ነጻ እና ፕሪሚየም አሉ።

  • አዋህድ፣
  • መቀነስ፣
  • ማደስ፣
  • የዎርድፕረስ ፕለጊኖች።

ይህ ፕለጊን የእርስዎን ኮድ ከመቀነስ የበለጠ ይሰራል። የእርስዎን ሲኤስኤስ እና ጃቫስክሪፕት ፋይሎችን ያዋህዳል እና ከዚያም Minify (ለ CSS) እና ጎግል ክሎሱር (ለጃቫስክሪፕት) በመጠቀም የተፈጠሩትን ፋይሎች ይቀንሳል። የጣቢያ ፍጥነትዎን እንዳይነካው ማቃለል በ WP-Cron በኩል ይከናወናል። የCSS ወይም የJS ፋይሎች ይዘት ሲቀየር፣ መሸጎጫህን ባዶ ማድረግ እንዳይኖርብህ እንደገና እንዲሰራጭ ይደረጋል።

JCH Optimize ለነፃ ፕለጊን አንዳንድ በጣም ጥሩ ባህሪያት አሉት፡ ሲኤስኤስ እና ጃቫስክሪፕትን አጣምሮ ይቀንሳል፣ HTMLን ይቀንሳል፣ ፋይሎችን ለማዋሃድ የጂዚፕ መጭመቂያን ያቀርባል እና ለጀርባ ምስሎች የስፕሪት አቀራረብ።

CSS Minify , የእርስዎን CSS በ CSS Minify ለማሳነስ ብቻ መጫን እና ማግበር ያስፈልግዎታል። ወደ ቅንጅቶች> CSS Minify ይሂዱ እና አንድ አማራጭ ብቻ ያንቁ፡ የ CSS ኮድን ያሻሽሉ እና ይቀንሱ።

ፈጣን ፍጥነት መቀነስ ከ20,000 በላይ ገባሪ ጭነቶች እና ባለ አምስት ኮከብ ደረጃ፣ ፈጣን ፍጥነት መቀነስ ፋይሎችን ለመቀነስ ካሉት በጣም ታዋቂ አማራጮች አንዱ ነው። እሱን ለመጠቀም መጫን እና ማግበር ብቻ ያስፈልግዎታል።

ወደ ቅንብሮች > ፈጣን ፍጥነት መቀነስ ይሂዱ። የላቁ ጃቫ ስክሪፕት እና ሲኤስኤስ ለገንቢዎች፣ የሲዲኤን አማራጮች እና የአገልጋይ መረጃን ጨምሮ ተሰኪውን ለማዋቀር ብዙ አማራጮችን እዚህ ያገኛሉ። ነባሪ ቅንጅቶች ለአብዛኛዎቹ ጣቢያዎች ጥሩ ይሰራሉ።

ፕለጊኑ በእውነተኛ ጊዜ የፊት ገፅ ላይ እየጠበበ የሚሄድ ሲሆን በመጀመሪያ ያልተሸጎጠ ጥያቄ ላይ ብቻ ነው። የመጀመሪያው ጥያቄ ከተሰራ በኋላ ተመሳሳዩ የማይንቀሳቀስ መሸጎጫ ፋይል ተመሳሳይ የሲኤስኤስ እና ጃቫስክሪፕት ስብስብ ለሚያስፈልጋቸው ገፆች ይቀርባል።

3. የ CSS ማቃለያ ከዎርድፕረስ ተሰኪዎች ጋር

CSS miniifier ፕለጊኖችን በመሸጎጥ ውስጥ አብዛኛውን ጊዜ የሚያገኙት መደበኛ ባህሪ ነው።

  • WP ሮኬት፣
  • W3 ጠቅላላ መሸጎጫ፣
  • WP SuperCache፣
  • WP በጣም ፈጣን መሸጎጫ።

ከዚህ በላይ ያቀረብናቸው መፍትሄዎች የ CSS ሚኒፋየርን እንዴት እንደሚሠሩ እና በድር ጣቢያዎ ላይ እንዴት እንደሚተገበሩ እንደሚረዱዎት ተስፋ እናደርጋለን። ይህን ከዚህ በፊት ካደረጉት, የእርስዎን ድረ-ገጽ ፈጣን ለማድረግ ምን ሌሎች ዘዴዎችን ተጠቅመዋል? በሶፍትሜዳል ላይ በአስተያየቶች ክፍል ውስጥ ይፃፉልን, ይዘታችንን ለማሻሻል የእርስዎን ልምዶች እና አስተያየቶች ማካፈልዎን አይርሱ.