PURE CSS ART GALLERY

Loading artwork...

Adam Towle

Testing out CSS capabilities for a single div. This is my first attempt at creating CSS art.

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	204.14ms	1.29ms	18.94ms	15	-
Chrome 75.0	Windows 10 64-bit	192.08ms	1.73ms	23.43ms	12	-
Chrome 77.0	Windows 10 64-bit	261.76ms	2.09ms	40.45ms	10	-
Chrome 74.0	Windows 10 64-bit	231.78ms	1.10ms	8.67ms	7	-
Chrome 79.0	Windows 10 64-bit	227.31ms	2.10ms	24.46ms	7	-
Android Browser 4.0	Android 4.3	516.78ms	1.42ms	15.30ms	6	-
Chrome 76.0	Windows 10 64-bit	187.67ms	1.39ms	31.91ms	5	-
Chrome 77.0	OS X 10.14.6 64-bit	261.62ms	0.79ms	8.46ms	5	-
Firefox 68.0	Windows 10 64-bit	167.75ms	4.00ms	56.25ms	4	-
Safari 12.0	OS X 10.14	198.25ms	1.00ms	9.75ms	4	-
Firefox 69.0	Windows 10 64-bit	130.33ms	3.33ms	56.00ms	3	-
Chrome 76.0	Linux 64-bit	191.43ms	1.39ms	12.19ms	3	-
Chrome 78.0	OS X 10.15.1 64-bit	521.45ms	1.57ms	11.95ms	3	-
Safari 12.0	iOS 12.1	172.00ms	1.00ms	3.00ms	3	-
Chrome 73.0	Windows 10 64-bit	279.06ms	1.25ms	56.01ms	3	-
Safari 12.1.1	OS X 10.14.5	86.00ms	0.50ms	25.50ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	96.50ms	1.01ms	5.89ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	147.50ms	1.93ms	9.20ms	2	-
Firefox 69.0	OS X 10.14	95.00ms	2.50ms	10.50ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	103.04ms	1.41ms	6.33ms	2	-
Chrome Mobile 77.0	Android 8.0.0	243.25ms	7.00ms	25.85ms	2	-
Chrome 77.0	Linux 64-bit	92.79ms	1.94ms	7.23ms	2	-
Firefox 70.0	OS X 10.15	86.50ms	1.50ms	32.00ms	2	-
Chrome 78.0	OS X 10.14.6 64-bit	238.60ms	0.88ms	40.61ms	2	-
Firefox 71.0	Windows 10 64-bit	74.50ms	4.00ms	6.50ms	2	-
Chrome 78.0	OS X 10.15.0 64-bit	78.60ms	1.23ms	18.66ms	2	-
Chrome 79.0	OS X 10.14.6 64-bit	147.86ms	1.65ms	8.65ms	2	-
Chrome 62.0	Linux 64-bit	118.95ms	1.72ms	11.45ms	2	-
Chrome 71.0	Windows 10 64-bit	174.35ms	1.15ms	6.75ms	2	-
Safari 11.0	iOS 11.4.1	182.50ms	2.50ms	9.00ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	187.50ms	0.90ms	6.20ms	2	-
Microsoft Edge 18.17763	Windows 10 64-bit	209.65ms	1.85ms	13.25ms	2	-
Google Browser null	null	80.00ms	0.00ms	220.00ms	2	-
Chrome 27.0	Windows XP	302.20ms	1.75ms	5.05ms	2	-
Chrome Mobile 41.0	Android 6.0.1	80.00ms	0.00ms	170.00ms	2	-
Chrome 72.0	Windows 10 64-bit	257.84ms	1.65ms	7.29ms	2	-
Chrome 74.0	Windows Server 2008 R2 / 7 64-bit	138.94ms	1.11ms	7.14ms	1	-
Chrome 74.0	Android 8.1.0	204.60ms	5.70ms	16.60ms	1	-
Chrome 76.0	OS X 10.14.4 64-bit	83.39ms	1.07ms	6.60ms	1	-
Chrome Mobile 74.0	iOS 12.2	407.00ms	2.00ms	9.00ms	1	-
Chrome 75.0	OS X 10.14.5 64-bit	165.04ms	0.68ms	7.63ms	1	-
Chrome 75.0	Windows 8.1 64-bit	205.57ms	2.04ms	7.61ms	1	-
Chrome 77.0	OS X 10.12.6 64-bit	206.53ms	0.89ms	32.69ms	1	-
Chrome 74.0	Ubuntu Chromium 64-bit	118.39ms	1.22ms	19.08ms	1	-
Chrome 77.0	OS X 10.14.5 64-bit	93.29ms	1.16ms	88.89ms	1	-
Firefox 52.0	Windows XP	722.00ms	6.00ms	280.00ms	1	-
Firefox 61.0	Ubuntu 64-bit	125.00ms	3.00ms	10.00ms	1	-
Opera 62.0	Windows 10 64-bit	122.51ms	1.65ms	8.86ms	1	-
Safari 12.1.2	iOS 12.4	64.00ms	1.00ms	4.00ms	1	-
Firefox Mobile 66.0	Android 8.1.0	566.00ms	11.00ms	56.00ms	1	-