תבניות פריסה
דפוסי פריסה שנוצרו באמצעות ממשקי API מודרניים של CSS כדי לעזור לכם לבנות ממשקים נפוצים כמו כרטיסים, אזורי רשת דינמיים ופריסות של דף מלא.
- זמן החסימה הכולל (TBT)
- הדרכים היעילות ביותר לשיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
- תחילת העבודה עם מדידה של דוח ה-Web Vitals
- Web Vitals
- השוואה בין יכולות של מודלים גדולים של שפה לבין סיכום
- איך הוגדרו ערכי הסף למדדי הליבה לבדיקת חוויית המשתמש באתר
- אופטימיזציה של Largest Contentful Paint (LCP)
- תהליכי עבודה בדוח ה-Web Vitals הבסיסיים עם הכלים של Google
- אבחון ידני של אינטראקציות איטיות בשיעור ה-Lab
- ערך הבסיס
- מטמון לדף הקודם/הבא
- ביצועי ניפוי באגים בשדה
- 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 לדחיסת תמונות באתר
- 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
- ביקורת נגישות באמצעות access-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 עם חבילת אינטרנט
- שמירה במטמון בזמן ריצה עם תיבת עבודה
- אבטחה לא צריכה להיות מפחידה כל כך!
- קובצי שירות (service worker) ו-Cache Storage API
- הצגת קוד מודרני בדפדפנים מודרניים לטעינת דפים מהירה יותר
- הפחתת מטענים ייעודיים (payloads) של JavaScript באמצעות פיצול קוד
- ניהול אומנות
- שימוש בתמונות WebP