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	Windows 10 64-bit	597.98ms	2.25ms	52.02ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	262.82ms	0.69ms	3.14ms	2	-
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	-
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	-
Opera 75.0	Windows 10 64-bit	168.49ms	1.12ms	6.13ms	1	-
Opera 75.0	Windows Server 2008 R2 / 7	301.42ms	3.15ms	33.73ms	1	-