ነጻ መለወጫ
CSS ሚኒፋየር
የ CSS የቅጥ ሉሆችን አሳንስ እና ጨመቅ በአሳሽህ ውስጥ። አስተያየቶችን አስወግድ፣ ቦታን ሰብስብ እና የፋይል መጠንን ቀንስ። ነፃ እና የግል።
የCSS ፋይል ጎትት እና ወደዚህ ጣል
.css ፋይሎችን ይደግፋል። ወይም የእርስዎን CSS ከላይ ይለጥፉ።
ወይም
የ CSS የቅጥ ሉሆችን አሳንስ እና ጨመቅ በአሳሽህ ውስጥ። አስተያየቶችን አስወግድ፣ ቦታን ሰብስብ እና የፋይል መጠንን ቀንስ። ነፃ እና የግል።
.css ፋይሎችን ይደግፋል። ወይም የእርስዎን CSS ከላይ ይለጥፉ።
የCSS ማሳነስ ወደ አሳሾች ከማገልገልዎ በፊት መጠኑን ለመቀነስ ነጭ ቦታን፣ አስተያየቶችን እና አላስፈላጊ ቁምፊዎችን ከቅጥ ሉህ ያስወግዳል። ትክክለኛው ህጎች አልተለወጡም፡ የተቀነሰ የቅጥ ሉህ ገጾችን ላልተቀናጀው ምንጭ በተመሳሳይ መልኩ ያቀርባል። ቁጠባው የሚመጣው አዲስ መስመሮችን፣ ተደጋጋሚ ሴሚኮሎኖችን፣ አስተያየቶችን፣ ባለ ስድስት ቀለም አጭር እድሎችን እና ዜሮ-ክፍል አቋራጮችን (0px በ0 በመተካት) ነው።
በደርዘን የሚቆጠሩ የቅጥ ህግጋት ባላቸው ዘመናዊ ድረ-ገጾች ላይ፣ የተለመደው ቅነሳ ከ20-40% ያልተጠናከረ ምንጭ ነው። በአገልጋዩ ላይ ከ gzip መጭመቅ ጋር ተደምሮ፣ የኅዳግ ቁጠባው ይቀንሳል - gzip ቀድሞውንም ተደጋጋሚ ጽሑፍን በብቃት ይጨመቃል - ነገር ግን ውህደቱ አሁንም መጭመቂያውን ብቻውን ያሸንፋል፣ በተለይ የቅጥ ሉሆች ሲሸጎጡ እና ለብዙ ጎብኝዎች ብዙ ጊዜ ሲቀርቡ።
ይህ ሚኒፊየር CSSን በአንድ ማለፊያ ያስተናግዳል፣ ከዩአርኤል() እሴቶች ውጪ ያሉ አስተያየቶችን ያስወግዳል፣ ነጭ ቦታን ይሰብራል፣ ቅንፍ ከመዘጋቱ በፊት ተጨማሪ ሴሚኮሎኖችን ያስወግዳል፣ ዜሮ አሃድ አጭር እጅን ይተገብራል እና ባለ ስድስት አሃዝ ባለ ስድስት አሃዝ ቀለሞችን ወደ ባለ ሶስት አሃዝ ይቀይራል (#ffffff → #ffff)። ማንኛውም አሳሽ በትክክል የሚተነተን ውፅዓት የሚሰራ CSS ሆኖ ይቆያል።
ትናንሽ የሲኤስኤስ ፋይሎች በፍጥነት ይጭናሉ እና የሚዘጋው ጊዜ ይቀንሳል፣ ሁለቱም የመጀመሪያ ይዘት ያለው ቀለም እና ትልቁን የይዘት የቀለም ውጤቶች ያሻሽላሉ። Core Web Vitals በፍለጋ ደረጃ ላይ ተጽዕኖ ላሳደሩባቸው ጣቢያዎች፣ እያንዳንዱ ኪሎባይት የማገድ CSS የተላጠው ጥረቱ ተገቢ ነው።
የመተላለፊያ ይዘት ወጪዎች እንዲሁ በመጠን አስፈላጊ ናቸው። በሚሊዮን የሚቆጠሩ የገጽ እይታዎችን የሚያቀርቡ ጣቢያዎች የቅጥ ሉሆቻቸው 30% ሲያነሱ ሊለካ የሚችል የመውጣት መጠን ይቆጥባሉ። የሲዲኤን ሂሳቦች፣ የሞባይል ዳታ አጠቃቀም እና የሃይል ፍጆታ ሁሉም በጥቂቱ ይጠቀማሉ። ማቃለል በመሠረቱ ነፃ ነው - የጥገና ወጪ ሳይኖር የአንድ ጊዜ የግንባታ ደረጃ።
CSS ለጥፍ፣ የተቀነሰውን ስሪት ያግኙ።
የCSS ማሳነስ በአብዛኛው ወግ አጥባቂ የነጭ ቦታ ማስወገድ ነው። በመራጮች፣ መግለጫዎች እና እሴቶች ውስጥ ያለው ነጭ ቦታ አስፈላጊ ከሆነ ተጠብቆ ይቆያል። ውጭ ያለው ነጭ ቦታ ፈርሷል። አስተያየቶች በ /* ካልጀመሩ በስተቀር ይወገዳሉ! (የፍቃድ ጥበቃ አስተያየቶች).
የተለመዱ አቋራጮች፡ 0px፣ 0em እና ተመሳሳይ ዜሮ-አሃድ እሴቶች 0 ይሆናሉ። ባለ ስድስት አሃዝ የሄክስ ቀለሞች በተጣመሩ አሃዞች (#ffffff, #336699) ባለ ሶስት አሃዝ (#ffff, #369) ይሆናሉ; } ከመወገዱ በፊት የመጨረሻው ሴሚኮሎን። የቀለም ስሞች በራስ ሰር ወደ ሄክስ አይቀየሩም ምክንያቱም ሄክስ አንዳንድ ጊዜ ይረዝማል (ቀይ ከ #f00 ርዝማኔ ያነሰ ነው፣ #ff0000 ከቀይ ይረዝማል)።
ውፅዓት ግቤቱን የሚቀበል ማንኛውንም የCSS አረጋጋጭ ማለፍ አለበት። የአሳሽ ድጋፍ አልተለወጠም - ማቃለል ህጎቹን በራሱ አያስተካክለውም፣ የጽሑፍ ውክልናቸው ብቻ ነው።