PURE CSS ART GALLERY

Loading artwork...

Grzegorz Witczak

// Pure CSS photorealistic mobile phone // Based on https://dribbble.com/shots/4449159-Crypto-Market // and on https://dribbble.com/shots/3900867-Yota-Future-Plan-Overview

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 84.0	Windows 10 64-bit	407.31ms	4.80ms	31.38ms	143	-
Chrome 83.0	Windows 10 64-bit	310.02ms	3.58ms	31.48ms	131	-
Chrome 80.0	Windows 10 64-bit	317.43ms	4.37ms	31.48ms	117	-
Chrome 91.0	Windows 10 64-bit	292.58ms	3.04ms	12.62ms	107	-
Chrome 79.0	Windows 10 64-bit	230.06ms	3.75ms	31.24ms	104	-
Chrome 90.0	Windows 10 64-bit	301.23ms	2.90ms	11.94ms	73	-
Chrome 89.0	Windows 10 64-bit	569.97ms	4.14ms	18.21ms	62	-
Chrome 78.0	Windows 10 64-bit	267.73ms	3.69ms	28.34ms	62	-
Chrome 77.0	Windows 10 64-bit	233.61ms	3.31ms	23.15ms	43	-
Chrome 76.0	Windows 10 64-bit	305.38ms	3.44ms	32.17ms	42	-
Chrome 83.0	OS X 10.15.5 64-bit	218.83ms	2.67ms	28.03ms	38	-
Chrome 91.0	OS X 10.15.7 64-bit	308.65ms	3.40ms	12.90ms	36	-
Chrome 84.0	OS X 10.15.5 64-bit	310.94ms	2.77ms	26.67ms	35	-
Chrome 75.0	Windows 10 64-bit	248.84ms	3.64ms	31.31ms	34	-
Chrome 84.0	OS X 10.15.6 64-bit	277.27ms	2.81ms	25.03ms	31	-
Chrome 80.0	Linux 64-bit	420.99ms	5.47ms	43.92ms	30	-
Chrome 81.0	Windows 10 64-bit	252.66ms	3.55ms	31.50ms	29	-
Chrome 78.0	OS X 10.14.6 64-bit	179.30ms	2.57ms	29.68ms	29	-
Chrome 80.0	OS X 10.15.3 64-bit	225.69ms	2.34ms	31.46ms	24	-
Chrome 90.0	OS X 10.15.7 64-bit	726.12ms	2.53ms	12.30ms	23	-
Chrome 80.0	OS X 10.14.6 64-bit	253.89ms	3.61ms	26.83ms	22	-
Chrome 74.0	Windows 10 64-bit	264.80ms	4.17ms	24.75ms	21	-
Firefox 79.0	Windows 10 64-bit	239.53ms	3.58ms	41.26ms	19	-
Chrome 84.0	OS X 10.14.6 64-bit	474.27ms	3.02ms	19.71ms	19	-
Firefox 89.0	Windows 10 64-bit	635.00ms	3.74ms	23.16ms	19	-
Chrome 83.0	OS X 10.14.6 64-bit	293.88ms	3.59ms	27.49ms	18	-
Chrome Mobile 84.0	Android 10	299.36ms	7.13ms	40.67ms	18	-
Chrome 78.0	OS X 10.15.1 64-bit	195.27ms	2.94ms	21.89ms	17	-
Chrome 79.0	Linux 64-bit	367.66ms	4.90ms	55.69ms	17	-
Firefox 78.0	Windows 10 64-bit	144.24ms	3.71ms	38.65ms	17	-
Chrome 79.0	OS X 10.14.6 64-bit	234.97ms	3.34ms	32.67ms	17	-
Chrome Mobile 80.0	Android 10	222.59ms	4.90ms	19.47ms	16	-
Chrome 78.0	Linux 64-bit	264.74ms	4.40ms	23.99ms	16	-
Chrome 84.0	Linux 64-bit	325.46ms	6.11ms	34.46ms	16	-
Chrome 91.0	Linux 64-bit	469.87ms	7.51ms	18.00ms	15	-
Firefox 86.0	Windows 10 64-bit	395.73ms	3.07ms	30.67ms	15	-
Android Browser 4.0	Android 9	269.01ms	6.93ms	22.48ms	14	-
Chrome Mobile 83.0	Android 10	472.66ms	8.08ms	26.69ms	14	-
Safari 14.0.3	OS X 10.15.6	198.64ms	1.93ms	8.29ms	14	-
Chrome 79.0	OS X 10.15.2 64-bit	147.76ms	2.36ms	20.35ms	14	-
Firefox 69.0	Windows 10 64-bit	93.62ms	5.15ms	32.23ms	13	-
Firefox 73.0	Windows 10 64-bit	355.92ms	7.38ms	60.92ms	13	-
Firefox 80.0	Windows 10 64-bit	269.92ms	2.77ms	30.69ms	13	-
Firefox 88.0	Windows 10 64-bit	477.23ms	3.62ms	37.92ms	13	-
Chrome 83.0	Linux 64-bit	251.04ms	4.17ms	39.43ms	12	-
Firefox 77.0	Windows 10 64-bit	231.75ms	3.92ms	57.75ms	12	-
Firefox 83.0	Windows 10 64-bit	392.27ms	4.64ms	62.00ms	11	-
Chrome 83.0	OS X 10.15.4 64-bit	323.14ms	2.74ms	21.14ms	11	-
Firefox 85.0	Windows 10 64-bit	657.45ms	2.55ms	40.45ms	11	-
Firefox 78.0	OS X 10.15	260.27ms	4.00ms	61.27ms	11	-