הצגת משאבים מבוססי-טקסט צריכה להתבצע עם דחיסה כדי לצמצם את סך הבייטים ברשת. בקטע 'הזדמנויות' בדוח Lighthouse מפורטים כל המשאבים מבוססי הטקסט שאינם דחוסים:
![צילום מסך של הביקורת 'הפעלת דחיסת טקסט' ב-Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/uses-text-compression/image/a-screenshot-the-lightho-b5e39391250f.png?authuser=5&hl=he)
איך מערכת Lighthouse מטפלת בדחיסת טקסט
ב-Lighthouse נאסף כל התשובות ש:
- צריכים להיות לכם סוגי משאבים מבוססי-טקסט.
- לא לכלול את הכותרת
content-encoding
שמוגדרת ל-br
, ל-gzip
או ל-deflate
.
לאחר מכן, מערכת Lighthouse דוחסת כל אחד מהם באמצעות GZIP כדי לחשב את החיסכון הפוטנציאלי.
אם הגודל המקורי של התשובה קטן מ-1.4KiB, או אם החיסכון הפוטנציאלי מהדחיסה הוא פחות מ-10% מהגודל המקורי, Lighthouse לא מסמן את התשובה הזו בתוצאות.
יש להפעיל דחיסת טקסט בשרת
כדי לעבור את הביקורת, צריך להפעיל דחיסת טקסט בשרתים שבהם התגובות האלה הוצגו.
כשדפדפן מבקש משאב, הוא ישתמש בכותרת בקשת ה-HTTP Accept-Encoding
כדי לציין באילו אלגוריתמים לדחיסה הוא תומך.
Accept-Encoding: gzip, compress, br
אם הדפדפן תומך ב-Brotli (br
) , עליך להשתמש ב-Brotli, מכיוון שהדבר עלול להקטין את גודל הקובץ של המשאבים יותר מאשר אלגוריתמים אחרים של דחיסה. מחפשים את how to enable Brotli compression in <X>
, כאשר <X>
הוא שם השרת. החל מדצמבר 2022, Brotli נתמכת בכל הדפדפנים המובילים מלבד Safari ב-iOS. למידע על עדכונים, ראו תאימות דפדפן.
שימוש ב-GZIP כחלופה ל-Brotli. GZIP נתמך בכל הדפדפנים המובילים, אבל הוא פחות יעיל מ-Brotli. לדוגמאות, ראו הגדרות שרת.
השרת צריך להחזיר את הכותרת של תגובת ה-HTTP Content-Encoding
כדי לציין באיזה אלגוריתם דחיסה הוא השתמש.
Content-Encoding: br
בדיקת דחיסת נתונים של תגובה
כדי לבדוק אם שרת דחס תגובה:
מקישים על Control+Shift+J
(או על Command+Option+J
ב-Mac) כדי לפתוח את כלי הפיתוח.
לוחצים על הכרטיסייה 'רשת'.
- כדי לפתוח את כלי הפיתוח, מקישים על Control+Shift+J (או על Command+Option+J ב-Mac).
- לוחצים על הכרטיסייה Network.
- לוחצים על הבקשה שהובילה לתשובה שמעניינת אתכם.
- לוחצים על הכרטיסייה Headers (כותרות).
- בודקים את הכותרת
content-encoding
בקטע כותרות תגובה.
content-encoding
.
כדי להשוות בין הגודל הדחוס לנתונים דחוסים של תשובה:
- כדי לפתוח את כלי הפיתוח, מקישים על Control+Shift+J (או על Command+Option+J ב-Mac).
- לוחצים על הכרטיסייה Network.
- מפעילים שורות בקשה גדולות. מידע נוסף זמין בקטע שימוש בשורות בקשה גדולות.
- בעמודה גודל בודקים את התשובה הרצויה. הערך העליון הוא הגודל הדחוס. הערך התחתון הוא הגודל לאחר הסרת הדחיסה.
כדאי לעיין גם במאמר הקטנה ודחוס של מטענים ייעודיים (payloads) ברשת.
הנחיות ספציפיות למקבץ
- Joomla: מפעילים את ההגדרה 'דחיסת דף' ב-Gzip (מערכת > תצורה גלובלית > שרת).
- WordPress: הפעלה של דחיסת טקסט בהגדרות של שרת האינטרנט.