הפעלה של דחיסת טקסט

הצגת משאבים מבוססי-טקסט צריכה להתבצע עם דחיסה כדי לצמצם את סך הרשת בייטים. בקטע 'הזדמנויות' בדוח Lighthouse אפשר למצוא רשימה של כל האפשרויות משאבים שאינם דחוסים:

צילום מסך של הביקורת 'הפעלת דחיסת טקסט' ב-Lighthouse

איך מערכת Lighthouse מטפלת בדחיסת טקסט

ב-Lighthouse נאסף כל התשובות ש:

  • צריכים להיות לכם סוגי משאבים מבוססי-טקסט.
  • אין לכלול את הכותרת content-encoding המוגדרת ל-br, gzip, או deflate

לאחר מכן, Lighthouse דוחס כל אחד מהפרטים האלה באמצעות GZIP – כדי לחשב את הפוטנציאל לחיסכון.

אם הגודל המקורי של תגובה הוא פחות מ-1.4KiB, או החיסכון האפשרי בדחיסה הוא פחות מ-10% מהגודל המקורי, ואז התגובה הזו לא מסומנת על ידי Lighthouse בתוצאות.

יש להפעיל דחיסת טקסט בשרת

להפעיל דחיסת טקסט בשרתים שבהם התגובות האלה הוצגו כדי לעבור את הבדיקה הזאת.

כשדפדפן מבקש משאב, הוא ישתמש ב Accept-Encoding כותרת בקשת HTTP שמציינת באילו אלגוריתמים של דחיסה היא תומכת.

Accept-Encoding: gzip, compress, br

אם הדפדפן תומך ב-Brotli (br) כדאי להשתמש ב-Brotli כי זה יכול להקטין את גודל הקובץ של המשאבים יותר מאשר אלגוריתמים אחרים לדחיסה. חפש את how to enable Brotli compression in <X>, כאשר <X> הוא שם השרת. החל מדצמבר 2022, Brotli נתמכת בכל הדפדפנים המובילים מלבד Safari ב-iOS. צפייה תאימות הדפדפן לקבלת עדכונים.

שימוש ב-GZIP כחלופה ל-Brotli. GZIP נתמך בכל הדפדפנים העיקריים, אבל הוא פחות יעיל מברולי. למידע נוסף, ראו הגדרות שרת לדוגמאות.

השרת שלך אמור להחזיר את Content-Encoding כותרת תגובת HTTP כדי לציין באיזה אלגוריתם דחיסה הוא השתמש.

Content-Encoding: br

בדיקת דחיסת נתונים של תגובה

כדי לבדוק אם שרת דחס תגובה:

מקישים על Control+Shift+J (או על Command+Option+J ב-Mac) כדי לפתוח את כלי הפיתוח. לוחצים על הכרטיסייה 'רשת'.

  1. כדי לפתוח את כלי הפיתוח, מקישים על Control+Shift+J (או על Command+Option+J ב-Mac).
  2. לוחצים על הכרטיסייה רשתות.
  3. לוחצים על הבקשה שהובילה לתשובה שמעניינת אתכם.
  4. לוחצים על הכרטיסייה Headers (כותרות).
  5. בודקים את הכותרת content-encoding בקטע כותרות תגובה.
כותרת התגובה של קידוד התוכן
כותרת התגובה content-encoding.

כדי להשוות בין הגודל הדחוס לנתונים דחוסים של תשובה:

  1. כדי לפתוח את כלי הפיתוח, מקישים על Control+Shift+J (או על Command+Option+J ב-Mac).
  2. לוחצים על הכרטיסייה רשתות.
  3. מפעילים שורות בקשה גדולות. מידע נוסף זמין בקטע שימוש בשורות בקשה גדולות.
  4. בעמודה גודל בודקים את התשובה הרצויה. הערך העליון הוא הגודל הדחוס. הערך התחתון הוא הערך הדחיסה גודל.

כדאי לעיין גם במאמר הקטנה ודחוס של מטענים ייעודיים (payloads) ברשת.

הנחיות ספציפיות למקבץ

  • Joomla: מפעילים את ההגדרה 'דחיסת דף' ב-Gzip (מערכת > תצורה גלובלית > שרת).
  • WordPress: הפעלה של דחיסת טקסט בהגדרות של שרת האינטרנט.

משאבים