PURE CSS ART GALLERY

Loading artwork...

Ricardo Oliva Alonso

ricardoolivaalonso.appspot.com

Designed by: Valentin Kirilov Original image: https://dribbble.com/shots/3124841-Citibank-Spot-Animations-Coffee

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	1296.40ms	2.47ms	7.17ms	4	-
Chrome 96.0	OS X 10.15.7 64-bit	218.07ms	1.83ms	6.17ms	3	-
Chrome 98.0	Windows 10 64-bit	335.50ms	1.77ms	11.40ms	3	-
Chrome 100.0	Windows 10 64-bit	565.30ms	4.33ms	9.93ms	3	-
null null	null	1480.53ms	2.05ms	24.80ms	2	-
Chrome 96.0	Windows 10 64-bit	260.05ms	0.85ms	2.45ms	2	-
Chrome Mobile 96.0	Android 11	357.75ms	4.30ms	20.45ms	2	-
Chrome 99.0	OS X 10.15.7 64-bit	169.80ms	0.75ms	3.75ms	2	-
Chrome 99.0	Windows 10 64-bit	397.50ms	3.10ms	8.40ms	2	-
Chrome 100.0	OS X 10.15.7 64-bit	406.85ms	1.20ms	14.95ms	2	-
Chrome 101.0	Windows 10 64-bit	215.90ms	1.30ms	27.10ms	2	-
Firefox 78.0	Linux 64-bit	33.00ms	3.00ms	5.00ms	1	-
Chrome 87.0	Linux 64-bit	942.01ms	3.99ms	10.47ms	1	-
Firefox 91.0	Ubuntu 64-bit	499.00ms	3.00ms	15.00ms	1	-
Chrome Mobile 94.0	Android 10	390.90ms	5.70ms	22.60ms	1	-
Samsung Internet 16.0	Android 11	246.70ms	2.80ms	9.90ms	1	-
Chrome 98.0	OS X 10.15.7 64-bit	206.50ms	1.70ms	5.30ms	1	-
Chrome Mobile 96.0	Android 10	388.80ms	3.70ms	22.50ms	1	-
Chrome 98.0	Linux 64-bit	177.20ms	1.00ms	3.30ms	1	-
Chrome 97.0	null	89.10ms	0.00ms	500.00ms	1	-
Firefox 98.0	Linux 64-bit	308.00ms	9.00ms	61.00ms	1	-
Safari 15.3	OS X 10.15.7	190.00ms	0.00ms	4.00ms	1	-
Firefox 100.0	Windows 10 64-bit	214.00ms	2.00ms	8.00ms	1	-
Chrome Mobile 100.0	Android 12	700.70ms	4.60ms	20.40ms	1	-
Chrome 100.0	OS X 10.14.6 64-bit	225.00ms	0.90ms	5.90ms	1	-