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 89.0	Windows 10 64-bit	205.18ms	1.52ms	7.44ms	14	-
Chrome 90.0	Windows 10 64-bit	209.26ms	0.61ms	4.17ms	4	-
Firefox 82.0	Windows 10 64-bit	199.67ms	4.33ms	69.67ms	3	-
Safari 14.0.3	OS X 10.15.6	355.00ms	1.00ms	16.67ms	3	-
Firefox 87.0	Ubuntu 64-bit	322.33ms	7.00ms	11.00ms	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	-
Firefox 86.0	Windows 10 64-bit	164.50ms	1.00ms	37.50ms	2	-
Chrome 89.0	OS X 10.14.6 64-bit	355.45ms	0.97ms	23.31ms	2	-
Chrome 89.0	OS X 11.2.3 64-bit	134.60ms	0.98ms	5.71ms	2	-
Chrome 89.0	OS X 10.15.7 64-bit	214.13ms	0.71ms	5.43ms	2	-
Safari 14.0.3	iOS 14.4.2	150.00ms	0.50ms	5.50ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	549.81ms	0.88ms	7.98ms	2	-
Chrome 83.0	Linux 64-bit	106.63ms	0.84ms	9.70ms	1	-
Firefox 78.0	OS X 10.15	149.00ms	2.00ms	10.00ms	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	-
Firefox 84.0	Linux 64-bit	290.00ms	2.00ms	8.00ms	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	-
Safari 14.0.2	OS X 10.15.6	180.00ms	1.00ms	9.00ms	1	-
Firefox 84.0	Fedora 64-bit	893.00ms	10.00ms	57.00ms	1	-
Chrome Mobile 87.0	iOS 14.4	265.00ms	2.00ms	10.00ms	1	-
Firefox 87.0	Linux 64-bit	321.00ms	1.00ms	47.00ms	1	-
Safari 14.0.3	iOS 14.4	148.00ms	1.00ms	5.00ms	1	-
Firefox 87.0	OS X 10.15	212.00ms	1.00ms	77.00ms	1	-
Firefox 87.0	Windows 10 64-bit	151.00ms	5.00ms	13.00ms	1	-
Safari 14.0.3	iOS 14.4.1	258.00ms	1.00ms	11.00ms	1	-
Chrome 89.0	Linux 64-bit	866.38ms	3.57ms	4.76ms	1	-
Chrome 89.0	OS X 11.2.0 64-bit	162.36ms	1.04ms	4.34ms	1	-
Chrome 90.0	Linux 64-bit	260.85ms	3.93ms	58.47ms	1	-
Chrome Mobile 89.0	Android 10	265.90ms	4.00ms	15.10ms	1	-
Firefox 88.0	Windows 10 64-bit	372.00ms	2.00ms	5.00ms	1	-
Chrome Mobile 89.0	Android 6.0	620.85ms	2.31ms	24.16ms	1	-
Firefox 88.0	OS X 10.15	180.00ms	1.00ms	3.00ms	1	-
Chrome Mobile 90.0	Android 10	238.30ms	4.80ms	13.40ms	1	-