הצגת משאבים המבוססים על טקסט צריכה להתבצע בעזרת דחיסה, כדי לצמצם את כמות הבייטים שמועברים ברשת. בקטע 'הזדמנויות' בדוח Lighthouse מפורטים כל המשאבים מבוססי הטקסט שאינם דחוסים:
איך מערכת 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. דוגמאות מופיעות בקטע Server Configs.
השרת שלכם צריך להחזיר את כותרת תגובת ה-HTTP Content-Encoding כדי לציין באיזה אלגוריתם דחיסה הוא השתמש.
Content-Encoding: br
איך בודקים אם תגובה נדחסה בכלי הפיתוח ל-Chrome
כדי לבדוק אם שרת דחס תשובה:
מקישים על Control+Shift+J (או על Command+Option+J ב-Mac) כדי לפתוח את כלי הפיתוח.
לוחצים על הכרטיסייה 'רשת'.
[הערה]: <> (הרשימה הבאה הייתה מקוצרת מ-web.dev, אך היא לא תורגמה מאנגלית לאף שפה.)
1. מקישים על Control+Shift+J (או על Command+Option+J ב-Mac) כדי לפתוח את כלי הפיתוח.
2. לוחצים על הכרטיסייה רשת.
3. לוחצים על הבקשה שגרמה לתגובה שמעניינת אתכם.
4. לוחצים על הכרטיסייה כותרות.
5. בדיקת הכותרת content-encoding בקטע כותרות תגובה.
content-encoding.
כדי להשוות בין הגדלים הדחוסים והמבוטלים של תגובה:
[הערה]: <> (הרשימה הבאה הייתה מקוצרת מ-web.dev, אך היא לא תורגמה מאנגלית לאף שפה.)
1. מקישים על Control+Shift+J (או על Command+Option+J ב-Mac) כדי לפתוח את כלי הפיתוח.
2. לוחצים על הכרטיסייה רשת.
3. הפעלת שורות בקשה גדולות.
כדאי לעיין במאמר שימוש בשורות בקשה גדולות.
4. בעמודה גודל מופיעה התשובה שמעניינת אותך. הערך העליון הוא הגודל הדחוס. הערך התחתון הוא הגודל אחרי הדחיסה.
כדאי לעיין גם במאמר הקטנה ודחיסה של מטענים ייעודיים (payload) ברשת.
הנחיות ספציפיות למקבץ
ג'ומלה
מפעילים את ההגדרה Gzip Page Compression (מערכת > Global configuration > Server).
WordPress
צריך להפעיל דחיסת טקסט בהגדרות של שרת האינטרנט.