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
Firefox 82.0	Windows 10 64-bit	199.67ms	4.33ms	69.67ms	3	-
Firefox 85.0	OS X 10.15	248.50ms	1.50ms	65.00ms	2	-
Firefox 84.0	Ubuntu 64-bit	406.00ms	3.00ms	14.00ms	2	-
Chrome 83.0	Linux 64-bit	106.63ms	0.84ms	9.70ms	1	-
Firefox 78.0	Linux 64-bit	66.00ms	3.00ms	9.00ms	1	-
Firefox 83.0	Windows 10 64-bit	134.00ms	2.00ms	17.00ms	1	-
Safari 14.0.1	OS X 10.15.6	102.00ms	0.00ms	5.00ms	1	-
Firefox 83.0	Linux 64-bit	1702.00ms	9.00ms	339.00ms	1	-
Firefox 84.0	Windows 10 64-bit	132.00ms	1.00ms	16.00ms	1	-
Firefox 84.0	OS X 10.15	156.00ms	2.00ms	21.00ms	1	-
Chrome 81.1	Android 9	358.00ms	5.80ms	30.80ms	1	-
Chrome 83.0	OS X 10.15.7 64-bit	348.14ms	0.90ms	2.92ms	1	-
Firefox 84.0	OS X 10.16	207.00ms	2.00ms	17.00ms	1	-
Firefox 84.0	Fedora 64-bit	893.00ms	10.00ms	57.00ms	1	-
Safari 14.0.3	OS X 10.15.6	500.00ms	1.00ms	35.00ms	1	-
Chrome Mobile 87.0	iOS 14.4	265.00ms	2.00ms	10.00ms	1	-
Firefox 87.0	OS X 10.15	212.00ms	1.00ms	77.00ms	1	-