מעברים בין דפים לא מרגישים חסומים ברשת

מעברים מהירים בין דפים הם גורם משמעותי בהחלטה של המשתמשים על הביצועים של Progressive Web App (PWA). המעברים אמורים להיות מהירים, גם ברשת איטית.

המלצות

כדי למצוא מעברים איטיים בין דפים, צריך לנווט באפליקציית האינטרנט באמצעות סימולציה של רשת איטית. כדי לעשות את זה ב-Chrome:

[הערה]: <> (שני הפריטים הראשונים ברשימה הםfr om a shortcode from web.dev, אך הם לא תורגמו מאנגלית לאף שפה). 1. מקישים על Control+Shift+J (או על Command+Option+J ב-Mac) כדי לפתוח את כלי הפיתוח. 2. לוחצים על הכרטיסייה Network. 3. ברשימה הנפתחת Throttling, בוחרים באפשרות Slow 3G.

בכל פעם שמקישים על קישור או לחצן באפליקציה, בדקו שהדף מגיב מיד באחת משתי דרכים:

  • הדף עובר מיד למסך הבא ומציג מסך טעינה בזמן ההמתנה לתוכן מהרשת.
  • בדף מוצג אינדיקטור של טעינה בזמן שהאפליקציה ממתינה לתגובה מהרשת.

אם אתם עובדים על אפליקציה עם דף יחיד שמעובד על ידי לקוח, עליכם להעביר את המשתמש מיד לדף הבא ולהציג מסך בסיסי. חשוב להקפיד להציג באופן מיידי כל תוכן שכבר זמין, כמו כותרת הדף או התמונה הממוזערת, בזמן ששאר התוכן נטען.

משאבים