Publish Art via Github

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 83.0	Windows 10 64-bit	363.57ms	14.85ms	35.85ms	34	-
Chrome 83.0	OS X 10.15.5 64-bit	212.32ms	11.35ms	39.83ms	12	-
Chrome 83.0	OS X 10.15.4 64-bit	277.97ms	11.78ms	43.79ms	9	-
Chrome 83.0	OS X 10.14.6 64-bit	454.70ms	13.81ms	35.14ms	5	-
Firefox 77.0	OS X 10.15	77.20ms	10.60ms	52.60ms	5	-
Chrome Mobile 83.0	Android 9	619.90ms	36.25ms	117.22ms	4	-
Firefox 77.0	Windows 10 64-bit	103.50ms	13.75ms	57.00ms	4	-
Safari 13.1.1	OS X 10.15.5	214.33ms	15.00ms	71.67ms	3	-
Chrome Mobile 83.0	Android 10	1114.00ms	35.93ms	77.37ms	3	-
Firefox 77.0	Ubuntu 64-bit	134.00ms	29.00ms	50.33ms	3	-
Chrome Mobile 83.0	Android 8.1.0	396.03ms	46.00ms	90.77ms	3	-
Safari 13.1.1	iOS 13.5.1	211.00ms	8.33ms	11.33ms	3	-
Chrome 57.0	Linux 64-bit	141.65ms	14.49ms	27.07ms	2	-
Android Browser 4.0	Android 9	383.95ms	40.75ms	83.45ms	2	-
Firefox 76.0	Windows 10 64-bit	138.50ms	14.50ms	28.50ms	2	-
Chrome 83.0	Windows Server 2008 R2 / 7 64-bit	213.57ms	20.70ms	25.75ms	2	-
Chrome 83.0	OS X 10.13.6 64-bit	387.80ms	15.78ms	83.14ms	2	-
Chrome 83.0	Linux 64-bit	215.06ms	19.21ms	47.94ms	2	-
Chrome 85.0	Windows 10 64-bit	870.79ms	14.80ms	34.84ms	2	-
Firefox 77.0	Linux 64-bit	260.00ms	36.00ms	144.00ms	2	-
Android Browser 4.0	Android 8.0.0	453.40ms	54.90ms	159.60ms	1	-
Firefox 67.0	Ubuntu 64-bit	74.00ms	21.00ms	21.00ms	1	-
Chrome Mobile 75.0	Android 8.0.0	788.60ms	79.30ms	192.80ms	1	-
Firefox Mobile 68.0	Android 9	313.00ms	39.00ms	61.00ms	1	-
Firefox 68.0	Linux 64-bit	143.00ms	22.00ms	52.00ms	1	-
Chrome 81.0	Linux 64-bit	318.34ms	18.07ms	79.49ms	1	-
Chrome 81.0	Windows 10 64-bit	669.73ms	32.03ms	66.16ms	1	-
Chrome 81.0	OS X 10.15.3 64-bit	213.71ms	10.66ms	20.44ms	1	-
Safari 13.1	OS X 10.15.4	261.00ms	6.00ms	23.00ms	1	-
Chrome 83.0	OS X 10.15.2 64-bit	101.57ms	12.29ms	26.11ms	1	-
Chrome Mobile 81.0	Android 10	214.30ms	30.90ms	58.00ms	1	-
Chrome Mobile 81.0	Android 9	240.00ms	32.60ms	74.30ms	1	-
Chrome 84.0	Windows 10 64-bit	344.33ms	13.02ms	22.27ms	1	-
Chrome 81.0	OS X 10.13.6 64-bit	464.33ms	13.24ms	26.28ms	1	-
Opera 68.0	Windows 10 64-bit	300.65ms	10.96ms	57.90ms	1	-
Chrome 83.0	OS X 10.15.3 64-bit	232.41ms	9.60ms	19.13ms	1	-
Firefox 76.0	Linux 64-bit	86.00ms	23.00ms	42.00ms	1	-
Chrome Mobile 83.0	iOS 13.5	93.00ms	11.00ms	14.00ms	1	-
Chrome 81.0	OS X 10.15.5 64-bit	490.20ms	27.06ms	32.54ms	1	-
Chrome 83.0	OS X 10.15.1 64-bit	97.57ms	11.92ms	22.38ms	1	-
Chrome 83.0	OS X 10.14.5 64-bit	615.68ms	10.90ms	25.37ms	1	-
Chrome Mobile 83.0	iOS 13.0	190.00ms	8.00ms	18.00ms	1	-
Firefox 77.0	Fedora 64-bit	99.00ms	14.00ms	44.00ms	1	-
Safari 8+	iOS 13.5	382.00ms	10.00ms	17.00ms	1	-
Safari 8+	iOS 12.4.7	417.00ms	55.00ms	58.00ms	1	-
Opera 68.0	OS X 10.13.6	242.88ms	29.26ms	96.09ms	1	-
Chrome 83.0	OS X 10.14.0 64-bit	713.48ms	17.59ms	43.74ms	1	-
Chrome Mobile 79.0	iOS 13.5	490.00ms	11.00ms	14.00ms	1	-
Opera 69.0	Linux 64-bit	208.32ms	12.02ms	14.49ms	1	-
Chrome Mobile 83.0	Android 7.1.1	602.40ms	90.00ms	125.80ms	1	-