PURE CSS ART GALLERY

Loading artwork...

Ben Evans

www.benevansdesign.co.uk

No images, just CSS. Probably doesn't work on Edge and it's going to struggle on mobile

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 94.0	Windows 10 64-bit	314.46ms	15.05ms	29.32ms	26	-
Chrome 94.0	OS X 10.15.7 64-bit	219.86ms	10.78ms	27.22ms	5	-
Firefox 93.0	Windows 10 64-bit	152.75ms	10.75ms	14.75ms	4	-
Safari 15.0	OS X 10.15.7	293.00ms	11.00ms	25.00ms	3	-
Chrome Mobile 94.0	Android 11	418.85ms	45.00ms	85.40ms	2	-
Chrome 93.0	Windows 10 64-bit	430.95ms	10.45ms	14.35ms	2	-
Safari 14.1.2	iOS 14.8	229.00ms	8.00ms	14.50ms	2	-
Safari 15.0	iOS 15.0.1	119.50ms	5.50ms	11.00ms	2	-
null null	null	513.27ms	61.41ms	116.85ms	1	-
Safari 14.0.3	OS X 10.15.6	187.00ms	4.00ms	6.00ms	1	-
Chrome 94.0	Windows Server 2008 R2 / 7 64-bit	331.70ms	9.10ms	25.40ms	1	-
Chrome 91.0	OS X 10.15.7 64-bit	1281.00ms	27.00ms	88.90ms	1	-
Opera 79.0	Windows 10 64-bit	200.70ms	9.90ms	17.00ms	1	-
Firefox 78.0	Linux 64-bit	49.00ms	8.00ms	13.00ms	1	-
Chrome Mobile 88.0	Android 9	455.70ms	60.30ms	226.30ms	1	-
Firefox 93.0	Windows 8.1 64-bit	518.00ms	21.00ms	24.00ms	1	-
Chrome Mobile 94.0	Android 9	473.20ms	75.50ms	121.50ms	1	-
Safari 15.0	iOS 15.0	116.00ms	6.00ms	10.00ms	1	-
Safari 15.0	iOS 15.0.2	475.00ms	15.00ms	19.00ms	1	-
Chrome Mobile 94.0	Android 6.0	159.30ms	17.30ms	36.50ms	1	-
Firefox 93.0	OS X 10.15	185.00ms	8.00ms	17.00ms	1	-
Safari 14.1.2	iOS 14.7.1	231.00ms	7.00ms	12.00ms	1	-
Chrome Mobile 88.0	iOS 6.0	349.40ms	19.30ms	64.50ms	1	-
Chrome 89.0	Windows 10 64-bit	162.89ms	16.64ms	19.19ms	1	-
Chrome 95.0	Windows 10 64-bit	393.70ms	8.50ms	16.90ms	1	-
Chrome 94.0	OS X 10.14.6 64-bit	520.30ms	13.80ms	26.90ms	1	-
Chrome 95.0	Linux 64-bit	252.70ms	20.20ms	31.60ms	1	-
Chrome 95.0	OS X 10.15.7 64-bit	1195.70ms	21.00ms	44.80ms	1	-