{"id":2682,"date":"2024-06-11T14:40:50","date_gmt":"2024-06-11T20:40:50","guid":{"rendered":"https:\/\/frontendmasters.com\/blog\/?p=2682"},"modified":"2024-06-11T14:40:51","modified_gmt":"2024-06-11T20:40:51","slug":"engineering-for-slow-internet","status":"publish","type":"post","link":"https:\/\/frontendmasters.com\/blog\/engineering-for-slow-internet\/","title":{"rendered":"Engineering for Slow Internet"},"content":{"rendered":"\n

Not everybody has smokin’ fast internet. Wait let me try that again. Most<\/em> people don’t have smokin’ fast internet, especially not all the time.<\/em> It’s part of the job to make sure our sites aren’t so slow we’re essentially depriving users access. <\/p>\n\n\n\n

To experience your site with slow internet, under the Network tab of DevTools (in all browsers, you have to enable it as an experimental feature in Safari), there is a dropdown to throttle the speed. Pick one of the slower cellular speeds and give your site a whirl. Might just inspire you to find some places to speed things up. <\/p>\n\n\n\n

Or, you could go to the South Pole and test<\/a>. It’s not just about raw speed, it’s about latency and turbulent connections. <\/p>\n\n\n\n\n\n\n\n

\n
    \n
  • Round-trip latency averaging around 750 milliseconds, with jitter between packets sometimes exceeding several seconds.<\/li>\n\n\n\n
  • Available speeds, to the end-user device, that range from a couple kbps (yes, you read that right), up to 2 mbps on a\u00a0really good<\/strong>\u00a0day.<\/li>\n\n\n\n
  • Extreme congestion, queueing, and dropped packets, far in excess of even the worst oversaturated ISP links or bufferbloat-infested routers back home.<\/li>\n\n\n\n
  • Limited availability, frequent dropouts, and occasional service preemptions.<\/li>\n<\/ul>\n<\/blockquote>\n\n\n\n

    Ooof da. I bet very few of us think in terms of these extremes of bad internet. <\/p>\n\n\n\n

    \n

    If you\u2019re an app developer reading this, can you tell me, off the top of your head, how your app behaves on a link with 40 kbps available bandwidth, 1,000 ms latency, occasional jitter of up to 2,000 ms, packet loss of 10%, and a complete 15-second connectivity dropout every few minutes?<\/p>\n\n\n\n

    It\u2019s probably not great!<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

    Not everybody has smokin’ fast internet. Wait let me try that again. Most people don’t have smokin’ fast internet, especially not all the time. It’s part of the job to make sure our sites aren’t so slow we’re essentially depriving users access. To experience your site with slow internet, under the Network tab of DevTools […]<\/p>\n","protected":false},"author":1,"featured_media":2683,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[29],"tags":[70],"class_list":["post-2682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-the-beat","tag-performance"],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/frontendmasters.com\/blog\/wp-content\/uploads\/2024\/06\/4516018119_8befd3a1f2_b.jpg?fit=1024%2C783&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/2682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/comments?post=2682"}],"version-history":[{"count":1,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/2682\/revisions"}],"predecessor-version":[{"id":2684,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/posts\/2682\/revisions\/2684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media\/2683"}],"wp:attachment":[{"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/media?parent=2682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/categories?post=2682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendmasters.com\/blog\/wp-json\/wp\/v2\/tags?post=2682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}