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	263.02ms	2.40ms	29.07ms	9	-
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	95.50ms	2.00ms	32.25ms	4	-
Chrome 78.0	Windows 10 64-bit	271.52ms	1.00ms	15.60ms	4	-
Chrome 77.0	OS X 10.14.6 64-bit	284.37ms	0.73ms	5.42ms	3	-
Firefox 70.0	Windows 10 64-bit	76.00ms	2.50ms	13.50ms	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 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 76.0	Windows Server 2008 R2 / 7 64-bit	182.14ms	1.15ms	5.24ms	2	-
Safari 7.x	Linux 64-bit	212.20ms	3.70ms	9.70ms	1	-
Chrome 77.0	Linux 64-bit	154.37ms	2.13ms	17.63ms	1	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	423.05ms	0.96ms	27.65ms	1	-
Chrome 78.0	OS X 10.14.6 64-bit	268.68ms	0.74ms	26.47ms	1	-
Chrome 78.0	Windows 8.1 64-bit	182.29ms	1.53ms	6.59ms	1	-
Chrome 79.0	OS X 10.15.0 64-bit	239.37ms	1.45ms	6.45ms	1	-
Safari 8+	iOS 13.2	202.00ms	2.00ms	1.00ms	1	-
Firefox 64.0	OS X 10.14	213.00ms	2.00ms	31.00ms	1	-
Opera 56.0	OS X 10.14.0	185.90ms	1.30ms	8.10ms	1	-
Chrome 48.0	Linux 64-bit	334.11ms	5.24ms	43.93ms	1	-
Chrome 63.0	Android 6.0.1	520.52ms	5.29ms	83.64ms	1	-
Chrome 70.0	Windows 10 64-bit	182.80ms	0.80ms	6.70ms	1	-
Firefox 62.0	OS X 10.14	216.00ms	3.00ms	9.00ms	1	-
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	-