איך נתמודד עם קבצי CSS מנופחים ?

בעצם עזיבת הגולש יפגע דרוג האתר בגוגל, בכך שגוגל יבינו שהאתר לא רלוונטי עבור החיפוש אם כנראה הגולש עזב מהר (עוד לפני שהדף נטען..).

ישנם אלמנטים רבים המשפיעים על מהירות האתר, ביניהם:

• מהירות שרת האחסון
• נפח הדף שצריך להטען
• עיכובים ביצירת הדף עקב תכנות לקוי
• חוסר שימוש במטמון (הצורך לייצר את הדף מחדש כל פעם)
• מספר הקבצים הנטענים בפתיחת הדף (מספר הבקשות של הדפדפן)
• האתר דורש מהדפדפן לבצע הרבה פעולות
• ועוד..

בעיה בה נתקלנו לאחרונה, לאחר שעברנו ופתרנו את שאר הדברים שגרמו לאתר לפעול לאט היא גודל קבצי ה CSS. קבצי הCSS הם הקבצים האחראים על הגדרות העיצוב של האתר.
באתרים רבים המבוססים מערכות מוכנות כגון ג'ומלה או וורדפרס, בעיקר כאשר מתקינים תוספים ושדרוגים למערכת, קורה לרוב שנוספים קבצי CSS רבים, שחלקם הגדול מכיל הרבה הגדרות CSS שבפועל אין בהם שימוש באתר.

כדוגמה אתר של לקוח שקבצי ה CSS באתר זה הגיעו ל 600K, דבר שיש לו השפעה גדולה על מהירות הטעינה של האתר.
פרט לזמן שלוקח להוריד את קובץ ה CSS הגדול, לוקח גם זמן לדפדפן לעבור ולהבין מה ההוראות הנדרשות ממנו.

חיפוש והסרת ההגדרות שאין בהם שימוש באתר הוא משימה מייגעת ובעייתית. אך פתרון נמצא בשרות אינטרנטי שיודע לסרוק את האתר ולספק לנו את הקבצים רק עם פקדי ה CSS שבפועל יש להם שימוש באתר.
קישור : https://unused-css.com/
בעזרת שימוש בכלי זה הצלחנו להוריד את גודל הקובץ ביותר מ50% תוך כדי שמירה על מראה האתר.

מומלץ מאוד!