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 84.0	Windows 10 64-bit	228.75ms	1.64ms	30.77ms	12	-
Chrome 76.0	Windows 10 64-bit	227.23ms	2.20ms	19.80ms	12	-
Chrome 83.0	Windows 10 64-bit	662.42ms	2.98ms	53.93ms	10	-
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	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	414.79ms	5.43ms	48.33ms	6	-
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	OS X 10.15.5 64-bit	197.39ms	1.51ms	15.65ms	6	-
Chrome 78.0	OS X 10.15.1 64-bit	137.73ms	1.21ms	25.34ms	5	-
Chrome 80.0	Linux 64-bit	214.37ms	1.67ms	13.02ms	5	-
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 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 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	-
Chrome 80.0	OS X 10.14.6 64-bit	286.62ms	1.14ms	49.08ms	3	-
Firefox 64.0	OS X 10.14	172.67ms	3.33ms	9.00ms	3	-
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	-
Chrome 83.0	Linux 64-bit	198.31ms	1.51ms	10.11ms	3	-
Safari 12.1	iOS 12.2	230.00ms	2.00ms	4.67ms	3	-
Firefox 78.0	Windows 10 64-bit	162.00ms	2.67ms	72.67ms	3	-
Chrome 57.0	Linux 64-bit	140.73ms	2.40ms	9.39ms	3	-
Firefox 80.0	Windows 10 64-bit	167.00ms	9.00ms	20.67ms	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 79.0	Linux 64-bit	397.75ms	2.11ms	12.09ms	2	-
Chrome 78.0	Chrome OS 64-bit	330.89ms	3.11ms	13.73ms	2	-
Chrome 71.0	Windows 10 64-bit	182.30ms	1.30ms	7.00ms	2	-
Opera 65.0	Windows 10 64-bit	347.48ms	2.14ms	10.33ms	2	-
Chrome 70.0	Windows 10 64-bit	188.40ms	1.40ms	8.90ms	2	-
Firefox 72.0	Ubuntu 64-bit	115.50ms	4.00ms	20.50ms	2	-
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	-
Chrome 72.0	Windows 10 64-bit	149.65ms	1.46ms	4.92ms	2	-
Opera 68.0	Windows 10 64-bit	191.65ms	1.18ms	5.70ms	2	-
Chrome Mobile 83.0	Android 10	301.15ms	2.40ms	13.35ms	2	-