PURE CSS ART GALLERY

Loading artwork...

Ying Liang

First project - learning how to place basic shapes down with css

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 89.0	Windows 10 64-bit	267.65ms	0.93ms	4.24ms	4	-
Chrome 90.0	OS X 10.15.7 64-bit	243.74ms	0.74ms	3.54ms	3	-
Chrome 91.0	Windows 10 64-bit	327.10ms	0.90ms	3.97ms	3	-
Chrome 90.0	Windows 10 64-bit	597.97ms	2.25ms	52.02ms	2	-
Chrome 92.0	Windows 10 64-bit	391.80ms	0.85ms	6.00ms	2	-
Chrome 92.0	null	54.55ms	0.00ms	280.00ms	2	-
Safari 13.1	OS X 10.15.4	240.00ms	2.00ms	17.00ms	1	-
Chrome 84.0	Windows 10 64-bit	1501.99ms	3.25ms	11.13ms	1	-
Chrome 83.0	Linux 64-bit	81.81ms	1.74ms	16.51ms	1	-
Firefox 78.0	OS X 10.15	274.00ms	2.00ms	9.00ms	1	-
Safari 14.0	OS X 10.15.6	399.00ms	0.00ms	11.00ms	1	-
Firefox 81.0	Windows 10 64-bit	42.00ms	1.00ms	16.00ms	1	-
Firefox 84.0	Windows 10 64-bit	467.00ms	1.00ms	20.00ms	1	-
Firefox 83.0	OS X 10.12	208.00ms	2.00ms	180.00ms	1	-
Chrome 90.0	Linux 64-bit	258.98ms	0.73ms	34.81ms	1	-
Opera 75.0	Windows 10 64-bit	168.49ms	1.12ms	6.14ms	1	-
Chrome Mobile 87.0	Android 11	436.10ms	7.80ms	24.80ms	1	-
Opera 75.0	Windows Server 2008 R2 / 7	301.42ms	3.15ms	33.73ms	1	-
Chrome 93.0	OS X 10.15.7 64-bit	252.90ms	1.00ms	5.80ms	1	-
Safari 14.1.1	OS X 10.15.6	257.00ms	1.00ms	8.00ms	1	-