ממיר חינם
CSS מזער
צמצם ודחוס גיליונות סגנונות CSS באופן מיידי בדפדפן שלך. הסר הערות, כווץ את הרווח הלבן והקטן את גודל הקובץ. חינם ופרטי.
גרור ושחרר כאן קובץ CSS
תומך בקבצי .css. או הדבק את ה-CSS שלך למעלה.
אוֹ
צמצם ודחוס גיליונות סגנונות CSS באופן מיידי בדפדפן שלך. הסר הערות, כווץ את הרווח הלבן והקטן את גודל הקובץ. חינם ופרטי.
תומך בקבצי .css. או הדבק את ה-CSS שלך למעלה.
צמצום CSS מסיר רווחים, הערות ותווים מיותרים מגיליון סגנונות כדי להקטין את גודלו לפני ההגשה לדפדפנים. הכללים בפועל לא השתנו: גיליון סגנונות ממוזער מעבד דפים זהים למקור הלא ממוזער. החיסכון נובע מהסרת שורות חדשות, נקודות פסיק מיותרות, הערות, הזדמנויות קצרות בצבע משושה וקיצורי דרך של אפס יחידה (החלפת 0px ב-0).
באתרים מודרניים עם עשרות כללי סגנון, ההפחתה הטיפוסית היא 20-40% לעומת המקור הלא ממוזער. בשילוב עם דחיסת gzip בשרת, החיסכון השולי מתכווץ - gzip כבר דוחס טקסט חוזר ביעילות - אך השילוב עדיין מנצח את הדחיסה לבדה, במיוחד כאשר גיליונות הסגנונות נשמרים במטמון ומוגשים פעמים רבות למבקרים רבים.
ממזער זה מעבד CSS במעבר אחד, מסיר הערות מחוץ לערכי url(), כיווץ רווח לבן, הסרת נקודה-פסיק מיותרת לפני סגירת הסוגרים, החלת קיצור של יחידות אפס והמרת צבעי hex של שש ספרות לצורת שלוש ספרות במידת האפשר (#ffffff → #fff). הפלט נשאר CSS חוקי שכל דפדפן מנתח בצורה נכונה.
קבצי CSS קטנים יותר נטענים מהר יותר וחוסמות זמן רינדור, שניהם משפרים את ציוני ה-First Contentful Paint וה-Lorst Contentful Paint. עבור אתרים שבהם Core Web Vitals משפיעים על דירוג החיפוש, כל קילובייט של CSS חוסם רינדור שגולח שווה את המאמץ.
גם עלויות רוחב הפס חשובות בקנה מידה. אתרים המשרתים מיליוני צפיות בדפים חוסכים כמויות מדידות של יציאה כאשר גיליונות הסגנונות שלהם קטנים ב-30%. חשבונות CDN, שימוש בנתונים ניידים וצריכת אנרגיה, כולם נהנים מעט. הקטנה היא למעשה בחינם - שלב בנייה חד פעמי ללא עלות תחזוקה.
הדבק CSS, קבל את הגרסה הממוזערת.
צמצום CSS הוא בעיקר הסרת שטח לבן שמרנית. רווח לבן בתוך בוררים, הצהרות וערכים נשמר היכן שהוא משמעותי; הרווח הלבן בחוץ ממוטט. הערות יוסרו אלא אם הן מתחילות ב-/*! (הערות שימור רישיון).
קיצורי דרך נפוצים: 0px, 0em וערכים דומים של יחידת אפס הופכים ל-0; צבעי קסם בני שש ספרות עם ספרות זוגיות (#ffffff, #336699) הופכים לשלוש ספרות (#fff, #369); הנקודה-פסיק האחרון לפני } מוסר. שמות הצבעים אינם מומרים ל-hex באופן אוטומטי מכיוון שה-hex לפעמים ארוך יותר (אורכו האדום קצר מ-#f00; ff0000-# ארוך מאדום).
הפלט צריך לעבור כל מאמת CSS שמקבל את הקלט. תמיכת הדפדפן ללא שינוי - הקטנה אינה משנה את הכללים עצמם, אלא רק את ייצוג הטקסט שלהם.