PURE CSS ART GALLERY

Loading artwork...

Ben Evans

www.benevansdesign.co.uk

No images, just CSS.

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	360.35ms	11.72ms	37.10ms	18	-
Chrome 84.0	Windows 10 64-bit	568.71ms	11.86ms	39.02ms	11	-
Opera 68.0	Windows 10 64-bit	171.07ms	8.24ms	23.89ms	5	-
Chrome 83.0	Linux 64-bit	299.94ms	12.07ms	19.46ms	5	-
Firefox 77.0	Windows 10 64-bit	308.75ms	11.75ms	22.00ms	4	-
Chrome 84.0	OS X 10.14.6 64-bit	272.26ms	7.42ms	14.37ms	4	-
Chrome 83.0	OS X 10.15.4 64-bit	205.14ms	6.28ms	19.11ms	3	-
Chrome 83.0	OS X 10.14.6 64-bit	418.92ms	11.81ms	21.24ms	3	-
Chrome Mobile 83.0	Android 9	509.03ms	38.47ms	68.27ms	3	-
Firefox 79.0	Windows 10 64-bit	155.67ms	24.00ms	68.67ms	3	-
Chrome 57.0	Linux 64-bit	142.29ms	18.57ms	32.94ms	2	-
Safari 13.1.1	OS X 10.15.5	204.00ms	4.50ms	8.50ms	2	-
Chrome 83.0	OS X 10.15.5 64-bit	195.13ms	7.44ms	35.60ms	2	-
Chrome 84.0	Linux 64-bit	638.43ms	22.55ms	96.65ms	2	-
Safari 13.1.1	iOS 13.5.1	240.50ms	8.50ms	12.00ms	2	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	128.02ms	10.37ms	28.25ms	2	-
Chrome Mobile 84.0	Android 10	265.45ms	17.45ms	43.15ms	2	-
Chrome 84.0	OS X 10.15.5 64-bit	82.76ms	6.07ms	54.05ms	2	-
Chrome 89.0	Windows 10 64-bit	527.66ms	7.95ms	17.10ms	2	-
Chrome 91.0	OS X 10.15.7 64-bit	692.70ms	6.95ms	11.65ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	207.26ms	5.96ms	12.27ms	2	-
Chrome 91.0	Windows 10 64-bit	198.80ms	6.35ms	15.10ms	2	-
Firefox 69.0	Linux 64-bit	85.00ms	10.00ms	15.00ms	1	-
Chrome 80.0	Linux 64-bit	525.09ms	8.60ms	19.69ms	1	-
Chrome 81.0	Linux 64-bit	228.12ms	11.55ms	10.24ms	1	-
Chrome 81.0	Windows 10 64-bit	693.52ms	20.66ms	40.17ms	1	-
Safari 13.0.5	OS X 10.15.3	239.00ms	7.00ms	13.00ms	1	-
Firefox 76.0	OS X 10.15	91.00ms	6.00ms	72.00ms	1	-
Firefox 76.0	Windows 10 64-bit	58.00ms	9.00ms	17.00ms	1	-
Chrome 81.0	OS X 10.15.3 64-bit	207.77ms	6.33ms	11.35ms	1	-
Safari 13.1	OS X 10.15.4	285.00ms	10.00ms	52.00ms	1	-
Chrome 83.0	Windows Server 2008 R2 / 7 64-bit	242.16ms	19.75ms	42.94ms	1	-
Chrome Mobile 83.0	Android 8.0.0	1037.10ms	67.60ms	101.60ms	1	-
Chrome 85.0	Windows 10 64-bit	343.77ms	18.80ms	88.13ms	1	-
Firefox 78.0	Windows 10 64-bit	266.00ms	36.00ms	77.00ms	1	-
Firefox 77.0	OS X 10.15	49.00ms	6.00ms	23.00ms	1	-
Chrome Mobile 83.0	iOS 13.5	130.00ms	7.00ms	12.00ms	1	-
Samsung Internet 11.2	Android 10	370.30ms	14.60ms	31.60ms	1	-
Firefox 78.0	Linux 64-bit	647.00ms	9.00ms	54.00ms	1	-
Chrome 83.0	OS X 10.12.6 64-bit	300.07ms	16.05ms	32.85ms	1	-
Safari 12.1.2	iOS 12.4.6	247.00ms	15.00ms	67.00ms	1	-
Firefox 77.0	Fedora 64-bit	92.00ms	10.00ms	36.00ms	1	-
Firefox 78.0	OS X 10.14	94.00ms	9.00ms	35.00ms	1	-
Firefox 79.0	OS X 10.15	67.00ms	8.00ms	23.00ms	1	-
Safari 14.0	iOS 14.0	1929.00ms	11.00ms	10.00ms	1	-
Chrome 84.0	OS X 10.15.6 64-bit	218.90ms	8.58ms	109.10ms	1	-
Opera 69.0	Windows 10 64-bit	593.75ms	39.59ms	110.88ms	1	-
Chrome 84.0	OS X 10.13.6 64-bit	96.01ms	11.95ms	17.68ms	1	-
Chrome Mobile 84.0	Android 8.1.0	222.70ms	18.90ms	38.00ms	1	-
Firefox 78.0	OS X 10.11	69.00ms	7.00ms	10.00ms	1	-