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 97.0	Windows 10 64-bit	375.33ms	1.42ms	6.03ms	4	-
Chrome 97.0	OS X 10.15.7 64-bit	201.20ms	1.67ms	4.17ms	3	-
Chrome 98.0	OS X 10.15.7 64-bit	396.70ms	1.65ms	4.65ms	2	-
Chrome 99.0	OS X 10.15.7 64-bit	309.35ms	1.35ms	2.70ms	2	-
Firefox 96.0	Ubuntu 64-bit	543.00ms	6.50ms	21.00ms	2	-
Firefox 97.0	Windows 10 64-bit	191.50ms	3.00ms	11.00ms	2	-
Chrome 87.0	Linux 64-bit	445.20ms	1.31ms	2.47ms	1	-
Chrome 91.0	Windows 10 64-bit	445.30ms	2.40ms	6.10ms	1	-
Chrome 96.0	OS X 10.15.7 64-bit	299.60ms	2.00ms	8.80ms	1	-
Safari 15.1	OS X 10.15.7	157.00ms	1.00ms	11.00ms	1	-
Chrome 96.0	Windows 10 64-bit	352.30ms	2.90ms	14.30ms	1	-
Firefox 95.0	OS X 10.15	138.00ms	3.00ms	11.00ms	1	-
Chrome 100.0	Windows 10 64-bit	1300.80ms	1.70ms	15.60ms	1	-
Chrome 98.0	Linux 64-bit	264.60ms	1.40ms	4.80ms	1	-
Chrome 99.0	Windows 10 64-bit	666.90ms	2.80ms	15.30ms	1	-
Opera 83.0	Windows 10 64-bit	310.30ms	1.50ms	4.70ms	1	-
Safari 15.3	OS X 10.15.7	242.00ms	1.00ms	9.00ms	1	-
Chrome 100.0	OS X 10.15.7 64-bit	360.00ms	1.20ms	7.30ms	1	-