انتقال صفحه به نظر نمی رسد که در شبکه مسدود شود

انتقال سریع صفحه کلید نحوه درک کاربران از عملکرد برنامه وب پیشرو شما (PWA) است. انتقال ها حتی در یک شبکه آهسته، باید سریع به نظر برسند.

توصیه ها

برای یافتن انتقال کند صفحه، برنامه وب خود را با استفاده از یک شبکه کند شبیه سازی شده پیمایش کنید. برای انجام این کار در کروم:

[نظر]: <> (دو مورد اول فهرست از یک کد کوتاه از web.dev هستند، اما از انگلیسی برای هیچ زبانی ترجمه نشده است.) 1. Control + Shift + J (یا Command + Option + J را در Mac فشار دهید. ) برای باز کردن DevTools. 2. روی تب Network کلیک کنید. 3. در لیست کشویی Throttling ، Slow 3G را انتخاب کنید.

هر بار که روی پیوند یا دکمه ای در برنامه ضربه می زنید، بررسی کنید که صفحه فوراً به یکی از دو روش پاسخ دهد:

  • صفحه بلافاصله به صفحه بعدی منتقل می شود و در حالی که منتظر محتوای شبکه است، صفحه بارگیری را نشان می دهد.
  • در حالی که برنامه منتظر پاسخ از شبکه است، صفحه نشانگر بارگیری را نشان می دهد.

اگر روی یک برنامه تک صفحه ای ارائه شده توسط مشتری کار می کنید، کاربر را فوراً به صفحه بعدی منتقل کنید و یک صفحه اسکلت را نشان دهید. مطمئن شوید که فوراً هر محتوایی را که از قبل در دسترس است، مانند عنوان صفحه یا تصویر کوچک نشان دهید، در حالی که بقیه محتوا بارگیری می شود.

منابع

،

انتقال سریع صفحه کلید نحوه درک کاربران از عملکرد برنامه وب پیشرو شما (PWA) است. انتقال ها حتی در یک شبکه آهسته، باید سریع به نظر برسند.

توصیه ها

برای یافتن انتقال کند صفحه، برنامه وب خود را با استفاده از یک شبکه کند شبیه سازی شده پیمایش کنید. برای انجام این کار در کروم:

[نظر]: <> (دو مورد اول فهرست از یک کد کوتاه از web.dev هستند، اما از انگلیسی برای هیچ زبانی ترجمه نشده است.) 1. Control + Shift + J (یا Command + Option + J را در Mac فشار دهید. ) برای باز کردن DevTools. 2. روی تب Network کلیک کنید. 3. در لیست کشویی Throttling ، Slow 3G را انتخاب کنید.

هر بار که روی پیوند یا دکمه ای در برنامه ضربه می زنید، بررسی کنید که صفحه فوراً به یکی از دو روش پاسخ دهد:

  • صفحه بلافاصله به صفحه بعدی منتقل می شود و در حالی که منتظر محتوای شبکه است، صفحه بارگیری را نشان می دهد.
  • در حالی که برنامه منتظر پاسخ از شبکه است، صفحه نشانگر بارگیری را نشان می دهد.

اگر روی یک برنامه تک صفحه ای ارائه شده توسط مشتری کار می کنید، کاربر را فوراً به صفحه بعدی منتقل کنید و یک صفحه اسکلت را نشان دهید. مطمئن شوید که فوراً هر محتوایی را که از قبل در دسترس است، مانند عنوان صفحه یا تصویر کوچک نشان دهید، در حالی که بقیه محتوا بارگیری می شود.

منابع