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	205.28ms	2.01ms	34.73ms	23	-
Chrome 77.0	Windows 10 64-bit	278.14ms	2.26ms	23.07ms	17	-
Chrome 76.0	Windows 10 64-bit	229.42ms	2.33ms	20.22ms	11	-
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 73.0	Windows 10 64-bit	357.36ms	2.61ms	12.57ms	4	-
Chrome 78.0	OS X 10.15.1 64-bit	112.85ms	1.27ms	11.05ms	4	-
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	-
Microsoft Edge 18.17763	Windows 10 64-bit	288.75ms	3.20ms	16.40ms	2	-
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	-
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	-
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 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	-
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 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	-
Chrome Mobile 64.0	iOS 12.1	57.00ms	0.00ms	1.00ms	1	-
Firefox 65.0	Windows 10 64-bit	168.00ms	5.00ms	48.00ms	1	-
Chrome Mobile 72.0	Android 8.1.0	160.00ms	3.30ms	15.60ms	1	-
Chrome 72.0	OS X 10.14.3 64-bit	215.77ms	1.05ms	7.90ms	1	-
Chrome 73.0	OS X 10.14.5 64-bit	467.89ms	1.26ms	8.78ms	1	-
Chrome 73.0	Windows 8.1 64-bit	1735.74ms	3.76ms	14.14ms	1	-
Chrome 73.0	Windows Server 2008 R2 / 7 64-bit	188.74ms	2.63ms	71.58ms	1	-
Chrome 73.0	OS X 10.13.6 64-bit	201.60ms	6.13ms	116.93ms	1	-
Chrome 73.0	Windows Server 2008 R2 / 7	200.21ms	2.82ms	6.74ms	1	-