Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. The more enriched sentence (right) is an enhancement for when the network request succeeds.

Network 145

Network Engineering Monitoring Availability 145

Smashing Magazine

JANUARY 6, 2020

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G/4G network in your office for faster testing. 300ms RTT, 1.6 Mbps down, 0.8

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 11, 2021

Networking, HTTP/2, HTTP/3 OCSP stapling, EV/DV certificates, packaging, IPv6, QUIC, HTTP/3. If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled 3G network (e.g. Moto G4) on a slow 3G network, emulated at 400ms RTT and 400kbps transfer speed. 300ms RTT, 1.6 Mbps down, 0.8

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

If you don’t have a device at hand, emulate mobile experience on desktop by testing on a throttled network (e.g. To make the performance impact more visible, you could even introduce 2G Tuesdays or set up a throttled 3G network in your office for faster testing. 150ms RTT, 1.5 Mbps down, 0.7 Mbps up) with a throttled CPU (5× slowdown).

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

APRIL 29, 2021

Lazy-load offscreen images (reduce network contention for key resources). For low impact to First Input Delay : Avoid images causing network contention with other critical resources like CSS and JS. Device Pixel Ratio (DPR) represents how a CSS pixel is translated to physical pixels on a hardware screen. Large preview ).

Media 145

Media Network Metrics Mobile 145

Smashing Magazine

APRIL 19, 2021

These tools run page loads on simulated networks and devices and then tell you what the metrics were for that test run. LCP is going to be very dependent on network conditions and the processing power of devices being used (and a lot of your users are likely using a lot of lower-powered devices than you realize! ).

Google 140

Google Metrics Mobile Analytics 140

Smashing Magazine

FEBRUARY 5, 2019

Although modern iOS hardware is powerful enough to handle many intensive and complex tasks, the device could still feel unresponsive if you are not careful about how your app performs. Avoid doing complex calculation, networking, and heavy IO operation (e.g. iOS Performance Tricks To Make Your App Feel More Performant.

Performance 76

Performance Energy Operating System Code 76