درک پهنای باند کم و تاخیر زیاد

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

تعداد فزاینده ای از مردم وب را در دستگاه های تلفن همراه تجربه می کنند. حتی در خانه، بسیاری از مردم پهنای باند ثابت را برای موبایل کنار می‌گذارند .

در این زمینه، درک اینکه استفاده از اپلیکیشن یا سایت شما در زمانی که اتصال ضعیف یا غیرقابل اعتماد است چه حسی دارد، مهم است. طیف وسیعی از ابزارهای نرم افزاری می توانند به شما در شبیه سازی و شبیه سازی پهنای باند کم و تأخیر بالا کمک کنند.

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

ابزارهای مرورگر

Chrome DevTools به شما امکان می‌دهد سایت خود را با انواع سرعت‌های آپلود/دانلود و زمان‌های رفت و برگشت ، با استفاده از تنظیمات پیش‌تنظیمی یا تنظیمات سفارشی از پانل شبکه آزمایش کنید. برای یادگیری اصول اولیه به شروع کار با تجزیه و تحلیل عملکرد شبکه مراجعه کنید.

درنگ کردن ابزار برنامه‌نویس کروم

ابزارهای سیستم

Network Link Conditioner یک پانل ترجیحی است که در صورت نصب Hardware IO Tools برای Xcode در Mac موجود است:

کنترل پنل تهویه کننده لینک شبکه مک

تنظیمات تهویه کننده پیوند شبکه مک

تنظیمات سفارشی Mac Network Link Conditioner

شبیه سازی دستگاه

شبیه ساز اندروید به شما امکان می دهد شرایط مختلف شبکه را هنگام اجرای برنامه ها (از جمله مرورگرهای وب و برنامه های وب ترکیبی) در اندروید شبیه سازی کنید:

شبیه ساز اندروید

تنظیمات شبیه ساز اندروید

برای آیفون، Network Link Conditioner را می توان برای شبیه سازی شرایط شبکه مختل استفاده کرد (به بالا مراجعه کنید).

تست از مکان ها و شبکه های مختلف

عملکرد اتصال به موقعیت سرور و همچنین نوع شبکه بستگی دارد.

WebPagetest یک سرویس آنلاین است که مجموعه ای از تست های عملکرد را قادر می سازد تا با استفاده از انواع شبکه ها و مکان های میزبان برای سایت شما اجرا شوند. به عنوان مثال، می توانید سایت خود را از سروری در هند در شبکه 2G یا از طریق کابل شهری در ایالات متحده امتحان کنید.

تنظیمات WebPagetest

یک مکان را انتخاب کنید و از تنظیمات پیشرفته، یک نوع اتصال را انتخاب کنید. حتی می‌توانید با استفاده از اسکریپت‌ها (به عنوان مثال، برای ورود به یک سایت) یا با استفاده از 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 ارائه می دهد.

بازخورد