PURE CSS ART GALLERY

Loading artwork...

Mike Mangialardi

medium.com

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

View original

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
Google Browser null	null	71.43ms	0.00ms	178.57ms	14	-
Chrome 77.0	Windows 10 64-bit	295.30ms	2.95ms	30.64ms	6	-
Safari 12.0	OS X 10.14	189.60ms	0.80ms	7.60ms	5	-
Chrome 75.0	Windows 10 64-bit	280.19ms	1.95ms	29.93ms	5	-
Safari 12.0	iOS 12.1	146.75ms	1.00ms	3.75ms	4	-
Firefox 69.0	Windows 10 64-bit	103.67ms	2.33ms	39.67ms	3	-
Safari 11.0	iOS 11.4.1	183.50ms	1.50ms	8.50ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	181.85ms	0.65ms	5.70ms	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	-
Chrome 76.0	Windows 10 64-bit	237.85ms	1.33ms	19.48ms	2	-
Chrome 75.0	Linux 64-bit	187.58ms	1.15ms	26.24ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	146.64ms	1.90ms	8.35ms	2	-
Firefox 68.0	Ubuntu 64-bit	172.00ms	4.00ms	34.00ms	2	-
Chrome 76.0	Linux 64-bit	139.39ms	3.66ms	25.52ms	2	-
Chrome 76.0	Windows 8.1 64-bit	289.77ms	1.40ms	53.96ms	2	-
Chrome 62.0	Linux 64-bit	120.21ms	1.04ms	12.37ms	2	-
Chrome 71.0	Windows 10 64-bit	183.55ms	1.05ms	6.55ms	2	-
Safari 12.0	iOS 12.0.1	174.00ms	1.00ms	15.00ms	1	-
Android Browser 4.0	Android 6.0.1	582.81ms	3.92ms	42.19ms	1	-
Chrome 57.0	Android 4.2.2	378.52ms	7.45ms	1046.02ms	1	-
Chrome Mobile 70.0	Android 7.0	276.80ms	3.70ms	20.50ms	1	-
Chrome 68.0	OS X 10.12.6 64-bit	214.40ms	3.40ms	21.00ms	1	-
Safari 11.1.1	OS X 10.13.5	204.00ms	1.00ms	13.00ms	1	-
Opera 57.0	OS X 10.13.5	256.10ms	0.60ms	14.60ms	1	-
Firefox 60.0	Windows 10 64-bit	236.00ms	3.00ms	9.00ms	1	-
Chrome Mobile 62.0	Android 5.0.2	335.53ms	10.89ms	26.73ms	1	-
Chrome Mobile 67.0	Android 7.0	270.80ms	2.40ms	26.90ms	1	-
Chrome 48.0	Ubuntu Chromium 64-bit	294.43ms	3.49ms	19.38ms	1	-
Microsoft Edge 18.17763	Windows 10 64-bit	214.10ms	1.60ms	10.30ms	1	-
Chrome 66.0	OS X 10.9.5 64-bit	268.20ms	1.00ms	40.70ms	1	-
Chrome 71.0	Linux 64-bit	88.30ms	0.70ms	6.20ms	1	-
Chrome 73.0	Windows 10 64-bit	396.39ms	1.64ms	8.64ms	1	-
Firefox 65.0	Windows 10 64-bit	78.00ms	3.00ms	45.00ms	1	-
Chrome 72.0	Linux 64-bit	184.35ms	1.41ms	5.43ms	1	-
Firefox 66.0	Windows 10 64-bit	276.00ms	8.00ms	93.00ms	1	-
Chrome 73.0	OS X 10.14.3 64-bit	178.76ms	0.63ms	3.29ms	1	-
Firefox 66.0	Ubuntu 64-bit	137.00ms	3.00ms	12.00ms	1	-
Chrome 73.0	OS X 10.14.4 64-bit	229.45ms	0.76ms	4.03ms	1	-
Firefox 66.0	OS X 10.14	284.00ms	2.00ms	15.00ms	1	-
Chrome 73.0	OS X 10.14.5 64-bit	1801.30ms	2.15ms	9.13ms	1	-
Firefox 67.0	OS X 10.14	104.00ms	3.00ms	42.00ms	1	-
Chrome 74.0	Windows 10 64-bit	191.15ms	1.47ms	7.05ms	1	-
Chrome 74.0	OS X 10.11.6 64-bit	231.49ms	1.77ms	61.58ms	1	-
Safari 12.1.1	OS X 10.14.5	73.00ms	1.00ms	5.00ms	1	-
Chrome Mobile 74.0	iOS 12.2	426.00ms	4.00ms	6.00ms	1	-
Chrome 74.0	OS X 10.14.2 64-bit	547.65ms	0.76ms	16.33ms	1	-
Safari 12.1.1	iOS 12.3.1	317.00ms	3.00ms	20.00ms	1	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	109.82ms	1.15ms	4.61ms	1	-
Chrome 75.0	OS X 10.14.3 64-bit	105.10ms	0.76ms	29.51ms	1	-