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 91.0	Windows 10 64-bit	299.08ms	1.30ms	7.31ms	21	-
Chrome 90.0	Windows 10 64-bit	303.00ms	1.13ms	5.71ms	16	-
Chrome 89.0	Windows 10 64-bit	222.20ms	1.52ms	7.58ms	15	-
Chrome 91.0	OS X 10.15.7 64-bit	217.03ms	1.05ms	7.43ms	11	-
Safari 14.0.3	OS X 10.15.6	357.75ms	1.00ms	15.25ms	4	-
Firefox 88.0	Windows 10 64-bit	363.50ms	1.25ms	10.25ms	4	-
Chrome 90.0	OS X 10.15.7 64-bit	370.71ms	0.77ms	5.85ms	4	-
Firefox 82.0	Windows 10 64-bit	199.67ms	4.33ms	69.67ms	3	-
Firefox 87.0	Ubuntu 64-bit	322.33ms	7.00ms	11.00ms	3	-
Chrome 90.0	Linux 64-bit	272.24ms	2.32ms	37.37ms	3	-
Firefox 89.0	Windows 10 64-bit	437.33ms	3.33ms	35.33ms	3	-
Safari 14.1.1	iOS 14.6	168.33ms	0.67ms	15.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	-
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	-
Safari 8+	iOS 14.6	291.00ms	2.00ms	18.00ms	2	-
Chrome Mobile 91.0	Android 10	459.50ms	3.25ms	17.65ms	2	-
Android Browser 4.0	Android 10	834.60ms	3.40ms	10.80ms	1	-
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	Windows 10 64-bit	133.00ms	2.00ms	28.00ms	1	-
Firefox 78.0	Linux 64-bit	66.00ms	3.00ms	9.00ms	1	-
Safari 14.0	OS X 10.15.6	147.00ms	0.00ms	4.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	-
Safari 14.0.1	OS X 10.15.7	72.00ms	1.00ms	4.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.1	OS X 10.15.7	197.00ms	0.00ms	5.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 Mobile 89.0	Android 10	265.90ms	4.00ms	15.10ms	1	-
Chrome Mobile 89.0	Android 6.0	620.85ms	2.31ms	24.16ms	1	-