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	-
Google Browser null	null	80.00ms	0.00ms	170.00ms	4	-
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 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	-
Chrome 62.0	Linux 64-bit	78.62ms	1.25ms	8.38ms	2	-
Chrome 71.0	Windows 10 64-bit	185.00ms	1.20ms	6.95ms	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 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	-
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	-
Firefox 77.0	Windows 10 64-bit	281.00ms	8.00ms	22.00ms	1	-
Chrome 85.0	Windows 10 64-bit	165.10ms	1.51ms	33.44ms	1	-
Firefox 77.0	OS X 10.15	115.00ms	2.00ms	76.00ms	1	-
Firefox 79.0	Windows 10 64-bit	107.00ms	2.00ms	36.00ms	1	-
Chrome 58.0	Windows 10 64-bit	218.07ms	5.16ms	49.44ms	1	-
Chrome 74.0	Windows Server 2008 R2 / 7	556.35ms	5.11ms	24.27ms	1	-
Chrome 84.0	OS X 10.15.5 64-bit	44.33ms	0.62ms	3.58ms	1	-
Safari 13.1.2	OS X 10.14.6	51.00ms	0.00ms	3.00ms	1	-
Firefox 79.0	Windows 8.1	214.00ms	5.00ms	61.00ms	1	-
Firefox 82.0	Windows 10 64-bit	92.00ms	3.00ms	5.00ms	1	-
Firefox 83.0	Windows 10 64-bit	609.00ms	2.00ms	23.00ms	1	-
Safari 14.0.1	OS X 10.15.6	249.00ms	1.00ms	3.00ms	1	-
Firefox 84.0	Windows 10 64-bit	461.00ms	1.00ms	22.00ms	1	-
Firefox 85.0	OS X 10.15	175.00ms	1.00ms	12.00ms	1	-