feat: use vercel edge-network cache

SgtPooki commented 1 year ago

feat: use vercel edge-network caching

fixes #335

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
starmaps	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Feb 24, 2023 at 11:38PM (UTC)

SgtPooki commented 1 year ago

With the tmp commits showing logs of vercel cache.. it looks like it's always missing. i'm gonna dive into https://vercel.com/docs/concepts/edge-network/caching#cacheable-responses real quick

SgtPooki commented 1 year ago

we're POSTing, but are only allowed to GET for vercel cache to work properly.

SgtPooki commented 1 year ago

Ok, now that things are working properly with vercel cache and sw, let's see some numbers. Using https://starmaps-git-335-implement-vercel-caching-fo-12d081-ipfs-ignite.vercel.app/roadmap/github.com/ipfs/ipfs-gui/issues/106#simple for all of the below:

Fresh load from new private browser:

web-vitals

LCP (good): ID v3-1677271886023-7665381330649: 456 - changed by 456
_app.tsx:22 CLS (good): ID v3-1677271886054-5960067371220: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677271886023-7665381330649: 966 - changed by 510
_app.tsx:22 CLS (good): ID v3-1677271886054-5960067371220: 0.023502996757900036 - changed by 0.023502996757900036
_app.tsx:22 LCP (poor): ID v3-1677271886023-7665381330649: 12459 - changed by 11493

x-vercel-cache

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS

reload from same browser (over 30 seconds)

web-vitals

LCP (good): ID v3-1677272008494-7292530105894: 475 - changed by 475
_app.tsx:22 CLS (good): ID v3-1677272008563-4766866508437: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677272008494-7292530105894: 701 - changed by 226
_app.tsx:22 CLS (good): ID v3-1677272008563-4766866508437: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677272008563-4766866508437: 0.023838670487924526 - changed by 0.023502228317495943
_app.tsx:22 LCP (needs-improvement): ID v3-1677272008494-7292530105894: 3701 - changed by 3000

x-vercel-cache

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT

reload from same browser (under 30 seconds)

web-vitals

LCP (good): ID v3-1677272135101-7867422596758: 386 - changed by 386
_app.tsx:22 CLS (good): ID v3-1677272135121-1622824375620: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677272135101-7867422596758: 477 - changed by 91
_app.tsx:22 CLS (good): ID v3-1677272135121-1622824375620: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677272135121-1622824375620: 0.02384564134016166 - changed by 0.023509199169733076
_app.tsx:22 LCP (good): ID v3-1677272135101-7867422596758: 945 - changed by 468

x-vercel-cache

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT

SgtPooki commented 1 year ago

All below tests were done by

starting a new private window
opening dev tools window
Ensuring service worker and network settings were correctly set
loading https://starmaps-git-335-implement-vercel-caching-fo-12d081-ipfs-ignite.vercel.app/roadmap/github.com/ipfs/ipfs-gui/issues/106#simple

SW Disabled, cache enabled

First page load

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS

LCP (good): ID v3-1677273890740-7393102801061: 327 - changed by 327
_app.tsx:22 CLS (good): ID v3-1677273890774-3933426211356: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677273890740-7393102801061: 1833 - changed by 1506
_app.tsx:22 CLS (good): ID v3-1677273890774-3933426211356: 0.023513837256457785 - changed by 0.023513837256457785
_app.tsx:22 LCP (poor): ID v3-1677273890740-7393102801061: 12515 - changed by 10682

Second page load (over a minute wait)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  HIT

LCP (good): ID v3-1677274070922-9451766376193: 266 - changed by 266
_app.tsx:22 CLS (good): ID v3-1677274070955-6184005267764: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274070922-9451766376193: 420 - changed by 154
_app.tsx:22 CLS (good): ID v3-1677274070955-6184005267764: 0.02351493502846363 - changed by 0.02351493502846363
_app.tsx:22 LCP (poor): ID v3-1677274070922-9451766376193: 17624 - changed by 17204

Second page load (double refresh)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  HIT

LCP (good): ID v3-1677274149094-2724613903925: 306 - changed by 306
_app.tsx:22 CLS (good): ID v3-1677274149129-2204044744187: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274149094-2724613903925: 563 - changed by 257
_app.tsx:22 CLS (good): ID v3-1677274149129-2204044744187: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274149129-2204044744187: 0.023504478750107933 - changed by 0.02316803657967935
_app.tsx:22 LCP (poor): ID v3-1677274149094-2724613903925: 12876 - changed by 12313

