דפוסים של Web Vitals
האוסף הזה כולל דפוסים שלרוב מסובכים להטמיע בלי לפגוע בציונים של מדדי הליבה לבדיקת חוויית המשתמש באתר. השתמשו בקוד שבדוגמאות אלו כדי להבטיח שהפרויקטים שלכם מתנהלים בדרך הנכונה.
- אופטימיזציה למשימות ארוכות
- הגדרת אמצעי תשלום
- טעינה מראש של מודולים
- מדידת מילוי אוטומטי בדפדפן בטפסים
- חלק 2: פיתוח זיהוי רעילות באמצעות AI בצד הלקוח
- חלק 1: AI בצד הלקוח למאבק בהתנהגות רעילה באינטרנט
- זמן החסימה הכולל (TBT)
- הדרכים היעילות ביותר לשיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
- אופטימיזציה של Largest Contentful Paint (LCP)
- תחילת העבודה עם מדידה של דוח ה-Web Vitals
- Web Vitals
- נכס ה-CSS content-visibility זמין עכשיו כבסיס
- השוואה בין יכולות של מודלים גדולים של שפה לבין סיכום
- איך הוגדרו ערכי הסף למדדי הליבה לבדיקת חוויית המשתמש באתר
- תהליכי עבודה בדוח ה-Web Vitals הבסיסיים עם הכלים של Google
- אבחון ידני של אינטראקציות איטיות בשיעור ה-Lab
- ערך הבסיס
- מטמון לדף הקודם/הבא
- שיפור ההטמעה של CSS באמצעות CSSNestedDeclarations
- ביצועי ניפוי באגים בשדה
- First Input Delay (FID)
- זיהוי הקשר בין מדדי הליבה לבדיקת חוויית המשתמש באתר לבין ההכנסות מפרסום באמצעות הכלים של Google
- השוואת ביצועים של נכס CSS מסוג @property
- שיפור הביצועים וחוויית המשתמש של AI בצד הלקוח
- נפח אחסון לאינטרנט
- הגיע הזמן לבצע טעינה מדורגת של מסגרות iframe מחוץ למסך!
- יצירה של כמה אפליקציות מסוג Progressive Web App באותו דומיין
- פרוטוקול Web Push
- איך Chrome מטפל בעדכונים למניפסט של אפליקציית האינטרנט
- איך יוצרים אפליקציה מוצלחת מסוג Progressive Web App?
- מה נדרש כדי להתקין את האפליקציה?
- הוספת מניפסט של אפליקציית אינטרנט
- צמצום של סקריפטים חוצי-אתרים (XSS) באמצעות מדיניות Content Security Policy מחמירה (CSP)
- גישה להתקני חומרה באינטרנט
- אפשר להשתמש שוב במפתחות גישה באתרים שלך באמצעות בקשות מקור קשורות
- בחירת פורמט התמונה המתאים
- טעינה מדורגת של תמונות ברמת הדפדפן לאינטרנט
- מדדים מותאמים אישית
- מדידה וניפוי באגים של ביצועים באמצעות Google Analytics 4 ו-BigQuery
- שיטות מומלצות לשימוש בהרשאות אינטרנט
- שיטות מומלצות לעבודה עם קובצי cookie
- בעזרת ה-Media Session API, אפשר להתאים אישית את ההתראות של המדיה ואת פקדי ההפעלה
- חיפוש אינטראקציות איטיות בשדה
- שימוש באינדקס
- Time to First Byte (TTFB)
- הנדסת הנחיות מעשיות למודלי שפה גדולים יותר
- אופטימיזציה של הזמן עד לבייט הראשון
- מאינטראקציה ועד הצגת התגובה (INP)
- צבעים תלויי סכמת צבעים ב-CSS באמצעות light-dark()
- דפוסי הביצועים של WebAssembly לאפליקציות אינטרנט
- פריסות רשת עם אנימציה של שירות ה-CSS
- איך לשחק במשחק Chrome Dino באמצעות הגיימפאד
- המאפיין inert
- נעים להכיר: צוות ה-AI של Web.dev
- כדאי לשדרג את החיפוש באתר: תשובות לפי הקשר בעזרת בינה מלאכותית גנרטיבית
- אתיקה ו-AI
- מהי בינה מלאכותית (AI)?
- קביעת הספק של מפתחות הגישה באמצעות AAGUID
- הידור ואופטימיזציה של Wasm עם Binaryen
- רכיב האינטרנט <model-viewer>
- צילום אודיו ווידאו ב-HTML5
- ניתוח מעמיק של אימות משתמשים
- למה נתוני CrUX שונים מנתוני RUM?
- נגישות למפתחי אתרים
- טעינת JavaScript של צד שלישי
- Largest Contentful Paint (LCP)
- איך מונעים יצירה של מפתח גישה חדש אם כבר קיים מפתח גישה כזה
- עבודה עם IndexedDB
- 5 קטעי קוד ב-CSS שכל מפתחי ממשק קצה צריכים להכיר בשנת 2024
- מהם החלקים בכתובת URL?
- ניתוח מעמיק של פרטי כניסה שגלויים
- ביצועי הרינדור
- sizeObserver: דומה ל-document.onresize לרכיבים
- כדאי לבצע אופטימיזציה של הקידוד וההעברה של נכסים מבוססי טקסט
- OutscreenCanvas – האצת פעולות בד קנבס בעזרת worker באינטרנט
- First Contentful Paint (FCP)
- רשתות להעברת תוכן (CDN)
- מה הופך חוויית יציאה מהחשבון לטובה?
- הזמן עד לפעילות מלאה (TTI)
- אופטימיזציה של טעינת המשאבים עם Fetch Priority API
- סוגי פסאודו המחלקות :user-תקין ו-:user-לא חוקי
- אופטימיזציה של מדדי הליבה לבדיקת חוויית המשתמש באתר עבור מקבלי ההחלטות העסקיות
- הניואנסים של מחרוזות קידוד base64 ב-JavaScript
- רשת משנה של CSS
- טעינה יעילה של מודעות בלי להשפיע על מהירות הדף
- ארבעה סוגים נפוצים של כיסוי קוד
- כדי לבדוק או לא לבדוק, נקודת מבט טכנית
- הגדרת מקרי בדיקה וסדרי עדיפויות
- מדדי ביצועים שמתמקדים במשתמשים
- טעינה מראש של תמונות רספונסיביות
- התאמת הטיפוגרפיה להעדפות המשתמש באמצעות שירות CSS
- פירמידה או סרטן? למצוא אסטרטגיית בדיקה שמתאימה לכם
- שלושה סוגים נפוצים של אוטומציה של בדיקות
- ביטול הורדות מיותרות
- מה זה WebAssembly ומאיפה הוא הגיע?
- מתבצע עיבוד של מיפוי ה-mkbitmap ל-WebAssembly
- מערכת הקבצים הפרטית של המקור
- אירוח מאובטח של נתוני משתמשים באפליקציות אינטרנט מודרניות
- פריסת AVIF באתרים רספונסיביים יותר
- אופטימיזציה של האינטראקציה עד הצגת התגובה הבאה
- תכונות בסיסיות שאפשר להשתמש בהן היום
- איך גדלים של DOM גדולים משפיעים על האינטראקטיביות ומה אפשר לעשות בקשר אליה
- עיבוד בצד הלקוח של HTML ואינטראקטיביות
- אופטימיזציה של השהיה לאחר קלט
- הערכת סקריפטים ומשימות ארוכות
- אופטימיזציה של Cumulative Layout Shift (CLS)
- שימוש בתוסף Web Vitals כדי לנפות באגים בבעיות של מדדי ליבה לבדיקת חוויית המשתמש באתר
- יצירת חוויות דפדפן ב-WordPress באמצעות מגרש המשחקים של WordPress ו-WebAssembly
- Cumulative Layout Shift (CLS)
- פונקציונליות חדשה למפתחים שנוצרה על ידי WebAssembly
- מהן מפות מקור?
- אפליקציות PWA בחנויות אפליקציות
- 6 קטעי CSS שכל מפתחי ממשק קצה צריכים להכיר בשנת 2023
- פונקציות טריגונומטריות ב-CSS
- ביצוע פעולות יעילות לכל פריים של סרטון בסרטון באמצעות requestVideoFrameCallback()
- רגע בולט לקהילה של GDE: לארס קנודסן
- טיפ שירות CSS מהיר! טקסט הדרגתי עם אנימציה
- דפוסים חדשים באפליקציות מדיה
- בניית Chrometober!
- בניית רכיב של הסבר קצר
- איך נכנסים לחשבון עם מפתח גישה דרך מילוי אוטומטי של טפסים
- יצירת מפתח גישה להתחברות ללא סיסמה
- בניית רכיב של לחצן פעולה צף (FAB)
- שיטות מומלצות לגופנים
- הדגשה מקהילת GDE: אלבה סילוונטה פואנטס
- בדיקת ניגודיות הצבעים של עיצוב אינטרנט
- טיפ שירות CSS מהיר! טוען אנימציה
- בניית הניווט הראשי לאתר
- האם מדובר ב: :modal?
- עיצוב רשימת הקריאייטיב
- שיטות מומלצות לשימוש בתגים ובמנהלי תגים
- יצירת אשליה של רשת עקומה
- איך Nordhealth משתמשת בנכסים מותאמים אישית ברכיבי האינטרנט
- שליטה ברמת פירוט גבוהה יותר על טרנספורמציות CSS עם מאפייני טרנספורמציה נפרדים
- אנימציות של גבולות CSS
- איך ה-BBC משיק את HSTS לשיפור האבטחה והביצועים.
- למה ייתכן שהנתונים שצוותי ה-Lab והשדות יהיו שונים (מה אפשר לעשות בעניין)
- מצב שבו כולם מרוויחים
- סופו של Internet Explorer
- פרידה מ-HTML5Rocks
- מתכונים לעוגיות צד ראשון
- סנכרון בין הפעלה של אודיו ווידאו לאינטרנט
- שימוש בהדרגה של חרוטים ליצירת גבול מגניב
- בחירת ספרייה או מסגרת של JavaScript
- ההבדל בין ספריות JavaScript ו-frameworks
- יישום טיפול בשגיאות במהלך שימוש ב-Fetch API
- ממשק API עבור גופני אינטרנט מהירים ויפים
- המדריך למפתחים של ממשק הקצה'למסוף
- GOV.UK משחרר את jQuery מממשק הקצה.
- בניית רכיב לחצן
- אין להילחם בסורק הטעינה מראש של הדפדפן
- גישור על הפער
- שיטות מומלצות למדידת Web Vitals בשדה
- מוצאים אומץ והשראה בקהילת המפתחים
- גופנים משתנים בעולם האמיתי
- בעזרת ה-CSS Gradient Creator אפשר ליצור במהירות הדרגות נחמדות ב-CSS
- מתעמקים בבעיות העיקריות של מפתחי האתרים
- רוצה לשפר את תמונת האתר שלך? בעזרת images.tooling.report
- היקף של משתנים גלובליים ומקומיים
- בניית רכיב של תיבת דו-שיח
- ניפוי באגים ותיקון שגיאות בהפעלת מדיה באינטרנט
- רגע השיא של קהילת GDE: נישו גואל
- ההשפעות על הביצועים של טעינה מדורגת מדי
- בניית רכיב של סרגל טעינה
- שמירת פרטי הכניסה מ-Forms
- Chrome ו-Firefox יגיעו בקרוב לגרסה 100 הראשית
- יצירת סמל אתר מותאם
- ציור על בד ציור ב-emscripten
- עדכון מטמון HTTP יעזור לכם לשפר את האבטחה והפרטיות
- רכיבי HTML נוספים
- ניוד אפליקציות USB לאינטרנט. חלק 2: gPhoto2
- רישום שגיאות ברשת (NEL)
- זיהוי תכונות WebAssembly
- ניוד אפליקציות USB לאינטרנט. חלק 1: libusb
- יצירת רכיב להחלפת עיצוב
- הטמעת קטעי JavaScript ב-C++ באמצעות Emscripten
- אפליקציות PWA ב-Oculus Quest 2
- תכנון מבנים
- מחשבון Designcember
- העתקה עמוקה ב-JavaScript באמצעות structuredClone
- בניית רכיב של הודעה קופצת
- המימון של ממשק המשתמש
- בניית רכיב בתפריט של משחק בתלת-ממד
- לשיפור מדד חלקות האנימציה
- תהליכי העבודה ב-Lighthouse
- כל מה שדווח בכנס המפתחים של Chrome לשנת 2021
- מה חדש ב-PageSpeed Insights
- המסע של Photoshop לאינטרנט
- בניית רכיב של בחירה מרובה
- איך להעריך את ביצועי הטעינה בשדה באמצעות 'תזמון ניווט' ו'תזמון משאבים'
- טיפול בטוח ב-DOM באמצעות Sanitizer API
- שיטות מומלצות לשימוש בהטמעות של צד שלישי
- איך ארכיטקטורות של SPA משפיעות על דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
- ניתוח מעמיק של אירוע JavaScript
- צירוף משאבים שאינם JavaScript
- בניית רכיב של לחצן מפוצל
- שימוש בסקריפטים של מודול CSS כדי לייבא גיליונות סגנונות
- צבע משני של CSS
- בניית רכיב מתג
- תכונות מדיה של העדפת המשתמש – כותרות של טיפים ללקוח
- בניית רכיב של נתיבי ניווט
- שימוש בשרשורים של WebAssembly מ-C, C++ ו-Rust
- מידע בסיסי על סטרימינג של מדיה
- מסגרות מדיה
- הצפנת מדיה
- PWA עם סטרימינג אופליין
- אפשר להתמצא בעזרת נתוני השדות בעדכון של תוסף Web Vitals
- התאמת גודל ב-CSS ל- @font-face
- בניית ערכת צבעים
- שימוש ב-AVIF לדחיסת תמונות באתר
- פיתוח Cumulative Layout Shift (CLS) בכלים באינטרנט
- CSS ל-Web Vitals
- סלקטורים חדשים בפסאודו-מחלקה פונקציונליים של CSS :is() ו-:where()
- יש הדרכה חדשה ל-Progressive Web App
- העיצוב החדש והרספונסיבי: עיצוב אינטרנט בעולם המבוסס על רכיבים
- העברה ל-User-Agent Client Hints
- החרגה ו-Fugu: שיפור התהליכים העיקריים שהמשתמשים עוברים
- הסבר מהיר על כותרות אבטחה
- מודולים של ES ב-Service Workers
- יצירת רכיב של גלילת מדיה
- אופטימיזציה של Web Vitals באמצעות Lighthouse
- שימוש בממשקי API אסינכרוניים באינטרנט מ-WebAssembly
- שליטה בסקריפטים של צד שלישי
- התאמה אישית של שכבת-העל של פקדי החלון בסרגל הכותרת של PWA'
- מילוי טופסי OTP במסגרות iframe ממקורות שונים באמצעות WebOTP API
- הסרת מחסומים באמצעות DataTransfer API
- יצירת אנימציות של טקסט מפוצל
- פיתוח מדד CLS
- שביעות רצון של מפתחי אתרים
- בניית רכיב הגדרות
- ניפוי באגים שינויים בפריסה
- JavaScript: מה המשמעות של זה?
- פרויקטים של קוד פתוח למיני אפליקציות
- תגי עיצוב, עיצוב, סקריפטים ועדכון של מיני אפליקציות
- מבנה הפרויקט, מחזור החיים וקיבוץ בקשות
- החלת עקרונות התכנות של המיני אפליקציות בפרויקט לדוגמה
- רכיבי מיני אפליקציה
- מסכם של מפתחי אתרים לגבי אפליקציות מיני
- מה זה H5 ו-QuickApp?
- תכנות של המיני-אפליקציה
- מקורות נתונים – המדריך המלא
- בניית רכיב כרטיסיות
- מדריך להפעלת בידוד ממקורות שונים
- בקשה לבידוד ביצועים באמצעות הכותרת 'אשכול סוכנים לפי מקור'
- מאפיין יחס הגובה-רוחב של שירות CSS
- WebRTC הוא עכשיו תקן W3C ו-IETF
- שיטות מומלצות לשימוש בקרוסלות
- מתי כדאי להשתמש ב-HTTPS לפיתוח מקומי
- שימוש ב-HTTPS לפיתוח מקומי
- רצוי לקבל משוב: הדרך למדד שינוי פריסה טוב יותר עבור דפים בעלי תוחלת חיים ארוכה
- בניית רכיב סרגל צד
- Codelab: בניית רכיב Sidenav
- מרכוז ב-CSS
- Codelab: מרכוז ב-CSS
- אהבת את המטמון ❤️
- worklets של צבעים בדפדפנים שונים ו-Houdini.how
- פרסום, שליחה והתקנה של JavaScript מודרני לאפליקציות מהירות יותר
- Codelab שיטות מומלצות לשימוש בטופסי כתובת
- שיטות מומלצות לשליחת טפסים לכתובת ולתשלום
- שיטות מומלצות לטופס OTP באמצעות SMS
- Codelab שיטות מומלצות לשימוש בטופס הרשמה
- אוטומציה של ביקורות באמצעות AutoWebPerf
- שיטות מומלצות לשימוש בטופס ההרשמה
- Codelab שיטות מומלצות לשימוש בטופסי תשלום
- מדריך ציווי לשמירה במטמון
- סקירה כללית של העובדים
- שידור עדכונים לדפים עם Service Workers
- תקשורת דו-כיוונית עם עובדי השירות
- משביתים את שיפור המהירות באמצעות עכבר כדי לספק חוויית גיימינג טובה יותר ב-FPS
- Codelab: יצירת רכיב של סטוריז
- יצירת רכיב של סטוריז
- טעינה מדורגת ברמת הדפדפן למערכות ניהול תוכן
- סכמה של אותו אתר
- Codelab: יצירת לקוח התראות בדחיפה
- Codelab: יצירת שרת התראות
- סקירה כללית של התראות
- מדידת שימוש במצב אופליין
- דוגמאות לאנימציות CSS עם ביצועים גבוהים
- CSS min() , max() ו-clamp()
- המרות חתומות (SXG)
- שיפורים בפריסה לוגית עם מקוצרים יחסיים לזרימה
- למה חלק מהאנימציות איטיות?
- טיפול בבקשות טווח של קובץ שירות (service worker)
- איך יוצרים אנימציות CSS עם ביצועים גבוהים
- שליטה בהזזה, בהטיה ובמרחק התצוגה של המצלמה
- מהם גרסאות ניסיון מקוריות של צד שלישי?
- דליפות זיכרון של חלון מנותק
- יצירת דף חלופי למצב אופליין
- Core Web Vitals
- יצירת צורות תמונה מעניינות באמצעות מאפיין נתיב הקליפ של CSS
- החלת אפקטים על תמונות באמצעות מאפיין המסכה של CSS'
- תבליטים מותאמים אישית עם CSS ::סמן
- כדי לעזור למשתמשים לשנות סיסמאות בקלות, אפשר להוסיף כתובת URL ידועה לשינוי סיסמאות
- טיפול בפרטי תשלום אופציונליים עם קובץ שירות (service worker)
- תזמור עסקאות תשלום עם קובץ שירות (service worker)
- ARIA: רעל או נוגדנים?
- ניפוי באגים של דליפות זיכרון ב-WebAssembly באמצעות Emscripten
- ניראות (content-visiability): נכס ה-CSS החדש שמשפר את ביצועי הרינדור
- ביטול חסימה של גישה ללוח
- אינטרנט ב-Android
- שיטות מומלצות למדיניות בנושא הפניות וגורמים מפנים
- בניית PWA ב-Google, חלק 1
- מעקב אחר ביצועים באמצעות Lighthouse CI
- עיצוב חוויית המשתמש במפתחות גישה בחשבונות Google
- @property: מתן כוחות-על למשתני CSS
- רישום של אפליקציית תשלום מבוססת-אינטרנט
- קשר למהירות אתר ולמדדים עסקיים
- שמירה במטמון של קובץ שירות (service worker) ושמירה במטמון ב-HTTP
- סקירה כללית על אפליקציות תשלום מבוססות-אינטרנט
- מתן פרטים ליצירת קשר ופרטי משלוח מאפליקציית תשלומים ל-Android
- בדיקת הביצועים בשטח באמצעות דוח חוויית המשתמש ב-Chrome
- טיפול בבקשות ניווט
- עיבוד מושלם בפיקסלים עם devicePixelContentBox
- עשר פריסות מודרניות בשורה אחת של CSS
- סיכום שידורים חיים של web.dev
- שימוש בתכונות דפדפן בפלטפורמות שונות כדי לבנות טופס כניסה
- שיפור הדרגתי של Progressive Web App
- שיטות מומלצות לשימוש בטופס כניסה לחשבון
- כלים למפתחי אתרים לניפוי באגים בבעיות של JavaScript בחיפוש Google
- יצירת חוויות חיפוש עמידות באמצעות תיבת עבודה
- הוספת מדיה לדף אינטרנט
- קישור מודגש במקום שבו אף אחד לא ביצע קישור לפני כן: קטעי טקסט
- איך לדווח על באג מוצלח בדפדפן
- גרום ל-PWA שלך להרגיש כמו אפליקציה
- מדידת הביצועים באמצעות מודל ה-RAIL
- איך להאיץ ניווט ב-React באמצעות Quicklink
- הגנה על המשאבים שלך מפני מתקפות באינטרנט באמצעות התכונה 'אחזור מטא-נתונים'
- סידור מחדש של התוכן
- שיפורים בממשק ה-API של אנימציות באינטרנט ב-Chromium 84
- מדריך למפתחים של אפליקציות תשלומים ל-Android
- שימוש ב'תשלומים באינטרנט' באפליקציות תשלומים
- מחזור החיים של עסקת תשלום
- אפשרויות נוספות של גופנים בגופן משתנה של גופן מערכת ב-macOS ב-Chromium 83
- ביצוע משימות במהירות בעזרת קיצורי דרך של אפליקציות
- איך Progressive Web Apps יכולות לתרום להצלחה עסקית
- מתכוננים להסרה של מטמון האפליקציה
- איך להגדיר את אסטרטגיית ההתקנה
- אחסון קבוע
- כיצד CommonJS מגדילים את החבילות שלך
- יצירת פרופילים של אפליקציות 'אודיו לאינטרנט' ב-Chrome
- למה צריך "מבודד ממקורות שונים" כדי להשתמש בתכונות מתקדמות
- ביצועים משופרים לטעינת דפים Next.js ו-Gatsby עם פיצול פרטני
- "Same-site" ו-"same-origin"
- מעקב אחר השימוש הכולל בזיכרון בדף האינטרנט שלך באמצעותmeasureUserAgentspecificMemory()
- הפיכת האתר שלך "מבודד ממקורות שונים" באמצעות COOP ו-COEP
- web.dev בלוג הנדסה מס' 1: כיצד אנחנו בונים את האתר ומשתמשים ברכיבי אינטרנט
- עיצוב ברירת מחדל משופר של מצב כהה עם מאפיין CSS של ערכת צבעים והמטא תג התואם
- מוודאים שהאתר זמין וקריא לכולם בתקופת ההתמודדות עם נגיף הקורונה
- נגישות של הצבע והניגודיות
- עיצוב רספונסיבי נגיש
- תיקון שרת עמוס
- יעדי הקשה נגישים
- מניעת נקודות חולשה של סקריפטים חוצי-אתרים המבוססים על DOM באמצעות סוגים מהימנים
- שימוש ב-PWA באפליקציה ל-Android
- מניעת שינוי פריסה והבזקים של טקסט בלתי נראה (FOIT) על ידי טעינה מראש של גופנים אופציונליים
- איך להפיץ Signed HTTP Exchange (SXG) באמצעות nginx
- איך להגדיר Signed HTTP Exchange (SXG) באמצעות nginx
- ביצוע אופטימיזציה לתמונות רקע של CSS באמצעות שאילתות מדיה
- תיקון מהירות האתר באופן פעיל
- הצמדת גלילה לאחר שינוי הפריסה
- איך להגדיר Signed Exchanges באמצעות Web Packager
- איך לספק חוויה משלכם להתקנת האפליקציה
- המציאות הווירטואלית מגיעה לאינטרנט, חלק 2
- מיקום אובייקטים וירטואליים בתצוגות בעולם האמיתי
- מציאות רבודה: ייתכן שכבר אתם יודעים אותה
- קידום הסביבה העסקית של מסגרת האינטרנט
- מהן אפליקציות מסוג Progressive Web App?
- שילוב של אפליקציות PWA בממשקי משתמש מובנים לשיתוף באמצעות תיבת עבודה
- תמיכה בסמלים מותאמים באפליקציות PWA עם סמלים שניתנים להתאמה (maskable)
- שיפור לסגירת דף ב-XMLHttpRequest() סינכרוני
- שרשורי אינטרנט עם עובדי מודולים
- ההתפתחות של השימוש בכלי המהירות: רגעי השיא ממפגש הפסגה של מפתחי Chrome לשנת 2019
- טעינה דינמית: שיפור ביצועי האינטרנט במכשירים איטיים
- להשתמש ברכיבי אינטרנט כדי להריץ JavaScript מה-thread הראשי של הדפדפן
- משוב מהסקר בנושא אופטימיזציית תמונות בקיץ 2019
- יצירת שרת התראות
- שילוב עם ממשק המשתמש לשיתוף של מערכת ההפעלה באמצעות Web Share API
- איך AMP יכול להבטיח מהירות גבוהה באפליקציית Next.js
- ביצועים כברירת מחדל עם Next.js
- ניתוב מראש ב-Next.js
- פיצול קוד עם ייבוא דינמי ב-Next.js
- המציאות הווירטואלית מגיעה לאינטרנט
- מתכונים לקובצי cookie של SameSite
- הסבר על קובצי cookie
- מודעות מהירות חשובות
- שימוש בהתראות כדי לעורר עניין בקרב המשתמשים ולחדש את העניין שלהם
- תחילת השימוש ב-Notification API
- שימוש ב-Service Worker לניהול התראות
- תיקון חוסר יציבות בפריסה
- שיטות להאצת הטעינה של אפליקציית אינטרנט, גם בטלפון נייד פשוט
- נכסים מותאמים אישית חכמים יותר עם ה-API החדש של Houdini
- שליפה מראש (prefetch) של משאבים כדי להאיץ את הניווטים בעתיד
- שתי דרכים לשליפה מראש (prefetch): תגי <link> וכותרות HTTP
- תיקון תוכן מעורב
- מהו תוכן מעורב?
- שימוש בסרטונים בסיסיים לאינטרנט ולא רק בתמונות
- הוספת סמל מגע של Apple ל-Progressive Web App
- נגן האינטרנט מוכן
- אפליקציות מסוג Progressive Web App באתרים מרובי-מקורות
- הקטנת גודל גופן האינטרנט
- אופטימיזציה של הטעינה והרינדור של WebFont
- איך יוצרים Progressive Web App באמצעות Angular CLI
- זיהוי JavaScript איטי של צד שלישי
- טעינה יעילה של נתוני JavaScript של צד שלישי
- שימוש ברשתות CDN של תמונות לאופטימיזציה של תמונות
- ביצועי JavaScript של צד שלישי
- פקדי טפסים משופרים
- אופטימיזציה של קוד JavaScript של צד שלישי
- צור חיבורי רשת בשלב מוקדם כדי לשפר את מהירות הדף הנתפסת
- יצירת רקעים בסגנון מערכת הפעלה באמצעות מסנן רקע
- שמירה על עדכניות בעזרת תכונות לא עדכניות תוך כדי אימות
- יצירת וירטואליות של רשימות גדולות באמצעות CDK של Angular CDK
- אסטרטגיות של מסלול לטעינה מראש ב-Angular
- אופטימיזציה של זיהוי השינויים של Angular
- ניווט מהיר יותר באינטרנט עם שליפה מראש חזויה
- התאמת וידאו להצגת תמונות בהתאם לאיכות הרשת
- בדיקת הנגישות של אפליקציית Angular באמצעות Codelyzer
- קריאה מראש של קובץ השירות של Angular
- תקציבי ביצועים עם Angular CLI
- העדפת ערכת צבעים: שלום חושך, חבר שלי
- פיצול קוד ברמת המסלול ב-Angular
- תחילת העבודה: אופטימיזציה של אפליקציה ב-Angular
- טיפים מובילים לשיפור הביצועים באינטרנט
- רכיבי אינטרנט: המרכיב הסודי שעוזר להעצים את האינטרנט
- שימוש ב-Lighthouse לתקציבי ביצועים
- עדכונים לממשקי Web Payments API
- הערך של מהירות
- התקנה של סרגל הכתובות לאפליקציות מסוג Progressive Web App במחשב
- איך הביצועים יכולים לשפר את ההמרות?
- תבניות לקידום התקנת PWA
- איך להודיע למשתמשים על כך שניתן להתקין את ה-PWA שלי?
- דפוס החשיבה של Service Worker
- המדיניות בנושא תמונות לזמני טעינה מהירים ועוד
- חילוץ CSS קריטי
- האם משימות JavaScript ארוכות מעכבות את הזמן עד לפעילות מלאה?
- חילוץ והטבעה של CSS קריטי באמצעות קריטי
- מהירות בקנה מידה נרחב: מה חדש בביצועי האינטרנט?
- נעים להכיר: PROXX
- הסבר על קובצי cookie מסוג SameSite
- חיפוש ויזואלי באמצעות כלי התפיסה באינטרנט
- הצגה דינמית בהתאם לאיכות הרשת
- מעשי עם פורטלים: ניווט חלק באינטרנט
- הקטנה ודחיסה של מטענים ייעודיים (payload) ברשת באמצעות brotli
- web.dev ב-I/O 2019
- איך מודדים מהירות?
- מהי מהירות?
- איך להישאר מהירים?
- איך מתחילים: מבצעים אופטימיזציה של אפליקציית React
- יצירת רשימה וירטואלית של רשימות גדולות באמצעות חלון תגובה
- הוספה של מניפסט של אפליקציית אינטרנט באמצעות Create React App
- בדיקת נגישות באמצעות react-axe ו-eslint-plugin-jsx-a11y
- הגדרה מראש של קובץ תגובה ב-Create React App עם תיבת עבודה
- עיבוד מראש של מסלולים באמצעות תגובה מהירה
- פיצול קוד באמצעות React.lazy ו-Suspense
- Codelab: טעינה מראש של נכסים קריטיים כדי לשפר את מהירות הטעינה
- העדפה לצמצום תנועה: לפעמים פחות תנועה היא יותר
- דחיית CSS שאינו קריטי
- האמון הוא טוב, התצפית טובה יותר: 'הצטלבות' בגרסה 2
- עקרונות בסיסיים של עיצוב אתר רספונסיבי
- גיליונות סגנונות ניתנים לבנייה
- עיבוד באינטרנט
- שימוש בגודל חבילה עם Travis CI
- שילוב תקציבי ביצועים בתהליך ה-build
- הגדרת תקציבי ביצועים באמצעות Webpack
- שימוש בבוט Lighthouse להגדרת תקציב ביצועים
- Emscripten ו-npm
- האם האפליקציה שלך מותקנת? תקבל הודעה מ-getInstalledRelatedApps() !
- הצגת קוד מודרני בדפדפנים מודרניים לטעינת דפים מהירה יותר
- הסתגלות למשתמשים באמצעות רמזים ללקוחות
- שליטה בהתמקדות באמצעות Tabindex
- כותרות וציוני דרך
- מהי נגישות?
- משתמשים ב-HTML סמנטי לניצחון קל במקלדת
- מידע בסיסי על גישה למקלדת
- התמקדות בסגנון
- סמנטיקה וקוראי מסך
- תוויות וחלופות לטקסט
- הצגת תמונות רספונסיביות
- מדיניות מקור זהה & iframe
- הפחתת מטענים ייעודיים (payloads) של JavaScript באמצעות פיצול קוד
- שימוש ב-Imagemin לדחיסת תמונות
- זיהוי משאבים שנטענו מהרשת
- כדי לשפר את מהירות הטעינה, יש לטעון מראש נכסים קריטיים
- ארגז חול של דפדפן
- הגדרה כניתנת להתקנה
- איך פועל החיפוש?
- שיתוף משאבים בין מקורות (CORS)
- איך מודדים אופטימיזציה למנועי חיפוש באמצעות Lighthouse
- הצגת תמונות במידות הנכונות
- תקציבי ביצועים 101
- החלפת קובצי GIF בסרטון
- מדיניות מקור זהה & בקשות אחזור
- מדיניות מאותו מקור
- הסרת קוד שלא נמצא בשימוש
- החלה של טעינה מיידית עם תבנית PRPL
- שימוש בתיאורי צפיפות
- תיקון שגיאות 404 מטעות
- הגדרת התנהגות של שמירה במטמון HTTP
- שימוש ב-Imagemin עם חבילת אינטרנט
- אבטחה לא צריכה להיות מפחידה כל כך!