דילוג לתוכן הראשי
web.dev
משאבים
  • פלטפורמת אינטרנט
  • תוכלו להיכנס לעומק של פלטפורמת האינטרנט בקצב שלכם.
  • HTML
  • CSS
  • JavaScript
  • חוויית משתמש
  • איך יוצרים חוויית משתמש טובה יותר
  • ביצועים
  • נגישות
  • זהויות
  • למידה
  • מתעדכנים במה שקורה בפיתוח אתרים.
  • לימוד HTML
  • לימוד CSS
  • למידה של JavaScript
  • מידע על AI
  • מידע על ביצועים
  • מידע על נגישות
  • קורסים נוספים
  • מקורות מידע נוספים
  • עיון באוספים של תוכן, דפוסים ועוד.
  • AI והאינטרנט
  • Explore
  • PageSpeed Insights
  • פודקאסטים ותוכניות
  • ניוזלטר למפתחים
  • מידע על web.dev
Discover ערך הבסיס איך משתמשים ב-Baseline בלוג תיאורי מקרים
/
  • English
  • Deutsch
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
היכנס
  • Articles
AI והאינטרנט זמני טעינה מהירים לומדים על מדדי הליבה לבדיקת חוויית המשתמש באתר זהויות אפליקציות מסוג Progressive Web App תשלומים הודעות איך מבצעים אופטימיזציה של INP אמינות הרשת React אנימציות מיני אפליקציות מדיה בטוח ומאובטח WebAssembly מכשירים קל למצוא את התוכן הזה אוטומציה של בדיקות Angular
web.dev
  • משאבים
    • עוד
    • AI והאינטרנט
    • זמני טעינה מהירים
    • לומדים על מדדי הליבה לבדיקת חוויית המשתמש באתר
    • זהויות
    • אפליקציות מסוג Progressive Web App
    • תשלומים
    • הודעות
    • איך מבצעים אופטימיזציה של INP
    • אמינות הרשת
    • React
    • אנימציות
    • מיני אפליקציות
    • מדיה
    • בטוח ומאובטח
    • WebAssembly
    • מכשירים
    • קל למצוא את התוכן הזה
    • אוטומציה של בדיקות
    • Angular
  • Discover
  • ערך הבסיס
  • איך משתמשים ב-Baseline
  • בלוג
  • תיאורי מקרים
  • מבוא
  • למה המהירות חשובה?
  • מהי מהירות?
  • איך מודדים מהירות?
  • איך להישאר מהירים?
  • Core Web Vitals
  • Web Vitals
  • מדדי ביצועים שמתמקדים במשתמשים
  • הגדרת ערכי הסף של מדדי הליבה לבדיקת חוויית המשתמש באתר
  • Largest Contentful Paint (LCP)
  • Cumulative Layout Shift (CLS)
  • מהירות התגובה לאינטראקציה באתר (INP)
  • אופטימיזציה של Largest Contentful Paint (LCP)
  • אופטימיזציה של Cumulative Layout Shift (CLS)
  • אופטימיזציה של האינטראקציה עד הצגת התגובה הבאה
  • הדרכים היעילות ביותר לשיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
  • תהליכי עבודה בדוח ה-Web Vitals הבסיסיים עם הכלים של Google
  • אופטימיזציה של דוח ה-Web Vitals הבסיסיים למקבלי החלטות עסקיות
  • מדידת הביצועים בשטח
  • בדיקת הביצועים בשטח באמצעות דוח חוויית המשתמש ב-Chrome
  • למה ייתכן שהנתונים שצוותי ה-Lab והשדות יהיו שונים (מה אפשר לעשות בעניין)
  • למה נתוני CrUX שונים מנתוני RUM?
  • אופטימיזציה של ניצול המשאבים
  • אופטימיזציה של הזמן עד לבייט הראשון
  • רשתות להעברת תוכן (CDN)
  • תעדוף משאבים
  • כדי לשפר את מהירות הטעינה, יש לטעון מראש נכסים קריטיים
  • צור חיבורי רשת בשלב מוקדם כדי לשפר את מהירות הדף הנתפסת
  • שליפה מראש (prefetch) של משאבים כדי להאיץ את הניווטים בעתיד
  • הפעלה מהירה באמצעות טעינה מראש של אודיו ווידאו
  • הצגה דינמית בהתאם לאיכות הרשת
  • אופטימיזציה של התמונות
  • בחירת פורמט התמונה המתאים
  • בחירת הרמה הנכונה של דחיסת נתונים
  • שימוש ב-Imagemin לדחיסת תמונות
  • החלפת קובצי GIF מונפשים בסרטון תאפשר טעינה מהירה יותר של דפים
  • הצגת תמונות רספונסיביות
  • הצגת תמונות במידות הנכונות
  • שימוש בתמונות WebP
  • שימוש ברשתות CDN של תמונות לאופטימיזציה של תמונות
  • טעינה מדורגת של תמונות וסרטונים
  • טעינה מדורגת של תמונות ברמת הדפדפן לאינטרנט
  • אופטימיזציה של גופני אינטרנט