SW Enabled, cache disabled

First page load

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS

LCP (good): ID v3-1677274215536-2195013641169: 404 - changed by 404
_app.tsx:22 CLS (good): ID v3-1677274215558-9697315369465: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274215536-2195013641169: 928 - changed by 524
_app.tsx:22 CLS (good): ID v3-1677274215558-9697315369465: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274215558-9697315369465: 0.023509199169733076 - changed by 0.023172756999304493
_app.tsx:22 LCP (poor): ID v3-1677274215536-2195013641169: 13125 - changed by 12197

Second page load (over a minute wait)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS

LCP (good): ID v3-1677274402146-8829804229926: 297 - changed by 297
_app.tsx:22 CLS (good): ID v3-1677274402167-5305237363045: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274402146-8829804229926: 395 - changed by 98
_app.tsx:22 CLS (good): ID v3-1677274402167-5305237363045: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274402167-5305237363045: 0.023505549077813635 - changed by 0.02316910690738505
_app.tsx:22 LCP (poor): ID v3-1677274402146-8829804229926: 4075 - changed by 3680

Second page load (double refresh)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  MISS

LCP (good): ID v3-1677274442321-7890101294593: 460 - changed by 460
_app.tsx:22 CLS (good): ID v3-1677274442425-1738536505046: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274442321-7890101294593: 680 - changed by 220
_app.tsx:22 CLS (good): ID v3-1677274442425-1738536505046: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274442425-1738536505046: 0.023831946634388708 - changed by 0.023495504463960124
_app.tsx:22 LCP (good): ID v3-1677274442321-7890101294593: 1352 - changed by 672

SW Enabled, cache Enabled

First page load

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS

LCP (good): ID v3-1677274525847-3476488509551: 1142 - changed by 1142
_app.tsx:22 CLS (good): ID v3-1677274525880-5886690779833: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274525847-3476488509551: 1309 - changed by 167
_app.tsx:22 CLS (good): ID v3-1677274525880-5886690779833: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274525880-5886690779833: 0.023508128842027375 - changed by 0.02317168667159879
_app.tsx:22 LCP (poor): ID v3-1677274525847-3476488509551: 11315 - changed by 10006

Second page load (over a minute wait)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT

LCP (good): ID v3-1677274714915-7258318386255: 448 - changed by 448
_app.tsx:22 CLS (good): ID v3-1677274714936-7020010952501: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274714915-7258318386255: 563 - changed by 115
_app.tsx:22 CLS (good): ID v3-1677274714936-7020010952501: 0.023502722314898576 - changed by 0.023502722314898576
_app.tsx:22 LCP (needs-improvement): ID v3-1677274714915-7258318386255: 3985 - changed by 3422

Second page load (double refresh)

roadmap: ipfs/ipfs-gui/106 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/kubo/9125 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2079 - x-vercel-cache:  HIT
sw.js:1 SW CACHED: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2033 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1798 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1965 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/2407 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1997 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/1884 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/856 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/125 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/105 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-gui/126 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1088 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  HIT
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1029 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1077 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1052 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-companion/1042 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/public-gateway-checker/93 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-desktop/1177 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2072 - x-vercel-cache:  MISS
sw.js:1 SW CACHED: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  MISS
[...slug].tsx:156 pendingChild: ipfs/ipfs-webui/2039 - x-vercel-cache:  MISS
sw.js:1 SW NEW: ipfs/kubo/9125/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1798/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/105/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2033/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/126/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1072/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1997/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1042/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1884/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/856/I_kwDOBqqRQs5XcJ32 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1088/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/1177/I_kwDOBqqRQs5XcJs_ - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-desktop/2407/I_kwDOBqqRQs5XcJyx - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/public-gateway-checker/93/I_kwDOBqqRQs5XcJw2 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-gui/125/I_kwDOBqqRQs5XcNBK - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/1965/I_kwDOBqqRQs5XcJuO - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1077/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1052/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2079/I_kwDOBqqRQs5XcJrX - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2072/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-companion/1029/I_kwDOBqqRQs5XcNCD - x-vercel-cache:  HIT
sw.js:1 SW NEW: ipfs/ipfs-webui/2039/I_kwDOBqqRQs5XcM_1 - x-vercel-cache:  HIT

