PURE CSS ART GALLERY

Loading artwork...

Brianna McDonald

briannamcdonald.carrd.co

My first attempt at CSS art ♥

Edit on Codepen

Source on Github

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 99.0	Windows 10 64-bit	359.48ms	1.40ms	13.62ms	5	-
null null	null	948.42ms	1.66ms	99.77ms	4	-
Chrome 96.0	Windows 10 64-bit	287.20ms	2.05ms	14.98ms	4	-
Chrome 97.0	Windows 10 64-bit	319.25ms	1.52ms	11.95ms	4	-
Chrome 98.0	OS X 10.15.7 64-bit	224.13ms	0.80ms	3.50ms	4	-
Chrome 101.0	Windows 10 64-bit	305.57ms	2.77ms	9.03ms	3	-
Chrome 102.0	Windows 10 64-bit	292.10ms	0.87ms	4.27ms	3	-
Safari 8+	iOS 14.6	443.33ms	1.33ms	10.00ms	3	-
Chrome 96.0	OS X 10.15.7 64-bit	281.30ms	0.97ms	5.53ms	3	-
Chrome 98.0	Windows 10 64-bit	229.90ms	1.10ms	4.40ms	2	-
Chrome Mobile 96.0	Android 11	299.70ms	4.00ms	15.15ms	2	-
Firefox 96.0	Ubuntu 64-bit	295.00ms	5.00ms	18.00ms	2	-
Chrome 97.0	null	88.95ms	0.00ms	340.00ms	2	-
Firefox 100.0	Windows 10 64-bit	1470.50ms	17.50ms	104.00ms	2	-
Chrome 100.0	OS X 10.15.7 64-bit	139.75ms	3.50ms	33.65ms	2	-
Opera 85.0	Windows Server 2008 R2 / 7 64-bit	234.90ms	2.50ms	6.80ms	1	-
Firefox 101.0	Ubuntu 64-bit	261.00ms	3.00ms	7.00ms	1	-
Chrome 87.0	Linux 64-bit	240.94ms	0.55ms	6.91ms	1	-
Chrome 91.0	Windows 10 64-bit	665.80ms	2.00ms	15.80ms	1	-
Chrome 94.0	OS X 10.15.7 64-bit	398.40ms	0.80ms	9.00ms	1	-
Chrome 94.0	Chrome OS 64-bit	374.80ms	7.70ms	29.00ms	1	-
Safari 14.1.2	iOS 14.8	274.00ms	1.00ms	23.00ms	1	-
Chrome 97.0	OS X 10.15.7 64-bit	260.10ms	1.10ms	4.20ms	1	-
Firefox 95.0	Windows 10 64-bit	629.00ms	2.00ms	13.00ms	1	-
Chrome 100.0	Windows 10 64-bit	90.40ms	0.60ms	3.40ms	1	-
Safari 14.1.2	iOS 14.8.1	85.00ms	1.00ms	3.00ms	1	-
Chrome 97.0	Chrome OS 64-bit	319.90ms	2.20ms	60.20ms	1	-
Chrome 96.0	Windows Server 2008 R2 / 7	359.00ms	7.00ms	19.00ms	1	-
Opera 82.0	Windows 10 64-bit	223.90ms	1.00ms	13.20ms	1	-
Chrome 96.0	null	89.00ms	0.00ms	280.00ms	1	-
Chrome 97.0	OS X 10.14.1 64-bit	316.50ms	2.60ms	6.90ms	1	-
Chrome Mobile 97.0	Android 11	355.90ms	1.90ms	16.30ms	1	-
Firefox 97.0	Windows 10 64-bit	243.00ms	3.00ms	14.00ms	1	-
Firefox 98.0	Linux 64-bit	323.00ms	4.00ms	28.00ms	1	-
Firefox 97.0	OS X 10.15	139.00ms	1.00ms	4.00ms	1	-
Chrome Mobile 98.0	Android 8.0.0	189.40ms	5.50ms	20.50ms	1	-
Chrome Mobile 99.0	Android 11	372.80ms	2.30ms	13.10ms	1	-
Chrome 101.0	OS X 10.15.7 64-bit	538.90ms	1.10ms	6.30ms	1	-
Opera Mobile 67.1.3508.63168	Android 11	306.40ms	9.00ms	27.20ms	1	-
Firefox 99.0	OS X 10.15	377.00ms	2.00ms	6.00ms	1	-
Firefox 99.0	Windows 10 64-bit	417.00ms	2.00ms	7.00ms	1	-
Firefox 100.0	OS X 10.15	177.00ms	0.00ms	9.00ms	1	-
Safari 15.4	iOS 15.4.1	139.00ms	1.00ms	8.00ms	1	-