PURE CSS ART GALLERY

Loading artwork...

Yusuke Nakaya

Summer 🏄

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 80.0	Linux 64-bit	724.57ms	4.73ms	11.53ms	2	-
Chrome 84.0	Windows 10 64-bit	417.35ms	3.60ms	8.92ms	2	-
Firefox 82.0	Ubuntu 64-bit	128.00ms	5.00ms	64.00ms	2	-
Firefox 56.0	Windows 10 64-bit	132.00ms	7.00ms	31.00ms	1	-
Chrome 83.0	Linux 64-bit	106.20ms	4.61ms	15.86ms	1	-
Firefox 80.0	Windows 10 64-bit	49.00ms	2.00ms	23.00ms	1	-
Safari 14.0	OS X 10.15.6	258.00ms	5.00ms	40.00ms	1	-
Safari 13.1.2	iOS 13.6.1	617.00ms	7.00ms	5.00ms	1	-
Firefox 81.0	OS X 10.15	90.00ms	4.00ms	34.00ms	1	-
Firefox 82.0	Windows 10 64-bit	252.00ms	16.00ms	69.00ms	1	-
Firefox 82.0	OS X 10.15	171.00ms	5.00ms	17.00ms	1	-
Safari 14.0	OS X 10.15.7	282.00ms	2.00ms	20.00ms	1	-
Firefox 81.0	Ubuntu 64-bit	57.00ms	3.00ms	22.00ms	1	-
Firefox Mobile 81.0	Android 10	219.00ms	9.00ms	55.00ms	1	-
Firefox 81.0	Fedora 64-bit	81.00ms	13.00ms	30.00ms	1	-
Chrome Mobile 86.0	iOS 14.0	159.00ms	6.00ms	16.00ms	1	-
Firefox 83.0	Windows 10 64-bit	124.00ms	2.00ms	21.00ms	1	-
Safari 13.1.3	OS X 10.15.7	152.00ms	1.00ms	7.00ms	1	-
Chrome Mobile 86.0	iOS 13.5	227.00ms	3.00ms	6.00ms	1	-
Firefox 84.0	OS X 10.15	317.00ms	6.00ms	61.00ms	1	-