LCP (good): ID v3-1677274765616-6444844528370: 275 - changed by 275
_app.tsx:22 CLS (good): ID v3-1677274765635-2394194570269: 0 - changed by 0
_app.tsx:22 LCP (good): ID v3-1677274765616-6444844528370: 361 - changed by 86
_app.tsx:22 CLS (good): ID v3-1677274765635-2394194570269: 0.00033644217042858493 - changed by 0.00033644217042858493
_app.tsx:22 CLS (good): ID v3-1677274765635-2394194570269: 0.02384564134016166 - changed by 0.023509199169733076
_app.tsx:22 LCP (good): ID v3-1677274765616-6444844528370: 834 - changed by 473

whizzzkid commented 1 year ago

@SgtPooki excellent sleuthing, the header x-vercel-cache only represents if the content being hit has been cached at vercel's edge right? We cannot add cache-header x-vercel-cache: HIT in the caching plugin for the service-worker because the sw will still have to compute if it's seen that response before?

SgtPooki commented 1 year ago

@whizzzkid

So we know the service worker gives us a significant timing improvement, whereas vercel edge cache is almost insignificant, unless combined with the service worker.

Summary table

Notes:

for page load count 2, wait times were over the 30 second "s-maxage" value.
for page load count 4, wait times were usually less than 1 second after the previous load (~3) posted the final LCP value.

SW Enabled	Cache Enabled	cache HIT from SW?	cache HIT from server?	Page Load Count	last LCP value (things are done loading)
NO	NO	NO	NO	1	9353
NO	NO	NO	NO	2	12038
NO	NO	NO	NO	4	16249
NO	YES	NO	NO	1	12515
NO	YES	NO	YES (STALE)	2	17624
NO	YES	NO	YES	4	12876
YES	NO	NO	NO	1	13125
YES	NO	NO	NO	2	4075
YES	NO	NO	NO	4	1352
YES	YES	NO	NO	1	11315
YES	YES	YES	YES	2	3985
YES	YES	YES	YES	4	834

Changes from Baseline

time change % = (new_value - original_value) / original_value × 100

using the average of loadtimes for no cache, no SW: (9353 + 12038 + 16249) / 3 = 12546.67 = 12547

SW Enabled	Cache Enabled	Page Load Count	Time Change %
NO	NO	1	0%
NO	NO	2	0%
NO	NO	4	0%
YES	YES	1	-9.82% ((11315 - 12547) / 12547 * 100)
YES	YES	2	-68.24% ((3985 - 12547) / 12547 * 100)
YES	YES	4	-93.35% ((834 - 12547) / 12547 * 100)
YES	NO	1	4.61% ((13125 - 12547) / 12547 * 100)
YES	NO	2	-67.52% ((4075 - 12547) / 12547 * 100)
YES	NO	4	-89.22% ((1352 - 12547) / 12547 * 100)
NO	YES	1	-0.26% ((12515 - 12547) / 12547 * 100)
NO	YES	2	40.46% ((17624 - 12547) / 12547 * 100)
NO	YES	4	2.62% ((12876 - 12547) / 12547 * 100)

Final thoughts

Over 23 requests, enabling vercel cache has the following effects:

Pros

Potentially reduced number of requests to github for duplicate requests within 30 seconds (not confirmed)
Faster first-request response times than both BASE and SW enabled requests
- I'd bet this is not statistically significant and just a variance in my tests
Faster second-request response times ONLY when combined with SW
- SW doing most of the heavy lifting
Faster fourth-request response times with SW (93% reduction in loadtime) than SW alone (89% reduction in loadtime)
- not a typical use-case

Cons

Slower than no-cache when used without SW on non-first page loads.
Slower than SW only in typical second-page loads (waiting more than 30 seconds)
- not immediately refreshing after receiving second results
Most pros are fuzzy at best.

whizzzkid commented 1 year ago

