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
Chrome 84.0	Windows 10 64-bit	633.24ms	1.90ms	36.40ms	38	-
Chrome 79.0	Windows 10 64-bit	165.88ms	1.37ms	42.24ms	15	-
Chrome 83.0	Windows 10 64-bit	312.06ms	2.00ms	45.56ms	14	-
Google Browser null	null	71.43ms	0.00ms	178.57ms	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 84.0	OS X 10.15.6 64-bit	229.12ms	0.82ms	47.71ms	6	-
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	-
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	-
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	-
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	-
null null	null	592.28ms	3.47ms	10.02ms	4	-
Chrome 80.0	OS X 10.15.3 64-bit	255.79ms	0.73ms	23.38ms	4	-
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	-
Chrome Mobile 84.0	Android 10	268.03ms	3.27ms	15.97ms	3	-
Microsoft Edge 18.17763	Windows 10 64-bit	201.53ms	1.33ms	13.30ms	3	-
Chrome 57.0	Linux 64-bit	194.79ms	1.38ms	8.02ms	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	-
Safari 13.1	iOS 13.4.1	161.00ms	1.50ms	4.00ms	2	-
Chrome 83.0	OS X 10.15.4 64-bit	110.89ms	1.95ms	17.76ms	2	-
Chrome 83.0	Linux 64-bit	582.59ms	4.58ms	37.74ms	2	-
Chrome Mobile 83.0	Android 9	181.75ms	4.25ms	20.35ms	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	-
Samsung Internet 12.0	Android 10	323.75ms	4.70ms	21.25ms	2	-
Chrome 84.0	Windows Server 2008 R2 / 7 64-bit	4340.65ms	1.96ms	39.52ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	181.85ms	0.65ms	5.70ms	2	-
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	-
Chrome 76.0	OS X 10.14.4 64-bit	90.33ms	0.94ms	22.94ms	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	-
Firefox 70.0	Windows 10 64-bit	76.00ms	2.50ms	13.50ms	2	-