הקטנת משאבים (HTML, CSS ו-JavaScript)

הכלל הזה מופעל כשמערכת PageSpeed Insights מזהה שאפשר להקטין את הגודל של אחד מהמשאבים על ידי הקטנה.

סקירה כללית

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

אפשר לקרוא מידע נוסף במאמר אופטימיזציות לעיבוד מראש ואופטימיזציות ספציפיות להקשר.

המלצות

כדאי להקטין את משאבי ה-HTML, ה-CSS וה-JavaScript:

  • כדי להקטין HTML, אפשר לנסות את HTMLMinifier
  • כדי להקטין CSS, אפשר לנסות את CSSNano ואת csso.
  • כדי להקטין JavaScript, אפשר לנסות את UglifyJS. גם מהדר חסימות יעיל מאוד. אפשר ליצור תהליך build שמשתמש בכלים האלה כדי להקטין את קובצי הפיתוח, לשנות את השמות שלהם ולשמור אותם בספריית ייצור.

לחלופין, המודול של PageSpeed, משתלב עם שרת האינטרנט Apache או Nginx כדי לבצע אופטימיזציה אוטומטית של האתר, כולל הקטנת המשאבים.

משוב

האם הדף הזה הועיל לך?