PURE CSS ART GALLERY

Loading artwork...

Maria Duong

Pure CSS art attempt of a friend

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 79.0	Windows 10 64-bit	257.12ms	1.97ms	36.26ms	12	-
Chrome 80.0	Windows 10 64-bit	131.45ms	1.49ms	24.94ms	10	-
Chrome 78.0	Windows 10 64-bit	182.58ms	1.37ms	23.50ms	9	-
Chrome 83.0	Windows 10 64-bit	252.23ms	1.85ms	23.50ms	8	-
Chrome 77.0	Windows 10 64-bit	174.45ms	1.60ms	15.75ms	7	-
Chrome 84.0	Windows 10 64-bit	272.31ms	2.88ms	52.48ms	5	-
Safari 12.0	OS X 10.14	190.50ms	1.50ms	15.75ms	4	-
Chrome 91.0	Windows 10 64-bit	278.55ms	1.45ms	9.23ms	4	-
Google Browser null	null	80.00ms	0.00ms	170.00ms	4	-
Chrome 81.0	Windows 10 64-bit	268.04ms	1.74ms	27.25ms	3	-
Chrome 83.0	OS X 10.15.4 64-bit	123.03ms	2.05ms	15.81ms	3	-
Chrome Mobile 83.0	Android 10	325.13ms	4.70ms	21.70ms	3	-
Safari 12.0	iOS 12.1	135.33ms	1.00ms	2.00ms	3	-
Chrome 74.0	Windows 10 64-bit	187.76ms	1.69ms	22.25ms	3	-
Chrome 76.0	Windows 10 64-bit	299.82ms	1.80ms	33.61ms	3	-
Chrome 75.0	Windows 10 64-bit	183.26ms	2.37ms	21.22ms	3	-
Chrome 78.0	OS X 10.14.6 64-bit	115.41ms	0.95ms	14.53ms	3	-
Chrome 78.0	Linux 64-bit	199.18ms	3.52ms	65.80ms	2	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	156.00ms	1.13ms	5.44ms	2	-
Chrome 79.0	OS X 10.15.1 64-bit	236.49ms	0.94ms	7.89ms	2	-
Chrome 79.0	Linux 64-bit	109.00ms	1.40ms	35.42ms	2	-
Chrome 80.0	OS X 10.14.6 64-bit	176.58ms	2.40ms	10.64ms	2	-
Opera 65.0	Windows 10 64-bit	331.49ms	1.57ms	9.60ms	2	-
Firefox 72.0	OS X 10.14	89.50ms	2.00ms	35.50ms	2	-
Firefox 73.0	Windows 10 64-bit	151.50ms	3.50ms	52.00ms	2	-
Chrome 80.0	OS X 10.15.3 64-bit	113.92ms	1.15ms	30.52ms	2	-
Opera 68.0	Windows 10 64-bit	106.04ms	0.94ms	17.34ms	2	-
Safari 14.0.3	OS X 10.15.6	378.00ms	0.50ms	14.50ms	2	-
Chrome 62.0	Linux 64-bit	78.62ms	1.25ms	8.38ms	2	-
Firefox 86.0	Windows 10 64-bit	2310.00ms	3.00ms	19.00ms	2	-
Chrome 71.0	Windows 10 64-bit	185.00ms	1.20ms	6.95ms	2	-
Chrome 90.0	Windows 10 64-bit	195.88ms	2.16ms	13.06ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	316.16ms	0.83ms	10.96ms	2	-
Safari 11.0	iOS 11.4.1	187.50ms	2.50ms	8.00ms	2	-
Safari 12.0	iOS 12.0.1	170.00ms	1.00ms	8.00ms	2	-
Chrome 91.0	Linux 64-bit	222.10ms	3.65ms	11.15ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	200.20ms	0.90ms	7.95ms	2	-
Chrome 57.0	Linux 64-bit	125.11ms	3.30ms	9.35ms	2	-
Android Browser 4.0	Android 9	181.70ms	3.25ms	22.40ms	2	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	102.14ms	1.87ms	12.65ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	166.52ms	2.28ms	10.31ms	2	-
Chrome 77.0	Linux 64-bit	197.12ms	1.37ms	12.38ms	2	-
Firefox 72.0	Windows 10 64-bit	83.00ms	4.00ms	5.00ms	1	-
Chrome 78.0	OS X 10.13.6 64-bit	276.70ms	5.32ms	13.59ms	1	-
Chrome 78.0	OS X 10.14.4 64-bit	2296.02ms	1.17ms	4.87ms	1	-
Safari 13.0.3	OS X 10.15.1	68.00ms	1.00ms	2.00ms	1	-
Chrome Mobile 78.0	Android 8.1.0	410.80ms	7.30ms	26.50ms	1	-
Chrome 80.0	Linux 64-bit	68.61ms	0.88ms	35.26ms	1	-
Chrome 78.0	OS X 10.14.3 64-bit	194.59ms	2.40ms	11.94ms	1	-
Chrome 79.0	OS X 10.14.6 64-bit	292.67ms	0.96ms	3.29ms	1	-