PURE CSS ART GALLERY

Loading artwork...

Ben Evans

www.benevansdesign.co.uk

No images, just CSS. The final part to my pointless trilogy

Still Life = https://codepen.io/ivorjetski/pen/xMJoYO Portrait = https://codepen.io/ivorjetski/pen/dBYWWZ

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	341.70ms	13.09ms	27.01ms	23	-
Chrome 94.0	OS X 10.15.7 64-bit	297.85ms	11.12ms	21.33ms	6	-
Chrome 93.0	Linux 64-bit	416.00ms	22.77ms	60.03ms	3	-
Chrome 94.0	OS X 10.14.6 64-bit	447.77ms	14.23ms	52.47ms	3	-
Chrome 93.0	Windows 10 64-bit	226.10ms	11.95ms	26.15ms	2	-
Firefox 93.0	OS X 10.15	561.50ms	9.00ms	43.00ms	2	-
Firefox 93.0	Ubuntu 64-bit	391.50ms	9.50ms	26.50ms	2	-
Microsoft Edge 20	Android 11	287.00ms	13.00ms	20.80ms	1	-
Firefox 93.0	Windows 8.1 64-bit	503.00ms	23.00ms	11.00ms	1	-
Safari 15.0	iOS 15.0	132.00ms	4.00ms	10.00ms	1	-
Chrome 94.0	Linux 64-bit	129.40ms	18.60ms	24.70ms	1	-
Firefox 93.0	Windows 10 64-bit	311.00ms	8.00ms	32.00ms	1	-
Chrome 93.0	OS X 10.15.3 64-bit	6025.40ms	17.50ms	2824.80ms	1	-
Firefox 92.0	OS X 10.15	179.00ms	5.00ms	13.00ms	1	-
Chrome 95.0	Windows 10 64-bit	252.60ms	8.70ms	14.40ms	1	-
Chrome Mobile 95.0	Android 11	766.20ms	52.20ms	66.80ms	1	-
Chrome Mobile 94.0	Android 11	323.90ms	33.40ms	56.70ms	1	-
Chrome 93.0	OS X 10.15.7 64-bit	779.90ms	14.20ms	34.00ms	1	-
Safari 14.0.3	OS X 10.15.6	231.00ms	8.00ms	25.00ms	1	-
Chrome Mobile 94.0	Android 6.0	663.50ms	11.50ms	18.80ms	1	-
Chrome Mobile 94.0	iOS 14.8	197.00ms	7.00ms	8.00ms	1	-
Firefox 78.0	Linux 64-bit	45.00ms	7.00ms	11.00ms	1	-