Publish Art via Github

PURE CSS ART GALLERY

Loading artwork...

Brendan Pettis

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

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	541.19ms	1.99ms	34.00ms	23	-
Chrome 77.0	Windows 10 64-bit	278.14ms	2.26ms	23.07ms	17	-
Chrome 80.0	Windows 10 64-bit	193.60ms	1.70ms	27.10ms	13	-
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	-
Chrome 81.0	Windows 10 64-bit	229.79ms	2.50ms	35.04ms	6	-
Chrome 83.0	Windows 10 64-bit	464.76ms	2.35ms	22.63ms	6	-
Chrome 83.0	OS X 10.15.5 64-bit	197.39ms	1.51ms	15.65ms	6	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	414.79ms	5.43ms	48.33ms	6	-
Google Browser null	null	80.00ms	0.00ms	150.00ms	5	-
Firefox 69.0	Windows 10 64-bit	98.40ms	2.60ms	32.40ms	5	-
Chrome 76.0	Linux 64-bit	220.31ms	2.97ms	15.81ms	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 80.0	OS X 10.15.3 64-bit	142.15ms	1.00ms	18.87ms	4	-
Chrome 73.0	Windows 10 64-bit	357.36ms	2.61ms	12.57ms	4	-
Chrome 80.0	Linux 64-bit	136.71ms	1.71ms	14.88ms	4	-
Firefox 74.0	Windows 10 64-bit	74.00ms	3.67ms	6.67ms	3	-
Firefox 75.0	Windows 10 64-bit	67.67ms	2.33ms	21.67ms	3	-
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 57.0	Linux 64-bit	140.73ms	2.40ms	9.39ms	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 76.0	OS X 10.14.6 64-bit	331.88ms	1.14ms	46.35ms	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	-
Safari 11.0	iOS 11.4.1	187.50ms	3.50ms	9.50ms	2	-
Safari 12.0	iOS 12.1	173.00ms	1.00ms	4.00ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	183.50ms	1.20ms	6.10ms	2	-
Chrome 81.0	OS X 10.15.4 64-bit	126.54ms	1.00ms	9.02ms	2	-
Chrome Mobile 81.0	Android 9	398.55ms	4.15ms	28.60ms	2	-
Opera 68.0	Windows 10 64-bit	191.65ms	1.18ms	5.70ms	2	-
Chrome 72.0	Windows 10 64-bit	149.65ms	1.46ms	4.92ms	2	-
Chrome Mobile 83.0	Android 9	238.00ms	4.50ms	16.80ms	2	-
Firefox 66.0	Ubuntu 64-bit	79.00ms	3.50ms	9.00ms	2	-
Chrome 73.0	OS X 10.14.4 64-bit	254.10ms	1.16ms	4.96ms	2	-
Chrome 74.0	OS X 10.14.4 64-bit	256.76ms	1.43ms	31.14ms	2	-
Chrome 70.0	Linux 64-bit	243.55ms	14.95ms	19.45ms	2	-
Chrome 75.0	OS X 10.14.5 64-bit	245.97ms	1.04ms	5.00ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	194.99ms	1.94ms	8.66ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	110.69ms	1.60ms	7.22ms	2	-
Safari 7.x	Linux 64-bit	230.05ms	2.86ms	9.21ms	2	-
Chrome 77.0	OS X 10.14.6 64-bit	298.88ms	1.12ms	7.48ms	2	-
Chrome 77.0	Linux 64-bit	244.18ms	1.71ms	11.09ms	2	-
Firefox 71.0	Windows 10 64-bit	81.00ms	2.00ms	12.00ms	2	-