Breaking the 1000ms Time to Glass Mobile Barrier
InfoQCited 3× on HN, 2014-2018
104K views · 13 years ago · talk · dated
Ilya Grigorik of Google's Make the Web Fast team explains how to build a mobile site that appears on screen within one second. He covers the network and rendering constraints on mobile.
It is cited for the cost of network round trips and mobile latency limits.
35:42Progressive Performance (Chrome Dev Summit 2016)
Chrome for Developers
34K views • 9 years ago
1:00:34High Performance Web Sites and YSlow
Google TechTalks
90K views • 18 years ago
27:43Bringing SIMD to the Web via Dart
InfoQ
11K views • 13 years ago
56:23Speed Up Your JavaScript
Google TechTalks
136K views • 17 years ago
13:39How is this Website so fast!?
Wes Bos
2.4M views • 2 years ago
0:14Chrome vs Firefox vs Safari vs Servo WebRender
Jake Archibald
121K views • 10 years ago
13:45A 10x faster TypeScript
Microsoft Developer
608K views • 1 year ago
38:20Twitter and Visual Studio Rant
Molly Rocket
158K views • 6 years ago
40:03Google I/O 2013 - High Performance Audio
Google for Developers
62K views • 13 years ago
0:56Classic Teams vs new Teams side by side video
Microsoft Teams
64K views • 3 years ago
29:47The Truth about Rust/WebAssembly Performance
Greg Johnston
218K views • 3 years ago
2:50:14Simple Code, High Performance
Molly Rocket
463K views • 5 years ago
1:04:48"Performance (Really) Matters" with Emery Berger
Association for Computing Machinery (ACM)
7K views • 6 years ago
45:05Servo Architecture: Safety and Performance
linux conf au 2017 - Hobart, Australia
12K views • 9 years ago
59:21A Crash Course in Modern Hardware by Cliff Click
Devoxx
21K views • 9 years ago
1:16:58code::dive conference 2014 - Scott Meyers: Cpu Caches and Why You Care
NOKIA Technology Center Wrocław
231K views • 11 years ago
31:17React.js Conf 2015 - Hype!
Meta Developers
108K views • 11 years ago
27:45React.js Conf 2016 - Ben Alpert - What Lies Ahead
Meta Developers
50K views • 10 years ago
42:15"Performance Matters" by Emery Berger
Strange Loop Conference
502K views • 7 years ago
47:34RailsConf 2011: Aaron Patterson, "Double Dream Hands: So Intense!"
O'Reilly
26K views • 15 years ago
3 comments from Hacker News
As I understand it, a round-trip request on a mobile network can be very expensive [0]. One of the ways that AMP enables sites to load instantly-upon-click is by starting those requests in the background. (Then, when the user clicks, it's just a matter of bringing the IFRAME into view - no network involved.) Loading a traditional site can have side effects (e.g. reporting a view to an advertiser's analytics). By using the AMP validator, Google Search knows it's safe to preload and prerender an article, without triggering side-effects like analytics. So it's more than just loading faster than some threshold; it needs to be safe to cache and prerender the content. The AMP validator is what asserts these are both safe. (Note, I don't work on AMP and don't represent Google - this is my personal understanding.) [0] Ilya Grigorik's time-to-glass talk ▶ this video
> "What about load times and performance?!?!" If you're rendering everything on the client like that, how many HTTP requests are you making, other than the initial 3 (stylesheet + javascript + html document)? I'm especially focusing on mobile performance, here. On 3G you have 200-2500ms latency on the control plane, 200ms latency for dns lookup, 200ms latency on establishishing a tcp connection, your TLS handshake will have a latency anywhere from 200-400ms and the actual http request will have a latency of 200ms. That's 1000-2900ms per http request, minus 100 if your client can cache DNS responses (and everything is on the same domain). Sometimes these will be multiplexed. You can't count on it though. 4G is only marginally better: you have an overhead of 240-500ms on 4G. And none of that takes into account the time it takes your server to process a request, or the time it takes for the client to parse and execute your rendering codebase. If you're aiming for sub-1000ms request-to-glass, you can't follow the advice of this book (don't render anything on the server ever) - unless you don't mind the client showing a loading animation for the 2-15 seconds it'll take to load your "app." (good luck with that mobile bounce rate) 0. ▶ this video
I don't think this is the right approach. I realize that the principle is fundamentally the same with SOPA protests (depriving users of content to highlight the danger of this passing), but there's a more salient argument that you could make here if you really wanted. Why not implement a loading bar that actually progressed slowly and then put a brief explanation underneath the loading bar describing the FCC "slow lane" and how it would negatively impact users? To add insult to injury, give the user 3 options: - pay the site owner to access the "fast lane" to your content - send an email (to FCC chair? maybe a representative?) to voice their anger - get used to waiting; that'll be the new norm if nobody prevents this, right? The first option would be incredibly controversial, but would underscore how objectionable the "Slow Lane" idea even is. If anyone is stubborn enough to pay, you could funnel that money into the EFF or some other relevant organization. The point is that just throwing people a loading screen (especially without a good explanation) will leave the user confused. Once the content loads they'll probably forget about that loading screen anyway (at least on a conscious level), so don't wait until afterward to explain what just happened. As an aside, there was a comment that users will wait for a website that's sufficiently highly trafficked, but I don't think that's true. I remember some Google presentation[0] where an engineer explained that virtually any extra