ממזער ומיופי של CSS

CSS Minifier & Beautifier הוא כלי גיליון סגנונות דו-כיווני: הוא דוחס CSS על ידי הסרת כל מה שהדפדפן אינו צריך - הערות, רווח לבן, נקודות פסיק מיותרות, צבעי משושה ארוכים ויחידות על אפס ערכים - והוא יכול להפוך את התהליך, ולהרחיב חבילת ייצור בשורה אחת חזרה לכללים קריאים, מצוינים כהלכה. כל בייט שאתה מפשיט מגיליון סגנונות חוסם רינדור הוא בייט שהדפדפן מוריד ומנתח מוקדם יותר, מה שמזין ישירות מדדי ליבה של חיוני אינטרנט כמו צבע ראשון וצבע תוכן גדול יותר.

הממזער הוא שמרני בכוונה. הוא מודע לחלוטין למחרוזת מילולית, ערכי url() וביטויי calc(), כך שהוא לעולם לא מסיר את הרווח הלבן ש-calc(100% - 20px) תלוי בו, לעולם לא משכתב טקסט דמוי צבע בתוך מחרוזת תוכן, ולעולם לא נוגע במרווח שמבדיל את div :hover מ-div:hover. בגיליונות סגנונות טיפוסיים בכתב יד אתה יכול לצפות להקטנת גודל של 25-40% לפני gzip; בשילוב עם gzip או brotli על החוט, הקטנה עדיין מגלחת פרוסה משמעותית מכיוון שהדחיסה עובדת טוב יותר בקלט חוזר ונשנה ללא הערות.

הכל פועל ב-100% צד הלקוח בדפדפן שלך. ה-CSS שלך לעולם אינו מועלה, נרשם או מאוחסן באף שרת, מה שאומר שאתה יכול להדביק בבטחה קוד עיצוב-מערכת קנייני, סגנונות מוצר שלא פורסמו או עבודת לקוח. זה גם עובד במצב לא מקוון ברגע שהדף נטען - שימושי כאשר אתה צריך מעבר מינימום מהיר מבלי לחבר צינור פוסט CSS או ESBuild מלא.

הקטנה כאן היא מודעת לתחביר ולא קבוצה של כללי מצא-והחלפה, וזה מה שהופך את זה בטוח לרוץ על גיליונות סגנונות ייצור: רווח לבן בתוך מחרוזות, ערכי url() ובוררי תכונות נשאר לבד, שכן הסרתו תשנה את מה שה-CSS תואם. נשמרות הערות המתחילות בסימן קריאה, שהיא המוסכמה לכותרות רישוי שצריכות לשרוד מבנה.