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 91.0	Windows 10 64-bit	449.32ms	1.51ms	6.47ms	11	-
Chrome 90.0	Windows 10 64-bit	292.98ms	0.99ms	5.06ms	9	-
Chrome 89.0	Windows 10 64-bit	311.48ms	0.89ms	12.81ms	7	-
Chrome 91.0	OS X 10.15.7 64-bit	306.03ms	0.73ms	5.37ms	7	-
Chrome 92.0	Windows 10 64-bit	223.21ms	1.37ms	10.81ms	7	-
null null	null	634.16ms	3.53ms	34.08ms	4	-
Chrome 89.0	Linux 64-bit	258.93ms	2.58ms	15.24ms	3	-
Firefox 88.0	Windows 10 64-bit	371.00ms	4.00ms	13.67ms	3	-
Chrome 89.0	OS X 11.2.3 64-bit	400.27ms	1.01ms	679.87ms	2	-
Chrome 89.0	OS X 10.15.7 64-bit	406.24ms	0.92ms	8.17ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	320.66ms	0.79ms	8.26ms	2	-
Chrome Mobile 90.0	Android 10	487.60ms	8.55ms	39.10ms	2	-
Chrome Mobile 90.0	Android 11	154.75ms	2.80ms	17.25ms	2	-
Firefox 90.0	Windows 10 64-bit	690.00ms	2.50ms	87.50ms	2	-
Chrome 93.0	Windows 10 64-bit	354.95ms	1.45ms	13.70ms	2	-
Chrome 92.0	null	54.50ms	0.00ms	299.95ms	2	-
Firefox 91.0	Windows Server 2008 R2 / 7 64-bit	440.00ms	2.00ms	16.00ms	1	-
Firefox for iOS 36.0	iOS 14.7.1	628.00ms	1.00ms	3.00ms	1	-
Chrome Mobile 70.0	Android 8.1.0	1171.50ms	7.50ms	37.50ms	1	-
Firefox 56.0	Windows 10 64-bit	246.00ms	2.00ms	4.00ms	1	-
Safari 13.0.4	iOS 13.3	220.00ms	1.00ms	229.00ms	1	-
Chrome 83.0	Linux 64-bit	108.61ms	0.99ms	3.05ms	1	-
Firefox 78.0	OS X 10.15	305.00ms	2.00ms	83.00ms	1	-
Chrome 83.0	OS X 10.11.6 64-bit	357.01ms	2.07ms	12.30ms	1	-
Chrome 83.0	Chrome OS 64-bit	271.05ms	4.57ms	96.21ms	1	-
Safari 13.1.2	OS X 10.15.4	154.00ms	2.00ms	7.00ms	1	-
Firefox 81.0	Windows 10 64-bit	84.00ms	2.00ms	21.00ms	1	-
Firefox 81.0	OS X 10.15	47.00ms	2.00ms	9.00ms	1	-
Safari 13.1.2	iOS 13.7	116.00ms	1.00ms	11.00ms	1	-
Firefox 82.0	Windows 10 64-bit	237.00ms	3.00ms	16.00ms	1	-
Safari 14.0	iOS 14.0.1	148.00ms	2.00ms	10.00ms	1	-
Chrome 81.0	null	3414.74ms	3.27ms	217.64ms	1	-
Safari 14.0.1	OS X 10.15.6	216.00ms	1.00ms	12.00ms	1	-
Firefox 84.0	Windows 10 64-bit	712.00ms	2.00ms	36.00ms	1	-
Safari 14.0.2	iOS 14.3	74.00ms	0.00ms	1.00ms	1	-
Safari 8+	iOS 14.4	147.00ms	1.00ms	7.00ms	1	-
Chrome 69.0	Windows Server 2008 R2 / 7 64-bit	423.50ms	4.30ms	21.30ms	1	-
Firefox 85.0	Linux 64-bit	244.00ms	0.00ms	29.00ms	1	-
Firefox 86.0	OS X 10.16	206.00ms	1.00ms	6.00ms	1	-
Firefox 86.0	Windows 10 64-bit	531.00ms	1.00ms	4.00ms	1	-
Chrome Mobile 87.0	iOS 14.4	67.00ms	1.00ms	4.00ms	1	-
Firefox 87.0	OS X 10.15	677.00ms	2.00ms	18.00ms	1	-
Chrome 89.0	OS X 10.14.6 64-bit	102.71ms	0.95ms	13.19ms	1	-
Chrome Mobile 87.0	Android 10	704.20ms	4.50ms	22.50ms	1	-
Chrome 89.0	OS X 11.1.0 64-bit	249.83ms	1.12ms	9.98ms	1	-
Chrome Mobile 89.0	Android 9	376.20ms	5.20ms	20.40ms	1	-
Firefox 87.0	Ubuntu 64-bit	275.00ms	5.00ms	20.00ms	1	-
Chrome 90.0	Linux 64-bit	278.58ms	1.71ms	55.19ms	1	-
Firefox 89.0	Windows 10 64-bit	256.00ms	3.00ms	18.00ms	1	-
Safari 14.0.3	iOS 14.4.2	63.00ms	1.00ms	6.00ms	1	-