PURE CSS ART GALLERY

Loading artwork...

Brendan Pettis

Playing with pure CSS Art during the Grow With Google Udacity Scholarship Challenge.

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 78.0	Windows 10 64-bit	201.25ms	1.91ms	32.79ms	26	-
Chrome 79.0	Windows 10 64-bit	602.05ms	2.12ms	31.75ms	20	-
Chrome 77.0	Windows 10 64-bit	278.14ms	2.26ms	23.07ms	17	-
Chrome 76.0	Windows 10 64-bit	227.23ms	2.20ms	19.80ms	12	-
Chrome 74.0	Windows 10 64-bit	176.08ms	1.76ms	19.83ms	9	-
Chrome 75.0	Windows 10 64-bit	203.92ms	1.95ms	24.75ms	9	-
Safari 12.0	OS X 10.14	196.83ms	1.33ms	5.83ms	6	-
Google Browser null	null	80.00ms	0.00ms	150.00ms	5	-
Chrome 76.0	Linux 64-bit	220.31ms	2.97ms	15.81ms	5	-
Firefox 69.0	Windows 10 64-bit	98.40ms	2.60ms	32.40ms	5	-
Chrome 78.0	OS X 10.14.6 64-bit	233.61ms	1.17ms	19.49ms	5	-
Chrome 78.0	OS X 10.15.1 64-bit	137.73ms	1.21ms	25.34ms	5	-
Chrome 73.0	Windows 10 64-bit	357.36ms	2.61ms	12.57ms	4	-
Microsoft Edge 18.17763	Windows 10 64-bit	226.50ms	2.93ms	14.00ms	3	-
Safari 12.1	iOS 12.2	230.00ms	2.00ms	4.67ms	3	-
Chrome 76.0	OS X 10.14.6 64-bit	331.88ms	1.14ms	46.35ms	3	-
Android Browser 4.0	Android 9	159.30ms	5.00ms	20.23ms	3	-
Microsoft Edge 18.18362	Windows 10 64-bit	263.97ms	1.67ms	13.37ms	3	-
Chrome 78.0	Linux 64-bit	197.49ms	1.36ms	33.82ms	3	-
Chrome 62.0	Linux 64-bit	106.06ms	1.81ms	12.94ms	3	-
Firefox 64.0	OS X 10.14	172.67ms	3.33ms	9.00ms	3	-
Chrome 72.0	Windows 10 64-bit	149.65ms	1.46ms	4.92ms	2	-
Chrome 73.0	OS X 10.14.4 64-bit	254.10ms	1.16ms	4.96ms	2	-
Firefox 66.0	Ubuntu 64-bit	79.00ms	3.50ms	9.00ms	2	-
Chrome 74.0	OS X 10.14.4 64-bit	256.76ms	1.43ms	31.14ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	194.99ms	1.94ms	8.66ms	2	-
Chrome 75.0	OS X 10.14.5 64-bit	245.97ms	1.04ms	5.00ms	2	-
Safari 7.x	Linux 64-bit	230.05ms	2.86ms	9.21ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	110.69ms	1.60ms	7.22ms	2	-
Chrome 77.0	Linux 64-bit	244.18ms	1.71ms	11.09ms	2	-
Chrome 77.0	OS X 10.14.6 64-bit	298.88ms	1.12ms	7.48ms	2	-
Chrome 70.0	Linux 64-bit	243.55ms	14.95ms	19.45ms	2	-
Chrome 78.0	Chrome OS 64-bit	330.89ms	3.11ms	13.73ms	2	-
Firefox 71.0	Windows 10 64-bit	81.00ms	2.00ms	12.00ms	2	-
Opera 65.0	Windows 10 64-bit	347.48ms	2.14ms	10.33ms	2	-
Chrome 79.0	Linux 64-bit	397.75ms	2.11ms	12.09ms	2	-
Firefox 72.0	Windows 10 64-bit	284.00ms	31.50ms	195.50ms	2	-
Chrome 71.0	Windows 10 64-bit	182.30ms	1.30ms	7.00ms	2	-
Safari 11.0	iOS 11.4.1	187.50ms	3.50ms	9.50ms	2	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	202.57ms	2.50ms	6.60ms	2	-
Safari 12.0	iOS 12.1	173.00ms	1.00ms	4.00ms	2	-
Chrome 70.0	Windows 10 64-bit	188.40ms	1.40ms	8.90ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	183.50ms	1.20ms	6.10ms	2	-
Chrome 48.0	Ubuntu Chromium 64-bit	325.20ms	1.71ms	26.13ms	1	-
Chrome 48.0	Linux 64-bit	333.69ms	6.63ms	44.24ms	1	-
Chrome 71.0	OS X 10.12.6 64-bit	217.10ms	1.20ms	9.30ms	1	-
Chrome 65.0	OS X 10.10.5 64-bit	487.50ms	1.10ms	87.70ms	1	-
Chrome 66.0	OS X 10.9.5 64-bit	606.10ms	5.80ms	35.10ms	1	-
Chrome 27.0	Windows XP	205.10ms	2.00ms	5.50ms	1	-
Chrome 71.0	Linux 64-bit	97.10ms	1.20ms	6.20ms	1	-