CSS - Tricks

JULY 25, 2019

Last year, Google made two significant changes to their search indexing and ranking algorithms : In March, indexing became based on the mobile version of a page , rather than desktop. In July, the SEO ranking algorithm was updated to include page speed as a ranking factor for both mobile pages and ads. Cache-Headers missing?

Google 71

Google Engineering Speed Mobile 71

Alex Russell

MARCH 6, 2021

A then-representative $200USD device had 4-8 slow (in-order, low-cache) cores, ~2GiB of RAM, and relatively slow MLC NAND flash storage. Meanwhile, developer behaviour offers little hope: Median mobile JavaScript payloads have only grown since 2016, now hovering above 400KiB of script transferred, or nearly 2.5MiB of uncompressed JS.

Performance 124

Performance Network Cache Metrics 124

The Netflix TechBlog

JUNE 14, 2023

We migrated Netflix’s mobile apps to GraphQL with zero downtime, which involved a total overhaul from the client to the API layer. Until recently, an internal API framework, Falcor , powered our mobile apps. And we definitely couldn’t replay test non-functional requirements like caching and logging user interaction.

Traffic 353

Traffic Latency Cache Metrics 353

Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. Explore how improving performance can help relieve some of these common problems.

Performance 145

Performance Cache Media Metrics 145

Rigor

JULY 2, 2019

However, there may be cases where you have unnecessary redirection on your site, including: Using device-specific versions of your site so a mobile user is redirected from example.com to m.example.com/home. Lastly, suppose we tried to go to [link] from a mobile device. Compare this to loading [link] directly, which took a mere 29 ms.

Mobile 60

Mobile Traffic Google Latency 60

Smashing Magazine

JANUARY 6, 2020

Run performance experiments and measure outcomes — both on mobile and on desktop (for example, with Google Analytics ). Study your main competitors, collect metrics on how they perform on mobile and desktop and set thresholds that would help you outpace them. It will help you build up a company-tailored case study with real data.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

Run performance experiments and measure outcomes — both on mobile and on desktop. Study your main competitors, collect metrics on how they perform on mobile and desktop and set thresholds that would help you outpace them. Keep in mind that on a mobile device, you should be expecting a 4×–5× slowdown compared to desktop machines.

Performance 103

Performance Cache Metrics Network 103

Alex Russell

OCTOBER 22, 2017

media="(min-width: 750px)"> <img srcset="img@mobile.png, img@mobile-2x.png 2x". Two numbers set the stage: 45% of mobile connections occur over 2G worldwide. It simulates a link with a 400ms RTT and 400-600Kbps of throughput (plus latency variability and simulated packet loss). alt="I don't know why. Where to start?

Performance 68

Performance Benchmarking Network Mobile 68

Abhishek Tiwari

NOVEMBER 3, 2018

You should expect one-time implementation cost (depending CMS and business requirements it can cost 200,000 USD to 3M USD) and yearly hosting infrastructure cost (proportional to load and traffic but typically 30,000 USD - 300,000 USD per year). This made whole publishing process really slow and painful and CMS was part of growing pain.

Systems 63

Systems Cache Website Network 63

Smashing Magazine

SEPTEMBER 24, 2021

That was until we went to production with our highest traffic customer. In this Deloitte study: Milliseconds Make Millions , the investigators analyzed mobile site data of 37 different brands. To mitigate the performance issues, we had to add a lot of (unbudgeted) extra servers and had to aggressively cache pages on a reverse proxy.

Website 113

Website Code Servers Analytics 113

Smashing Magazine

AUGUST 22, 2021

Because we are dealing with network protocols here, we will mainly look at network aspects, of which two are most important: latency and bandwidth. Latency can be roughly defined as the time it takes to send a packet from point A (say, the client) to point B (the server). Two-way latency is often called round-trip time (RTT).

Performance 105

Performance Network Latency Servers 105

Smashing Magazine

AUGUST 9, 2021

You’ve probably heard things like: “HTTP/3 is much faster than HTTP/2 when there is packet loss”, or “HTTP/3 connections have less latency and take less time to set up”, and probably “HTTP/3 can send data more quickly and can send more resources in parallel”. Another effort is called MultiPath TCP.

Transportation 145

Transportation Internet Internet Network 145