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 97.0	Windows 10 64-bit	264.11ms	1.50ms	6.31ms	7	-
Chrome 97.0	OS X 10.15.7 64-bit	210.88ms	1.00ms	4.38ms	5	-
Chrome 96.0	OS X 10.15.7 64-bit	215.73ms	0.97ms	6.03ms	4	-
Chrome 96.0	Windows 10 64-bit	369.10ms	1.92ms	6.95ms	4	-
Chrome 98.0	OS X 10.15.7 64-bit	163.52ms	1.40ms	5.35ms	4	-
Chrome 100.0	OS X 10.15.7 64-bit	241.07ms	0.97ms	6.60ms	4	-
Chrome 100.0	Windows 10 64-bit	388.07ms	0.93ms	6.13ms	3	-
Chrome 96.0	Linux 64-bit	332.90ms	1.80ms	13.20ms	2	-
Safari 15.2	OS X 10.15.7	464.00ms	1.00ms	17.00ms	2	-
Chrome 99.0	OS X 10.15.7 64-bit	299.40ms	0.60ms	4.95ms	2	-
Chrome 99.0	Windows 10 64-bit	228.60ms	0.80ms	2.50ms	2	-
Firefox 98.0	Windows 10 64-bit	189.00ms	1.00ms	6.50ms	2	-
null null	null	1144.37ms	8.02ms	132.04ms	1	-
Chrome 87.0	Linux 64-bit	156.79ms	0.64ms	5.45ms	1	-
Chrome 87.0	Windows 10 64-bit	234.15ms	2.43ms	6.93ms	1	-
Chrome Mobile 90.0	Android 11	228.10ms	6.50ms	17.60ms	1	-
Safari 15.1	OS X 10.15.7	179.00ms	1.00ms	6.00ms	1	-
Firefox 95.0	Windows 10 64-bit	683.00ms	1.00ms	4.00ms	1	-
Chrome 98.0	Windows 10 64-bit	216.80ms	0.40ms	2.60ms	1	-
Safari 14.1.2	iOS 14.8.1	197.00ms	1.00ms	7.00ms	1	-
Chrome Mobile 96.0	Android 9	389.70ms	10.80ms	23.10ms	1	-
Safari 15.4	OS X 10.15.7	323.00ms	1.00ms	4.00ms	1	-
Safari 15.2	iOS 15.2	618.00ms	2.00ms	23.00ms	1	-
Chrome 97.0	OS X 10.14.1 64-bit	606.70ms	1.30ms	5.30ms	1	-
Chrome 100.0	Linux 64-bit	322.80ms	2.70ms	8.10ms	1	-
Chrome 98.0	Linux 64-bit	305.20ms	1.10ms	4.80ms	1	-
Chrome Mobile 97.0	Android 10	429.50ms	2.90ms	27.70ms	1	-
Firefox 97.0	Windows 10 64-bit	201.00ms	4.00ms	13.00ms	1	-
Firefox 98.0	Linux 64-bit	303.00ms	7.00ms	61.00ms	1	-
Safari 15.3	iOS 15.3	591.00ms	3.00ms	16.00ms	1	-
Chrome Mobile 98.0	Android 8.0.0	198.20ms	9.70ms	20.90ms	1	-
Firefox 98.0	OS X 10.15	106.00ms	0.00ms	4.00ms	1	-
Firefox 100.0	Windows 10 64-bit	219.00ms	1.00ms	5.00ms	1	-
Chrome 100.0	OS X 10.14.6 64-bit	195.90ms	1.40ms	7.20ms	1	-