דפוסי מדיה
צור חוויות מדיה מודרניות באינטרנט להפעלה מעולה של אודיו ווידאו.
- איך שולחים שאילתה למרכז הבקרה של פלטפורמת האינטרנט כדי לקבל כלים ליצירת בסיס
- תהליכי עבודה בדוח ה-Web Vitals הבסיסיים עם הכלים של Google
- סיכום חודשי של נתוני הבסיס בפברואר 2025
- ruby-align היא ברירת המחדל החדשה
- הורדת מודלים של AI באמצעות Background Fetch API
- שליפה מראש (prefetch) של משאבים כדי להאיץ את הניווטים בעתיד
- ניפוי באגים שינויים בפריסה
- אופטימיזציה של Cumulative Layout Shift (CLS)
- CSS scrollbar-color ו-scrollbar-gutter זמינים עכשיו בגרסה הבסיסית
- סיכום חודשי של נתוני הבסיס לינואר 2025
- התאמת קנה המידה של אפליקציות WebAssembly עם כמה שרשורים באמצעות mimalloc ו-WasmFS
- אופטימיזציות של WasmGC ו-Wasm tail call זמינות עכשיו בגרסת Baseline
- Largest Contentful Paint (LCP)
- Promise.try הוא עכשיו Baseline החדש
- זיהוי תכונות פשוט יותר של WebAuthn באמצעות getClientCapabilities()
- היתרונות והמגבלות של מודלים גדולים של שפה
- פיתוח צ'אטים בוט מקומיים שפועלים גם במצב אופליין
- אופטימיזציה למשימות ארוכות
- הגדרת אמצעי תשלום
- החלת אפקטים על תמונות באמצעות המאפיין mask-image ב-CSS
- בסיס להשוואה 2024: כלים נוספים למפתחי אתרים
- טעינה מדורגת של סרטון
- טעינה מראש של מודולים
- מדידת מילוי אוטומטי בדפדפן בטפסים
- חלק 2: פיתוח זיהוי רעילות באמצעות AI בצד הלקוח
- זמן החסימה הכולל (TBT)
- הדרכים היעילות ביותר לשיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
- תחילת העבודה עם מדידת מדדי Web Vitals
- Web Vitals
- אופטימיזציה של Largest Contentful Paint (LCP)
- נכס ה-CSS content-visibility זמין עכשיו כבסיס
- איך הוגדרו ערכי הסף למדדי הליבה לבדיקת חוויית המשתמש באתר
- אבחון ידני של אינטראקציות איטיות בשיעור ה-Lab
- ערך הבסיס
- מטמון לדף הקודם/הבא
- שיפור ההטמעה של CSS באמצעות CSSNestedDeclarations
- First Input Delay (FID)
- ביצועי ניפוי באגים בשדה
- זיהוי הקשר בין מדדי הליבה לבדיקת חוויית המשתמש באתר לבין ההכנסות מפרסום באמצעות הכלים של Google
- השוואת ביצועים של נכס CSS מסוג @property
- הגיע הזמן לבצע טעינה מדורגת של מסגרות iframe מחוץ למסך!
- נפח אחסון לאינטרנט
- פרוטוקול Web Push
- יצירה של כמה אפליקציות מסוג Progressive Web App באותו דומיין
- איך יוצרים אפליקציה מוצלחת מסוג Progressive Web App?
- מה נדרש כדי להתקין את האפליקציה?
- איך Chrome מטפל בעדכונים למניפסט של אפליקציית האינטרנט
- הוספת מניפסט של אפליקציית אינטרנט
- צמצום של סקריפטים חוצי-אתרים (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
- קביעת הספק של מפתחות הגישה באמצעות AAGUID
- הידור ואופטימיזציה של Wasm עם Binaryen
- צילום אודיו ווידאו ב-HTML5
- רכיב האינטרנט <model-viewer>
- ניתוח מעמיק של אימות משתמשים
- למה נתוני CrUX שונים מנתוני RUM?
- נגישות למפתחי אתרים
- טעינת JavaScript של צד שלישי
- איך מונעים יצירה של מפתח גישה חדש אם כבר קיים מפתח גישה כזה
- עבודה עם 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
- פירמידה או סרטן? למצוא אסטרטגיית בדיקה שמתאימה לכם
- שלושה סוגים נפוצים של אוטומציה של בדיקות
- ביטול הורדות מיותרות
- מתבצע עיבוד של מיפוי ה-mkbitmap ל-WebAssembly
- מה זה WebAssembly ומאיפה הוא הגיע?
- מערכת הקבצים הפרטית של המקור
- אירוח מאובטח של נתוני משתמשים באפליקציות אינטרנט מודרניות
- פריסת AVIF באתרים רספונסיביים יותר
- אופטימיזציה של האינטראקציה עד הצגת התגובה הבאה
- תכונות בסיסיות שאפשר להשתמש בהן היום
- הערכת סקריפטים ומשימות ארוכות
- אופטימיזציה של השהיה לאחר קלט
- עיבוד בצד הלקוח של HTML ואינטראקטיביות
- איך גדלים של DOM גדולים משפיעים על האינטראקטיביות ומה אפשר לעשות בקשר אליה
- יצירת חוויות דפדפן ב-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: נישו גואל
- ההשפעה על הביצועים של טעינת פריטים בזמן אמת (lazy loading) מוגזמת
- בניית רכיב של סרגל טעינה
- שמירת פרטי הכניסה מ-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
- בניית רכיב של הודעה קופצת
- המימון של ממשק המשתמש
- בניית רכיב בתפריט של משחק בתלת-ממד
- כל מה שדווח בכנס המפתחים של Chrome לשנת 2021
- מה חדש ב-PageSpeed Insights
- לשיפור מדד חלקות האנימציה
- תהליכי העבודה ב-Lighthouse
- המסע של Photoshop לאינטרנט
- בניית רכיב של בחירה מרובה
- איך להעריך את ביצועי הטעינה בשדה באמצעות 'תזמון ניווט' ו'תזמון משאבים'
- טיפול בטוח ב-DOM באמצעות Sanitizer API
- שיטות מומלצות לשימוש בהטמעות של צד שלישי
- איך ארכיטקטורות של SPA משפיעות על דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
- ניתוח מעמיק של אירוע JavaScript
- צירוף משאבים שאינם JavaScript
- בניית רכיב של לחצן מפוצל
- שימוש בסקריפטים של מודול CSS כדי לייבא גיליונות סגנונות
- צבע משני של CSS
- בניית רכיב מתג
- תכונות מדיה של העדפת המשתמש – כותרות של טיפים ללקוח
- בניית רכיב של נתיבי ניווט
- שימוש בשרשורים של WebAssembly מ-C, C++ ו-Rust
- מידע בסיסי על סטרימינג של מדיה
- הצפנת מדיה
- מסגרות מדיה
- PWA עם סטרימינג אופליין
- בניית ערכת צבעים
- התאמת גודל ב-CSS ל- @font-face
- שימוש ב-AVIF לדחיסת תמונות באתר
- CSS ל-Web Vitals
- פיתוח Cumulative Layout Shift (CLS) בכלים באינטרנט
- סלקטורים חדשים בפסאודו-מחלקה פונקציונליים של CSS :is() ו-:where()
- יש הדרכה חדשה ל-Progressive Web App
- העברה ל-User-Agent Client Hints
- העיצוב החדש והרספונסיבי: עיצוב אינטרנט בעולם המבוסס על רכיבים
- הסבר מהיר על כותרות אבטחה
- החרגה ו-Fugu: שיפור התהליכים העיקריים שהמשתמשים עוברים
- מודולים של ES ב-Service Workers
- יצירת רכיב של גלילה בתוכן מדיה
- אופטימיזציה של Web Vitals באמצעות Lighthouse
- שימוש ב-WebAssembly ל-API לאינטרנט אסינכרוני
- התאמה אישית של שכבת-העל של פקדי החלון בסרגל הכותרת של PWA'
- שליטה בסקריפטים של צד שלישי
- הסרת מחסומים באמצעות DataTransfer API
- מילוי טופסי OTP במסגרות iframe ממקורות שונים באמצעות WebOTP API
- יצירת אנימציות של טקסט מפוצל
- פיתוח מדד CLS
- שביעות רצון של מפתחי אתרים
- פיתוח רכיב של הגדרות
- JavaScript: מה המשמעות של זה?
- מה זה H5 ו-QuickApp?
- החלת עקרונות התכנות של המיני אפליקציות בפרויקט לדוגמה
- מבנה הפרויקט, מחזור החיים וקיבוץ בקשות
- פרויקטים של קוד פתוח למיני אפליקציות
- מסכם של מפתחי אתרים לגבי אפליקציות מיני
- תגי עיצוב, עיצוב, סקריפטים ועדכון של מיני אפליקציות
- רכיבי מיני אפליקציה
- תכנות של המיני-אפליקציה
- מקורות נתונים – המדריך המלא
- בניית רכיב כרטיסיות
- מדריך להפעלת בידוד ממקורות שונים
- בקשה לבידוד ביצועים באמצעות הכותרת 'אשכול סוכנים לפי מקור'
- מאפיין יחס הגובה-רוחב של שירות CSS
- WebRTC הוא עכשיו תקן W3C ו-IETF
- שיטות מומלצות לשימוש בקרוסלות
- מתי כדאי להשתמש ב-HTTPS לפיתוח מקומי
- רצוי לקבל משוב: הדרך למדד שינוי פריסה טוב יותר עבור דפים בעלי תוחלת חיים ארוכה
- שימוש ב-HTTPS לפיתוח מקומי
- Codelab: בניית רכיב Sidenav
- בניית רכיב סרגל צד
- Codelab: מרכוז ב-CSS
- מרכוז ב-CSS
- אהבת את המטמון ❤️
- worklets של צבעים בדפדפנים שונים ו-Houdini.how
- שיטות מומלצות לשימוש בטופס תשלום ובטופס כתובת
- שיטות מומלצות לטופס OTP באמצעות SMS
- שיטות מומלצות לשימוש בטופס הרשמה
- Codelab שיטות מומלצות לשימוש בטופס הרשמה
- Codelab שיטות מומלצות לשימוש בטופסי כתובת
- Codelab שיטות מומלצות לשימוש בטופסי תשלום
- אוטומציה של ביקורות באמצעות AutoWebPerf
- סקירה כללית של העובדים
- שידור עדכונים לדפים עם Service Workers
- תקשורת דו-כיוונית עם עובדי השירות
- מדריך ציווי לשמירה במטמון
- משביתים את שיפור המהירות באמצעות עכבר כדי לספק חוויית גיימינג טובה יותר ב-FPS
- יצירת רכיב של סטוריז
- Codelab: יצירת רכיב של סטוריז
- טעינה מדורגת ברמת הדפדפן למערכות ניהול תוכן
- סכמה של אותו אתר
- Codelab: יצירת לקוח התראות בדחיפה
- Codelab: יצירת שרת התראות
- סקירה כללית של התראות
- מדידת שימוש במצב אופליין
- דוגמאות לאנימציות CSS עם ביצועים גבוהים
- המרות חתומות (SXG)
- CSS min() , max() ו-clamp()
- שיפורים לפריסה לוגית באמצעות קיצורי דרך שקשורים לתהליך
- למה חלק מהאנימציות איטיות?
- איך יוצרים אנימציות CSS עם ביצועים גבוהים
- טיפול בבקשות טווח של קובץ שירות (service worker)
- שליטה בהזזה, בהטיה ובמרחק התצוגה של המצלמה
- מהם גרסאות ניסיון מקוריות של צד שלישי?
- דליפות זיכרון של חלון מנותק
- יצירת דף חלופי למצב אופליין
- Core Web Vitals
- יצירת צורות תמונה מעניינות באמצעות מאפיין נתיב הקליפ של 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"
- הפיכת האתר שלך "מבודד ממקורות שונים" באמצעות COOP ו-COEP
- מעקב אחר השימוש הכולל בזיכרון בדף האינטרנט שלך באמצעותmeasureUserAgentspecificMemory()
- 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
- יצירת שרת התראות
- ניתוב מראש ב-Next.js
- איך AMP יכול להבטיח מהירות גבוהה באפליקציית Next.js
- פיצול קוד עם ייבוא דינמי ב-Next.js
- ביצועים כברירת מחדל עם Next.js
- שילוב עם ממשק המשתמש לשיתוף של מערכת ההפעלה באמצעות Web Share API
- המציאות הווירטואלית מגיעה לאינטרנט
- הסבר על קובצי cookie
- מתכונים לקובצי cookie של SameSite
- מודעות מהירות חשובות
- שימוש בהתראות כדי לעורר עניין בקרב המשתמשים ולחדש את העניין שלהם
- תחילת השימוש ב-Notification API
- שימוש ב-Service Worker לניהול התראות
- תיקון חוסר יציבות בפריסה
- שיטות לטעינת אפליקציית אינטרנט במהירות, גם בטלפון פשוט
- נכסים מותאמים אישית חכמים יותר עם ה-API החדש של Houdini
- שתי דרכים לשליפה מראש (prefetch): תגי <link> וכותרות HTTP
- תיקון תוכן מעורב
- מהו תוכן מעורב?
- שימוש בסרטונים בסיסיים לאינטרנט ולא רק בתמונות
- הוספת סמל מגע של Apple ל-Progressive Web App
- נגן האינטרנט מוכן
- אפליקציות מסוג Progressive Web App באתרים מרובי-מקורות
- אופטימיזציה של הטעינה והרינדור של WebFont
- הקטנת גודל גופן האינטרנט
- איך יוצרים Progressive Web App באמצעות Angular CLI
- שימוש ברשתות CDN של תמונות לאופטימיזציה של תמונות
- טעינה יעילה של נתוני JavaScript של צד שלישי
- זיהוי JavaScript איטי של צד שלישי
- ביצועי JavaScript של צד שלישי
- פקדי טפסים משופרים
- אופטימיזציה של קוד JavaScript של צד שלישי
- צור חיבורי רשת בשלב מוקדם כדי לשפר את מהירות הדף הנתפסת
- יצירת רקעים בסגנון מערכת הפעלה באמצעות מסנן רקע
- שמירה על עדכניות בעזרת תכונות לא עדכניות תוך כדי אימות
- יצירת וירטואליות של רשימות גדולות באמצעות CDK של Angular CDK
- אסטרטגיות של מסלול לטעינה מראש ב-Angular
- אופטימיזציה של זיהוי השינויים של Angular
- התאמת וידאו להצגת תמונות בהתאם לאיכות הרשת
- ניווט מהיר יותר באינטרנט עם שליפה מראש חזויה
- בדיקת הנגישות של אפליקציית Angular באמצעות Codelyzer
- תקציבי ביצועים עם Angular CLI
- קריאה מראש של קובץ השירות של Angular
- העדפת ערכת צבעים: שלום חושך, חבר שלי
- פיצול קוד ברמת המסלול ב-Angular
- טיפים מובילים לשיפור ביצועי האתר
- תחילת העבודה: אופטימיזציה של אפליקציה ב-Angular
- רכיבי אינטרנט: המרכיב הסודי שעוזר להעצים את האינטרנט
- שימוש ב-Lighthouse לתקציבי ביצועים
- הערך של מהירות
- עדכונים לממשקי Web Payments API
- התקנה של סרגל הכתובות לאפליקציות מסוג Progressive Web App במחשב
- איך הביצועים יכולים לשפר את ההמרות?
- איך להודיע למשתמשים על כך שניתן להתקין את ה-PWA שלי?
- דפוס החשיבה של Service Worker
- תבניות לקידום התקנת PWA
- המדיניות בנושא תמונות לזמני טעינה מהירים ועוד
- חילוץ CSS קריטי
- חילוץ והטבעה של CSS קריטי באמצעות קריטי
- האם משימות JavaScript ארוכות מעכבות את הזמן עד לפעילות מלאה?
- מהירות בקנה מידה נרחב: מה חדש בביצועי האינטרנט?
- חדש: PROXX
- חיפוש ויזואלי באמצעות כלי התפיסה באינטרנט
- הסבר על קובצי cookie מסוג SameSite
- מעשי עם פורטלים: ניווט חלק באינטרנט
- הצגה דינמית בהתאם לאיכות הרשת
- הקטנה ודחיסה של מטענים ייעודיים (payload) ברשת באמצעות brotli
- web.dev ב-I/O 2019
- איך להישאר מהירים?
- מהי מהירות?
- איך מודדים מהירות?
- הגדרה מראש של קובץ תגובה ב-Create React App עם תיבת עבודה
- הוספה של מניפסט של אפליקציית אינטרנט באמצעות Create React App
- עיבוד מראש של מסלולים באמצעות תגובה מהירה
- פיצול קוד באמצעות React.lazy ו-Suspense
- איך מתחילים: מבצעים אופטימיזציה של אפליקציית React
- בדיקת נגישות באמצעות react-axe ו-eslint-plugin-jsx-a11y
- יצירת רשימה וירטואלית של רשימות גדולות באמצעות חלון תגובה
- Codelab: טעינה מראש של נכסים קריטיים כדי לשפר את מהירות הטעינה
- העדפה לצמצום תנועה: לפעמים פחות תנועה היא יותר
- דחיית CSS שאינו קריטי
- האמון הוא טוב, התצפית טובה יותר: 'הצטלבות' בגרסה 2
- עקרונות בסיסיים של עיצוב אתר רספונסיבי
- גיליונות סגנונות ניתנים לבנייה
- עיבוד באינטרנט
- שימוש בגודל חבילה עם Travis CI
- שילוב תקציבי ביצועים בתהליך ה-build
- הגדרת תקציבי ביצועים באמצעות Webpack
- שימוש בבוט Lighthouse להגדרת תקציב ביצועים
- Emscripten ו-npm
- האם האפליקציה שלך מותקנת? תקבל הודעה מ-getInstalledRelatedApps() !
- הצגת קוד מודרני בדפדפנים מודרניים לטעינת דפים מהירה יותר
- הסתגלות למשתמשים באמצעות רמזים ללקוחות
- שימוש ב-HTML סמנטי כדי להקל על השימוש במקלדת
- מהי נגישות?
- סמנטיקה וקוראי מסך
- כותרות וציוני דרך
- תוויות וחלופות לטקסט
- מידע בסיסי על גישה למקלדת
- שליטה בהתמקדות באמצעות Tabindex
- התמקדות בסגנון
- הצגת תמונות במידות הנכונות
- קובצי שירות (service worker) ו-Cache Storage API
- החלפת קובצי GIF בסרטון
- מניעת בקשות רשת מיותרות באמצעות מטמון ה-HTTP
- אבטחה לא צריכה להיות מפחידה כל כך!
- ציון רוחבי משבצות מרובים
- שימוש ב-Imagemin עם חבילת אינטרנט
- הגדרה כניתנת להתקנה
- ניהול ארט
- הצגת תמונות רספונסיביות
- כדי לשפר את מהירות הטעינה, יש לטעון מראש נכסים קריטיים
- הסרת קוד שלא בשימוש
- החלפת קובצי GIF מונפשים בסרטון תאפשר טעינה מהירה יותר של דפים
- שימוש ב-Imagemin לדחיסת תמונות
- איך פועל החיפוש?
- שימוש בתמונות WebP
- הצגת תמונות במידות הנכונות
- מדיניות מקור זהה & iframe
- תקציבי ביצועים 101