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 89.0	Windows 10 64-bit	280.24ms	2.55ms	13.66ms	10	-
Chrome 90.0	Windows 10 64-bit	200.15ms	2.02ms	10.58ms	10	-
Chrome 91.0	Windows 10 64-bit	394.11ms	2.29ms	16.94ms	9	-
Chrome 91.0	OS X 10.15.7 64-bit	288.64ms	2.02ms	6.48ms	5	-
Firefox 87.0	Windows 10 64-bit	348.25ms	2.75ms	16.25ms	4	-
Chrome 90.0	OS X 10.15.7 64-bit	230.71ms	2.62ms	10.38ms	4	-
Chrome 89.0	OS X 11.2.3 64-bit	935.21ms	1.57ms	29.46ms	3	-
Chrome 90.0	Linux 64-bit	359.25ms	3.13ms	7.76ms	3	-
Firefox 88.0	Windows 10 64-bit	256.33ms	4.67ms	19.33ms	3	-
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 89.0	OS X 10.14.6 64-bit	105.64ms	2.02ms	6.88ms	2	-
Firefox 87.0	Ubuntu 64-bit	448.00ms	6.50ms	21.00ms	2	-
Chrome Mobile 76.0	Android 6.0.1	574.70ms	14.40ms	31.10ms	1	-
Android Browser 4.0	Android 10	295.80ms	15.00ms	53.20ms	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	-
Chrome Mobile 83.0	Android 10	783.70ms	10.80ms	28.00ms	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	-
Safari 14.0.3	iOS 14.4	194.00ms	1.00ms	9.00ms	1	-
Chrome 89.0	Windows Server 2008 R2 / 7 64-bit	178.66ms	2.03ms	6.93ms	1	-
Chrome 89.0	OS X 10.15.7 64-bit	137.17ms	1.25ms	13.69ms	1	-
Opera 74.0	Windows 10 64-bit	250.71ms	2.50ms	12.52ms	1	-
Chrome 89.0	OS X 10.15.6 64-bit	66.06ms	2.08ms	10.36ms	1	-
Chrome 86.0	Windows 10 64-bit	242.91ms	1.54ms	3.34ms	1	-
Safari 8+	iOS 14.4.2	322.00ms	5.00ms	16.00ms	1	-
Safari 8+	iOS 14.3	293.00ms	3.00ms	10.00ms	1	-
Opera 75.0	Windows 10 64-bit	236.23ms	7.49ms	8.03ms	1	-
Firefox 90.0	Windows 10 64-bit	392.00ms	6.00ms	10.00ms	1	-
Safari 14.1.1	iOS 14.6	64.00ms	1.00ms	5.00ms	1	-
Safari 8+	iOS 14.6	259.00ms	2.00ms	21.00ms	1	-
Chrome 91.0	Linux 64-bit	229.80ms	3.10ms	8.70ms	1	-
Firefox Mobile 88.0	Android 7.0	1117.00ms	14.00ms	41.00ms	1	-
Chrome 91.0	Windows 8.1 64-bit	471.70ms	4.90ms	14.60ms	1	-
Chrome 91.0	Windows Server 2008 R2 / 7	597.00ms	7.00ms	190.00ms	1	-
Firefox 89.0	Ubuntu 64-bit	301.00ms	2.00ms	10.00ms	1	-
Chrome 91.0	Android 11	128.60ms	10.30ms	26.80ms	1	-
Firefox 90.0	Linux 64-bit	229.00ms	2.00ms	9.00ms	1	-