PURE CSS ART GALLERY

Loading artwork...

Yusuke Nakaya

This Pen isn't using 3D-transforms. :)

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	Linux 64-bit	231.89ms	6.99ms	29.18ms	2	-
Firefox 82.0	Windows 10 64-bit	74.50ms	3.00ms	21.00ms	2	-
Chrome Mobile 76.0	Android 6.0.1	574.70ms	14.40ms	31.10ms	1	-
Chrome 80.0	Linux 64-bit	649.35ms	3.61ms	14.62ms	1	-
Chrome 83.0	Windows 10 64-bit	228.40ms	2.75ms	55.81ms	1	-
Chrome 84.0	Windows 10 64-bit	729.42ms	3.19ms	52.22ms	1	-
Firefox 78.0	Linux 64-bit	91.00ms	3.00ms	57.00ms	1	-
Firefox 81.0	Fedora 64-bit	106.00ms	14.00ms	25.00ms	1	-
Firefox 83.0	Windows 10 64-bit	54.00ms	7.00ms	17.00ms	1	-
Firefox 82.0	Ubuntu 64-bit	133.00ms	13.00ms	78.00ms	1	-
Firefox 83.0	Linux 64-bit	1255.00ms	16.00ms	372.00ms	1	-
Firefox Mobile 84.0	Android 10	373.00ms	4.00ms	27.00ms	1	-
Firefox 85.0	Windows 10 64-bit	2740.00ms	5.00ms	106.00ms	1	-
Firefox 84.0	OS X 10.16	176.00ms	1.00ms	14.00ms	1	-
Safari 14.0.2	OS X 10.15.6	110.00ms	1.00ms	13.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	309.00ms	3.00ms	29.00ms	1	-
Safari 14.0.3	OS X 10.15.6	168.00ms	1.00ms	10.00ms	1	-