PURE CSS ART GALLERY

Loading artwork...

Yusuke Nakaya

CSS Smooth water :)

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
Firefox 83.0	Windows 10 64-bit	84.00ms	3.67ms	12.67ms	3	-
Chrome 89.0	Windows 10 64-bit	360.17ms	1.95ms	6.67ms	3	-
Chrome 80.0	Linux 64-bit	382.80ms	6.33ms	10.11ms	1	-
Chrome 60.0	Linux 64-bit	86.86ms	1.49ms	6.75ms	1	-
Chrome 83.0	Linux 64-bit	130.24ms	2.65ms	32.05ms	1	-
Chrome Mobile 85.0	iOS 14.0	355.00ms	2.00ms	8.00ms	1	-
Firefox 82.0	Windows 10 64-bit	198.00ms	3.00ms	18.00ms	1	-
Firefox 82.0	Ubuntu 64-bit	353.00ms	8.00ms	8.00ms	1	-
Chrome Mobile 86.0	iOS 13.5	236.00ms	0.00ms	6.00ms	1	-
Firefox 84.0	Ubuntu 64-bit	1238.00ms	11.00ms	160.00ms	1	-
Firefox 87.0	Windows 10 64-bit	251.00ms	1.00ms	7.00ms	1	-
Chrome 89.0	OS X 10.14.6 64-bit	114.21ms	1.17ms	3.68ms	1	-
Chrome Mobile 90.0	Android 10	349.10ms	5.10ms	29.90ms	1	-