PURE CSS ART GALLERY

Loading artwork...

Sarah Fossheim

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 90.0	OS X 10.15.7 64-bit	205.49ms	0.88ms	5.08ms	3	-
Chrome 90.0	Windows 10 64-bit	263.73ms	0.80ms	4.12ms	2	-
Chrome 91.0	Windows 10 64-bit	347.35ms	1.60ms	9.55ms	2	-
Chrome 83.0	Linux 64-bit	60.42ms	1.52ms	7.74ms	1	-
Firefox 81.0	OS X 10.15	75.00ms	2.00ms	41.00ms	1	-
Firefox 82.0	Windows 10 64-bit	50.00ms	1.00ms	14.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	631.00ms	2.00ms	27.00ms	1	-
Safari 14.0.3	OS X 10.15.6	277.00ms	1.00ms	14.00ms	1	-
Chrome 89.0	Windows 10 64-bit	224.15ms	6.83ms	7.61ms	1	-
Chrome 89.0	OS X 10.14.6 64-bit	238.48ms	0.83ms	4.70ms	1	-
Chrome 89.0	OS X 10.15.7 64-bit	550.45ms	0.82ms	5.15ms	1	-
Chrome Mobile 90.0	Android 10	726.50ms	7.20ms	30.10ms	1	-
Safari 14.1.1	OS X 10.15.6	320.00ms	3.00ms	10.00ms	1	-