Skip to content

Instantly share code, notes, and snippets.

@addyosmani addyosmani/react-hn.md Secret
Last active Mar 24, 2017

Embed
What would you like to do?
React HN audit

Web Page Test

Service Worker Application Shell caching + SSR for shell + real-time data (no content cached)

URL: https://react-hn.appspot.com (build from May 21st, 2016 based on this point)

Manually checking, this build at best gets first-paint at 800ms, FMP and FMI ~ 2300ms. We're switching to async loading bundles shortly and will check the impact of this shortly. Also looking at SSR for content.

Service Worker App-Shell caching + SSR for shell + content caching ('Offline Mode' switched on by default)

URL: https://react-hn-rest.appspot.com

Note: Offline Mode enables content caching by switching Firebase's realtime API over to the REST API. Note: SW Toolbox fastest mode used for Firebase content.

Lighthouse (build from 22nd May, 2016)

Tested URL: https://react-hn.appspot.com Score: 99/100 overall. Perf section pasted below:

Fast first paint of content (target value: 1,000ms) 100 (396.47ms)
Speed Index Metric (target value: 1,000ms) 99 (1288)
Input Readiness (target value: 100) 78 (0.2213)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.