טבלאות

פורמט התמונה יישומי פלאגין עם אובדן נתונים
JPEG imagemin-mozjpeg
PNG imagemin-pngquant
GIF imagemin-giflossy
פלאגינים של Imagemin לסוגי קבצים.
כלי סיכום
Lighthouse
  • תקציבים לסוגי משאבים שונים על סמך הגודל או המספר שלהם
webpack
  • תקציבים שמבוססים על גדלים של נכסים שנוצרו על ידי webpack
  • בדיקת הגדלים ללא דחיסה
טבלה עם תוכן התאים שמיושר אנכית לפי החריג data-alignment="top".
אפשרות 1 אפשרות 2
@font-face { font-family: Helvetica; } @font-face { font-family: Helvetica; font-display: swap; }
טבלה באמצעות אלמנט 'code'.
רשת מכשיר JS תמונות CSS HTML גופנים סה"כ תקציב לזמן עד לפעילות מלאה
3G איטי Moto G4 100 30 10 10 20 ‎~170 KB 5 שניות
4G איטי Moto G4 200 50 35 30 30 ‎~345KB 3 שנ'
Wi-Fi מחשב 300 250 50 50 100 ‎~750KB 2 שניות
הגלילה בטבלאות מתבצעת כשהרוחב שלהן גדול מהרוחב של עמודת התוכן.

וידאו

קודק Extension ספרייה
av1 WebM, ‏ mkv libaom-av1
h264 MP4 libx264
vp9 WebM libvpx-vp9

אודיו

קודק Extension ספרייה
aac MP4 aac
opus WebM libopus
vorbis WebM libvorbis

בשלב הבא נסביר איך לשנות את קצב הנתונים של הקבצים החדשים שיצרתם.

הסבר על שדות הכותרת

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

שדה סוג תיאור
group מחרוזת אופציונלי. אם לא מציינים שם של group, נקרא לנקודת הקצה 'default'.
max_age number נדרש. מספר שלם חיובי שמגדיר את משך החיים של נקודת הקצה בשניות. הערך '0' יגרום להסרת קבוצת נקודות הקצה מהמטמון של הדיווח של סוכן המשתמש.
endpoints Array<Object>‎ נדרש. מערך של אובייקטי JSON שמציינים את כתובת ה-URL בפועל של אוסף הדוחות.
include_subdomains בוליאני אופציונלי. ערך בוליאני שמפעיל את קבוצת נקודות הקצה לכל תתי-הדומיינים של מארח המקור הנוכחי. אם השדה הזה לא יצוין או יצוין בו ערך שאינו 'true', תת-הדומיינים לא ידווחו לנקודת הקצה.

השם group הוא שם ייחודי שמשמש לשיוך מחרוזת לנקודת קצה. אפשר להשתמש בשם הזה במקומות אחרים שמשלבים עם Reporting API כדי להפנות לקבוצה ספציפית של נקודות קצה.