PURE CSS ART GALLERY

Loading artwork...

Sarah Fossheim

Tutorial: https://fossheim.io/writing/posts/css-macintosh/

Edit on Codepen

Async `<link>`

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

localStorage

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Cache-API

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Browser	OS	Async	localStorage	Cache-API	Tests	Improvement
Chrome 94.0	Windows 10 64-bit	328.75ms	1.30ms	6.05ms	4	-
Chrome 94.0	OS X 10.15.7 64-bit	326.20ms	1.25ms	5.20ms	2	-
Chrome 94.0	Linux 64-bit	532.10ms	2.00ms	4.80ms	1	-
Chrome 94.0	Android 11	222.20ms	5.20ms	15.20ms	1	-
Firefox 93.0	Ubuntu 64-bit	732.00ms	6.00ms	31.00ms	1	-
Firefox 93.0	Windows 8.1 64-bit	302.00ms	2.00ms	5.00ms	1	-
Firefox 78.0	Linux 64-bit	39.00ms	4.00ms	5.00ms	1	-
Chrome Mobile 94.0	iOS 14.7	613.00ms	1.00ms	20.00ms	1	-
Safari 14.1.2	iOS 14.7.1	80.00ms	0.00ms	3.00ms	1	-
Chrome 95.0	Windows 10 64-bit	141.30ms	2.70ms	12.20ms	1	-
Safari 15.0	OS X 10.15.7	82.00ms	0.00ms	4.00ms	1	-