PURE CSS ART GALLERY

Loading artwork...

Yusuke Nakaya

The perfect sun.

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 98.0	Windows 10 64-bit	321.97ms	2.81ms	13.03ms	27	-
Chrome 97.0	Windows 10 64-bit	252.58ms	4.22ms	12.57ms	20	-
Chrome 96.0	Windows 10 64-bit	240.71ms	3.24ms	9.95ms	17	-
Chrome 100.0	Windows 10 64-bit	347.84ms	2.57ms	10.92ms	11	-
Chrome 99.0	Windows 10 64-bit	261.90ms	3.83ms	11.43ms	11	-
Chrome 96.0	OS X 10.15.7 64-bit	267.63ms	2.62ms	9.96ms	9	-
Chrome 98.0	OS X 10.15.7 64-bit	163.26ms	2.13ms	5.18ms	8	-
Firefox 97.0	Windows 10 64-bit	389.75ms	4.00ms	17.50ms	8	-
null null	null	185.67ms	5.34ms	9.24ms	7	-
Chrome 99.0	OS X 10.15.7 64-bit	217.90ms	2.11ms	6.77ms	7	-
Chrome 100.0	OS X 10.15.7 64-bit	211.70ms	1.51ms	6.70ms	7	-
Chrome 97.0	OS X 10.15.7 64-bit	170.28ms	1.94ms	5.98ms	5	-
Firefox 95.0	Windows 10 64-bit	210.75ms	3.25ms	24.00ms	4	-
Chrome Mobile 98.0	Android 11	249.57ms	4.97ms	12.52ms	4	-
Android Browser 4.0	Android 11	230.43ms	6.43ms	25.37ms	3	-
Safari 15.4	OS X 10.15.7	356.67ms	1.67ms	12.33ms	3	-
Opera 82.0	Windows 10 64-bit	198.63ms	2.07ms	7.33ms	3	-
Chrome 97.0	Linux 64-bit	288.13ms	5.90ms	16.33ms	3	-
Safari 15.2	iOS 15.2.1	117.33ms	1.33ms	3.67ms	3	-
Firefox 98.0	Linux 64-bit	487.00ms	9.33ms	45.00ms	3	-
Chrome 99.0	Linux 64-bit	239.40ms	1.80ms	4.83ms	3	-
Chrome 87.0	Linux 64-bit	240.96ms	2.04ms	6.07ms	2	-
Firefox 96.0	Windows 10 64-bit	647.00ms	6.50ms	25.00ms	2	-
Firefox 94.0	Ubuntu 64-bit	202.00ms	5.50ms	13.50ms	2	-
Chrome Mobile 97.0	Android 11	668.45ms	20.90ms	33.00ms	2	-
Chrome 98.0	Linux 64-bit	194.30ms	3.45ms	7.60ms	2	-
Firefox 97.0	OS X 10.15	179.50ms	1.50ms	9.50ms	2	-
Opera 83.0	Windows 10 64-bit	226.60ms	3.05ms	16.70ms	2	-
Chrome Mobile 98.0	Android 12	415.65ms	9.25ms	21.45ms	2	-
Safari 15.3	OS X 10.15.7	135.00ms	1.50ms	16.50ms	2	-
Firefox 98.0	Windows 10 64-bit	285.00ms	2.00ms	7.00ms	2	-
Chrome 101.0	Windows Server 2008 R2 / 7 64-bit	400.75ms	7.55ms	33.40ms	2	-
Chrome 101.0	Linux 64-bit	231.55ms	2.55ms	5.75ms	2	-
Chrome Mobile 79.0	Android 9	1353.90ms	91.70ms	97.10ms	1	-
Chrome 65.0	Windows 10 64-bit	320.80ms	12.60ms	25.80ms	1	-
Chrome Mobile 80.0	Android 9	878.60ms	9.80ms	20.00ms	1	-
Firefox 78.0	Linux 64-bit	42.00ms	3.00ms	6.00ms	1	-
Firefox 78.0	OS X 10.11	300.00ms	5.00ms	28.00ms	1	-
Safari 13.1.2	OS X 10.13.6	613.00ms	2.00ms	10.00ms	1	-
Chrome Mobile 86.0	Android 10	310.90ms	6.00ms	24.40ms	1	-
Chrome 92.0	Linux 64-bit	271.70ms	8.30ms	6.00ms	1	-
Chrome 91.0	Linux 64-bit	437.00ms	11.00ms	31.00ms	1	-
Chrome 95.0	Windows 10 64-bit	178.80ms	3.50ms	8.30ms	1	-
Safari 14.1.2	iOS 14.8	155.00ms	2.00ms	6.00ms	1	-
Firefox 95.0	OS X 10.15	299.00ms	2.00ms	10.00ms	1	-
Chrome 96.0	Linux 64-bit	138.00ms	1.40ms	2.00ms	1	-
Chrome 98.0	Windows Server 2008 R2 / 7 64-bit	149.80ms	1.80ms	4.00ms	1	-
Safari 14.1.2	iOS 14.8.1	216.00ms	1.00ms	8.00ms	1	-
Chrome Mobile 96.0	Android 12	254.20ms	12.70ms	24.90ms	1	-
Android Browser 4.0	Android 12	129.10ms	3.30ms	19.90ms	1	-