Remove Magazine Remove Network Remove Operating System
article thumbnail

How To Design For High-Traffic Events And Prevent Your Website From Crashing

Smashing Magazine

You can often do this using built-in apps on your operating system. Use A CDN As youd expect, large volumes of traffic can significantly impact the security and stability of your sites network. A content delivery network (CDN) is an excellent solution to the problem.

Traffic 86
article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. The waterfall of network activity helped a lot here, but so did thinking of user flows. With network and CPU throttling enabled, we finally saw it in the screenshots! First Things First: Things Loaded On All Pages.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

Signals For Customizing Website User Experience

Smashing Magazine

This is helpful for those on poor or expensive networks, so they don’t have to pay an exorbitant cost just to visit your website. Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts. Data Saver.

Website 120
article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

The gotcha here is that, if your mobile experience isn’t optimized for various devices and network conditions, these customers will never appear in your analytics — just because your website or app will be barely usable on their devices, and so they are unlikely to return. Testing the Smashing Magazine website on different devices.

Mobile 142
article thumbnail

Answering Common Questions About Interpreting Page Speed Reports

Smashing Magazine

Barry Pollard, a web performance developer advocate for Chrome, wrote an excellent primer on the CrUX Report for Smashing Magazine. Chrome DevTools includes a separate “Performance” tab where the testing environment’s CPU and network connection can be artificially throttled to mirror a specific testing condition, such as slow internet speeds.

Speed 117
article thumbnail

Implementing Infinite Scroll And Image Lazy Loading In React

Smashing Magazine

You can find the installation instructions for your specific operating system here. If you inspect the network tab as you scroll down, you’ll see that as soon as you hit the red line (the bottom boundary), the API call happens, and all the images start loading even when you haven’t gotten to viewing them. useCallback ,” React.

Code 128
article thumbnail

Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt)

Smashing Magazine

Fairly rapidly, text messaging (SMS, short for “Short Message Service”) was added, as it was baked into the network itself, originally as a way to send messages internally or for testing. Many phones come preinstalled with common apps such as social networking, email, and maps, or with shortcuts to the browser.

Mobile 122