PURE CSS ART GALLERY

Loading artwork...

Mike Mangialardi

Cute koala graphic to be used in my pure CSS images article:

https://medium.com/dailycssimages/a-beginners-guide-to-pure-css-images-ef9a5d069dd2#.iiknwq992

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 84.0	Windows 10 64-bit	633.24ms	1.90ms	36.40ms	38	-
Chrome 89.0	Windows 10 64-bit	357.32ms	1.66ms	13.49ms	20	-
Chrome 79.0	Windows 10 64-bit	165.88ms	1.37ms	42.24ms	15	-
Google Browser null	null	71.43ms	0.00ms	178.57ms	14	-
Chrome 83.0	Windows 10 64-bit	312.06ms	2.00ms	45.56ms	14	-
Chrome 80.0	Windows 10 64-bit	249.62ms	1.10ms	44.20ms	13	-
Chrome 78.0	Windows 10 64-bit	223.66ms	1.10ms	16.09ms	11	-
Chrome 77.0	Windows 10 64-bit	263.02ms	2.40ms	29.07ms	9	-
Chrome 90.0	Windows 10 64-bit	312.80ms	1.44ms	7.56ms	6	-
Chrome 84.0	OS X 10.15.6 64-bit	229.12ms	0.82ms	47.71ms	6	-
Chrome 75.0	Windows 10 64-bit	280.19ms	1.95ms	29.93ms	5	-
Chrome 80.0	Linux 64-bit	284.82ms	2.56ms	28.35ms	5	-
null null	null	624.29ms	3.66ms	15.22ms	5	-
Chrome 83.0	OS X 10.15.5 64-bit	200.38ms	0.94ms	45.23ms	5	-
Safari 12.0	OS X 10.14	189.60ms	0.80ms	7.60ms	5	-
Opera 69.0	Windows 10 64-bit	220.31ms	1.99ms	5.34ms	4	-
Firefox 69.0	Windows 10 64-bit	95.50ms	2.00ms	32.25ms	4	-
Firefox 87.0	Windows 10 64-bit	396.75ms	4.00ms	29.75ms	4	-
Firefox 88.0	Windows 10 64-bit	580.00ms	1.75ms	7.25ms	4	-
Android Browser 4.0	Android 10	343.50ms	4.38ms	19.65ms	4	-
Chrome 80.0	OS X 10.15.3 64-bit	255.79ms	0.73ms	23.38ms	4	-
Firefox 78.0	Windows 10 64-bit	93.25ms	2.25ms	22.00ms	4	-
Safari 12.0	iOS 12.1	146.75ms	1.00ms	3.75ms	4	-
Chrome Mobile 84.0	Android 10	265.88ms	3.55ms	18.97ms	4	-
Chrome 57.0	Linux 64-bit	194.79ms	1.38ms	8.02ms	3	-
Firefox 86.0	Windows 10 64-bit	357.00ms	4.00ms	32.00ms	3	-
Chrome Mobile 87.0	iOS 14.4	78.67ms	0.33ms	5.67ms	3	-
Chrome 89.0	OS X 11.2.3 64-bit	194.38ms	1.00ms	8.84ms	3	-
Chrome 77.0	OS X 10.14.6 64-bit	284.37ms	0.73ms	5.42ms	3	-
Chrome 81.0	Windows 10 64-bit	106.99ms	1.05ms	23.04ms	3	-
Firefox 77.0	Windows 10 64-bit	120.00ms	2.33ms	44.33ms	3	-
Chrome Mobile 83.0	Android 8.1.0	351.03ms	5.20ms	30.20ms	3	-
Firefox 79.0	Windows 10 64-bit	270.67ms	4.33ms	123.33ms	3	-
Microsoft Edge 18.17763	Windows 10 64-bit	201.53ms	1.33ms	13.30ms	3	-
Chrome 84.0	OS X 10.15.5 64-bit	99.32ms	0.75ms	20.08ms	2	-
Chrome 84.0	OS X 10.14.6 64-bit	284.33ms	0.82ms	4.59ms	2	-
Chrome Mobile 41.0	Android 6.0.1	50.00ms	0.00ms	150.00ms	2	-
Firefox 67.0	Windows 10 64-bit	134.50ms	3.00ms	11.00ms	2	-
Firefox 66.0	Ubuntu 64-bit	111.00ms	3.00ms	9.00ms	2	-
Chrome 76.0	Windows 10 64-bit	237.85ms	1.33ms	19.48ms	2	-
Safari 14.0.3	OS X 10.15.6	346.00ms	1.00ms	11.00ms	2	-
Chrome 76.0	OS X 10.14.4 64-bit	90.33ms	0.94ms	22.94ms	2	-
Chrome 89.0	Linux 64-bit	328.58ms	1.77ms	8.01ms	2	-
Chrome 89.0	OS X 10.14.6 64-bit	276.34ms	0.93ms	8.71ms	2	-
Chrome 75.0	Linux 64-bit	187.58ms	1.15ms	26.24ms	2	-
Chrome 89.0	OS X 10.15.7 64-bit	195.83ms	0.69ms	6.05ms	2	-
Chrome 89.0	OS X 10.13.6 64-bit	3606.46ms	1.38ms	16.02ms	2	-
Firefox 87.0	Ubuntu 64-bit	764.50ms	10.00ms	11.50ms	2	-
Chrome 87.0	Windows 10 64-bit	215.00ms	1.05ms	4.67ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	146.64ms	1.90ms	8.35ms	2	-