PURE CSS ART GALLERY

Loading artwork...

Yusuke Nakaya

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 91.0	Windows 10 64-bit	192.64ms	7.36ms	26.56ms	5	-
Chrome 90.0	Windows 10 64-bit	283.24ms	8.02ms	28.88ms	4	-
Chrome 89.0	Windows 10 64-bit	600.37ms	39.97ms	70.83ms	2	-
Chrome 60.0	Linux 64-bit	143.87ms	13.10ms	44.22ms	1	-
Chrome 83.0	Linux 64-bit	132.37ms	12.03ms	34.74ms	1	-
Firefox 78.0	Windows 10 64-bit	67.00ms	7.00ms	12.00ms	1	-
Safari 13.1.2	iOS 13.6.1	666.00ms	3.00ms	8.00ms	1	-
Firefox 83.0	Windows 10 64-bit	55.00ms	9.00ms	32.00ms	1	-
Chrome Mobile 86.0	iOS 13.5	245.00ms	5.00ms	11.00ms	1	-
Firefox 84.0	Windows 10 64-bit	352.00ms	9.00ms	39.00ms	1	-
Safari 14.0.3	OS X 10.15.6	285.00ms	4.00ms	16.00ms	1	-
Firefox 86.0	Windows 10 64-bit	191.00ms	17.00ms	40.00ms	1	-
Firefox 87.0	Linux 64-bit	293.00ms	8.00ms	24.00ms	1	-
Firefox 87.0	Windows 10 64-bit	214.00ms	4.00ms	22.00ms	1	-
Chrome 89.0	Windows Server 2008 R2 / 7 64-bit	2122.00ms	15.00ms	50.00ms	1	-
Firefox 87.0	Ubuntu 64-bit	559.00ms	20.00ms	57.00ms	1	-
Chrome 90.0	OS X 10.15.7 64-bit	345.72ms	6.45ms	8.80ms	1	-
Chrome 91.0	Windows Server 2008 R2 / 7 64-bit	286.60ms	7.70ms	18.70ms	1	-
Safari 14.1.1	OS X 10.15.6	337.00ms	3.00ms	13.00ms	1	-