این مهم است که درک کنید استفاده از برنامه یا سایت شما چه احساسی در زمانی که اتصال ضعیف یا غیرقابل اعتماد است، چیست و بر این اساس بسازید. طیف وسیعی از ابزارها می توانند به شما کمک کنند.
تست با پهنای باند کم و تاخیر بالا
تعداد فزاینده ای از مردم وب را در دستگاه های تلفن همراه تجربه می کنند. حتی در خانه، بسیاری از مردم پهنای باند ثابت را برای موبایل کنار می‌گذارند .
در این زمینه، درک اینکه استفاده از اپلیکیشن یا سایت شما در زمانی که اتصال ضعیف یا غیرقابل اعتماد است چه حسی دارد، مهم است. طیف وسیعی از ابزارهای نرم افزاری می توانند به شما در شبیه سازی و شبیه سازی پهنای باند کم و تأخیر بالا کمک کنند.
تقلید throttling شبکه
هنگام ساخت یا به روز رسانی یک سایت، باید از عملکرد مناسب در انواع شرایط اتصال اطمینان حاصل کنید. چندین ابزار می تواند کمک کند.
ابزارهای مرورگر
Chrome DevTools به شما امکان می‌دهد سایت خود را با انواع سرعت‌های آپلود/دانلود و زمان‌های رفت و برگشت ، با استفاده از تنظیمات پیش‌تنظیمی یا تنظیمات سفارشی از پانل شبکه آزمایش کنید. برای یادگیری اصول اولیه به شروع کار با تجزیه و تحلیل عملکرد شبکه مراجعه کنید.
ابزارهای سیستم
Network Link Conditioner یک پانل ترجیحی است که در صورت نصب Hardware IO Tools برای Xcode در Mac موجود است:
شبیه سازی دستگاه
شبیه ساز اندروید به شما امکان می دهد شرایط مختلف شبکه را هنگام اجرای برنامه ها (از جمله مرورگرهای وب و برنامه های وب ترکیبی) در اندروید شبیه سازی کنید:
برای آیفون، Network Link Conditioner را می توان برای شبیه سازی شرایط شبکه مختل استفاده کرد (به بالا مراجعه کنید).
تست از مکان ها و شبکه های مختلف
عملکرد اتصال به موقعیت سرور و همچنین نوع شبکه بستگی دارد.
WebPagetest یک سرویس آنلاین است که مجموعه ای از تست های عملکرد را قادر می سازد تا با استفاده از انواع شبکه ها و مکان های میزبان برای سایت شما اجرا شوند. به عنوان مثال، می توانید سایت خود را از سروری در هند در شبکه 2G یا از طریق کابل شهری در ایالات متحده امتحان کنید.
یک مکان را انتخاب کنید و از تنظیمات پیشرفته، یک نوع اتصال را انتخاب کنید. حتی می‌توانید با استفاده از اسکریپت‌ها (به عنوان مثال، برای ورود به یک سایت) یا با استفاده از APIهای RESTful آنها، آزمایش را خودکار کنید. این به شما کمک می کند تا تست اتصال را در فرآیندهای ساخت یا ثبت عملکرد بگنجانید.
Fiddler از پروکسی جهانی از طریق GeoEdge پشتیبانی می کند و از قوانین سفارشی آن می توان برای شبیه سازی سرعت مودم استفاده کرد:
تست روی یک شبکه آسیب دیده
پراکسی‌های نرم‌افزار و سخت‌افزار شما را قادر می‌سازد تا شرایط مشکل‌ساز شبکه تلفن همراه، مانند کاهش پهنای باند، تأخیر بسته‌ها و از دست دادن تصادفی بسته‌ها را شبیه‌سازی کنید. یک پروکسی مشترک یا شبکه آسیب‌دیده می‌تواند تیمی از توسعه‌دهندگان را قادر سازد تا آزمایش شبکه دنیای واقعی را در گردش کار خود بگنجانند.
Augmented Traffic Control (ATC) فیس‌بوک مجموعه‌ای از برنامه‌های دارای مجوز BSD است که می‌تواند برای شکل دادن به ترافیک و شبیه‌سازی شرایط شبکه مختل استفاده شود:
فیس‌بوک حتی سه‌شنبه‌های 2G را برای کمک به درک نحوه استفاده افراد در شبکه 2G از محصول خود ایجاد کرد. در روزهای سه‌شنبه، کارمندان یک پنجره بازشو دریافت می‌کنند که به آنها امکان شبیه‌سازی اتصال 2G را می‌دهد.
پراکسی Charles HTTP/HTTPS را می توان برای تنظیم پهنای باند و تأخیر استفاده کرد. چارلز یک نرم افزار تجاری است، اما یک نسخه آزمایشی رایگان در دسترس است.
اطلاعات بیشتر در مورد چارلز از codewithchris.com در دسترس است.
اتصال نامطمئن و "دروغ فی" را مدیریت کنید
Lie-Fi چیست؟
اصطلاح Lie-Fi حداقل به سال 2008 برمی گردد (زمانی که تلفن ها به این شکل بودند) و به اتصالاتی اشاره دارد که آنطور که به نظر می رسد نیست. مرورگر شما طوری رفتار می کند که گویی اتصال دارد در حالی که به هر دلیلی این قابلیت را ندارد.
تعبیر نادرست اتصال می تواند منجر به تجربه ضعیفی شود زیرا مرورگر (یا جاوا اسکریپت) به جای تسلیم شدن و انتخاب یک بازگشت معقول در تلاش برای بازیابی منابع ادامه می دهد. Lie-Fi در واقع می تواند بدتر از آفلاین باشد. حداقل اگر دستگاهی قطعاً آفلاین است، جاوا اسکریپت شما می تواند اقدام گریزان مناسبی را انجام دهد.
به احتمال زیاد به دلیل اینکه افراد بیشتری به سمت تلفن همراه و دور شدن از پهنای باند ثابت می روند، Lie-Fi به یک مشکل بزرگ تبدیل می شود. داده های سرشماری اخیر ایالات متحده نشان می دهد که از پهنای باند ثابت فاصله گرفته است . نمودار زیر میزان استفاده از اینترنت همراه در منزل را در سال 2015 در مقایسه با سال 2013 نشان می دهد:
برای مدیریت اتصال متناوب از زمان‌بندی استفاده کنید
در گذشته، روش‌های هکی با استفاده از XHR برای آزمایش اتصال متناوب استفاده می‌شد، اما سرویس‌کار روش‌های مطمئن‌تری را برای تنظیم زمان‌های شبکه فعال می‌کند. این را می توان با استفاده از Workbox تنها با چند خط کد به دست آورد:
workboxSW.router.registerRoute(
'/path/to/image',
workboxSW.strategies.networkFirst({networkTimeoutSeconds: 3}),
);
می‌توانید درباره Workbox در سخنرانی جف پوسنیک Chrome Dev Summit، Workbox: Flexible PWA Libraries .
عملکرد زمان‌بندی نیز برای Fetch API در حال توسعه است و Streams API باید با بهینه‌سازی تحویل محتوا و اجتناب از درخواست‌های یکپارچه کمک کند. جیک آرچیبالد جزئیات بیشتری در مورد مقابله با دروغگویی در بارگذاری صفحه Supercharging ارائه می دهد.