PURE CSS ART GALLERY

Loading artwork...

Louise Flanagan

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	255.30ms	1.37ms	5.00ms	3	-
Chrome Mobile 89.0	Android 10	359.90ms	3.00ms	9.40ms	1	-
Safari 14.0.3	iOS 14.4	171.00ms	1.00ms	8.00ms	1	-
Chrome Mobile 90.0	Android 10	398.50ms	6.80ms	18.00ms	1	-
Opera 79.0	Windows 10 64-bit	196.50ms	1.60ms	9.40ms	1	-
Firefox 93.0	Ubuntu 64-bit	1026.00ms	5.00ms	39.00ms	1	-
Firefox 93.0	Windows 8.1 64-bit	326.00ms	6.00ms	20.00ms	1	-
Firefox 93.0	OS X 10.15	164.00ms	1.00ms	27.00ms	1	-
null null	null	735.26ms	1.74ms	21.66ms	1	-
Chrome Mobile 89.0	Android 11	918.70ms	6.20ms	44.90ms	1	-
Chrome 94.0	OS X 10.15.7 64-bit	242.60ms	1.10ms	10.80ms	1	-
Chrome Mobile 88.0	iOS 6.0	577.50ms	2.20ms	13.00ms	1	-