@SgtPooki this just reaffirms my doubts and intuitions (some of them here: https://github.com/pln-planning-tools/Starmap/issues/335#issuecomment-1442718491), I agree with your final thoughts.

I think it's better than nothing (vanilla use-case), but not as great as a custom sw strategy to capture requests in the browser. I would like to believe it would really shine ✨ if the load would 20x-100x of current, where it would safeguard the github api reads and serve users requesting the same content from the cache.

Overall really good work on investigating this. I'm still not sure if turning this on is for the best, but it looks like it won't harm either, so maybe just send it? 🚀

SgtPooki commented 1 year ago

@SgtPooki excellent sleuthing, the header x-vercel-cache only represents if the content being hit has been cached at vercel's edge right?

Yep, that's correct.

We cannot add cache-header x-vercel-cache: HIT in the caching plugin for the service-worker because the sw will still have to compute if it's seen that response before?

I'm not sure I fully understand this part.

The way this should work is:

we send cache-control header anytime we send request to vercel.
If request to /roadmap or /pendingChild is seen by SW, handles caching the way it always has (returning previous response if it exists, and always sending a second to update it's cache)
SW request to vercel
- gets cached response if vercel has it (HIT) (it may have cache for up to a day) (doesn't seem to be caching at the edge across browser sessions... which was the whole benefit i was looking forward to)
- gets uncached response when vercel doesn't have it (MISS)
vercel updates cache (sends request to vercel backend function, which calls github via lib/backend/issue.ts)
- if the vercel cached response is older than 30 seconds.
- if there is no vercel cached response
SW cache is up to date (using latest from github, or vercel cached value: at most, 30 seconds old)

SgtPooki commented 1 year ago

I just ran a lighthouse script locally

Script

/**
 * @see https://github.com/GoogleChrome/lighthouse/blob/main/docs/variability.md#run-lighthouse-multiple-times
 */
import { spawnSync } from 'node:child_process';
import { computeMedianRun } from 'lighthouse/core/lib/median-run.js';

const url = process.argv[2]
if (url == null) {
  throw new Error('You must supply a URL as an argument to this script.')
}

const urlWithExtras = process.argv.slice(2);

const results = [];
for (let i = 0; i < 5; i++) {
  console.log(`Running Lighthouse attempt #${i + 1}...`);
  const { status = -1, stdout } = spawnSync('node_modules/.bin/lighthouse', [
    // 'node_modules/.bin/lighthouse',
    ...urlWithExtras,
    '--output=json',
    '--preset=desktop',
    '--chrome-flags="--headless"',
  ]);
  if (status !== 0) {
    console.log('Lighthouse failed, skipping run...');
    continue;
  }
  results.push(JSON.parse(stdout));
}

const median = computeMedianRun(results);
console.log('Median performance score was', median.categories.performance.score * 100);

result

╰─ ✔ ❯ node lighthousetest.mjs https://starmaps-git-335-implement-vercel-caching-fo-12d081-ipfs-ignite.vercel.app/roadmap/github.com/ipfs/ipfs-gui/issues/106
Running Lighthouse attempt #1...
Running Lighthouse attempt #2...
Running Lighthouse attempt #3...
Running Lighthouse attempt #4...
Running Lighthouse attempt #5...
Median performance score was 84

╰─ ✔ ❯ node lighthousetest.mjs https://starmap.site/roadmap/github.com/ipfs/ipfs-gui/issues/106
Running Lighthouse attempt #1...
Running Lighthouse attempt #2...
Running Lighthouse attempt #3...
Running Lighthouse attempt #4...
Running Lighthouse attempt #5...
Median performance score was 86

╰─ ✔ ❯ node lighthousetest.mjs https://starmap.site/roadmap/github.com/ipfs/ipfs-gui/issues/106 --disable-storage-reset
Running Lighthouse attempt #1...
Running Lighthouse attempt #2...
Running Lighthouse attempt #3...
Running Lighthouse attempt #4...
Running Lighthouse attempt #5...
Median performance score was 83

╰─ ✔ ❯ node lighthousetest.mjs https://starmaps-git-335-implement-vercel-caching-fo-12d081-ipfs-ignite.vercel.app/roadmap/github.com/ipfs/ipfs-gui/issues/106 --disable-storage-reset
Running Lighthouse attempt #1...
Running Lighthouse attempt #2...
Running Lighthouse attempt #3...
Running Lighthouse attempt #4...
Running Lighthouse attempt #5...
Median performance score was 84

I think vercel preview URLs may not be benefitting from cache as much as they would from starmap.site.. i'm going to comment out the console.logs for reporting the caching results and leave the web-vital output

pln-planning-tools / Starmap