Publish Art via Github

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 79.0	Windows 10 64-bit	224.62ms	3.71ms	28.80ms	91	-
Chrome 78.0	Windows 10 64-bit	267.73ms	3.69ms	28.34ms	62	-
Chrome 77.0	Windows 10 64-bit	235.34ms	3.34ms	23.59ms	42	-
Chrome 76.0	Windows 10 64-bit	308.20ms	3.48ms	32.80ms	41	-
Chrome 75.0	Windows 10 64-bit	248.84ms	3.64ms	31.31ms	34	-
Chrome 78.0	OS X 10.14.6 64-bit	179.30ms	2.57ms	29.68ms	29	-
Chrome 74.0	Windows 10 64-bit	264.80ms	4.17ms	24.75ms	21	-
Chrome 78.0	OS X 10.15.1 64-bit	195.27ms	2.94ms	21.89ms	17	-
Chrome 79.0	OS X 10.14.6 64-bit	234.97ms	3.34ms	32.67ms	17	-
Chrome 78.0	Linux 64-bit	262.58ms	4.50ms	25.24ms	15	-
Chrome 80.0	Windows 10 64-bit	251.99ms	3.34ms	25.15ms	15	-
Chrome 79.0	Linux 64-bit	406.57ms	5.37ms	65.64ms	14	-
Firefox 69.0	Windows 10 64-bit	93.62ms	5.15ms	32.23ms	13	-
Chrome 79.0	OS X 10.15.2 64-bit	157.23ms	2.43ms	22.46ms	12	-
Firefox 70.0	Windows 10 64-bit	130.45ms	4.82ms	25.45ms	11	-
Chrome 77.0	OS X 10.14.6 64-bit	244.40ms	2.19ms	35.92ms	11	-
Chrome 76.0	OS X 10.14.5 64-bit	252.19ms	2.86ms	23.48ms	10	-
Firefox 71.0	Windows 10 64-bit	73.30ms	4.20ms	15.00ms	10	-
Firefox 72.0	Windows 10 64-bit	125.80ms	4.00ms	39.20ms	10	-
Chrome 79.0	OS X 10.15.3 64-bit	187.74ms	2.35ms	13.43ms	9	-
Chrome 75.0	OS X 10.14.5 64-bit	256.52ms	2.05ms	17.26ms	9	-
Chrome 73.0	Windows 10 64-bit	301.18ms	5.00ms	21.87ms	8	-
Chrome 75.0	Linux 64-bit	201.48ms	4.82ms	45.35ms	8	-
Chrome Mobile 79.0	Android 10	262.76ms	5.24ms	21.99ms	8	-
Firefox 68.0	Windows 10 64-bit	156.75ms	8.25ms	47.25ms	8	-
Chrome 76.0	Linux 64-bit	229.45ms	5.93ms	23.06ms	8	-
Chrome 77.0	Linux 64-bit	150.80ms	3.29ms	11.86ms	8	-
Chrome 72.0	Windows 10 64-bit	425.78ms	2.99ms	17.41ms	7	-
Chrome 78.0	OS X 10.15.0 64-bit	136.28ms	2.14ms	22.03ms	7	-
Chrome Mobile 78.0	Android 9	220.64ms	8.63ms	26.56ms	7	-
Android Browser 4.0	Android 9	212.70ms	6.76ms	20.76ms	7	-
Firefox 73.0	Windows 10 64-bit	427.17ms	9.17ms	81.00ms	6	-
Firefox 72.0	OS X 10.15	141.67ms	3.67ms	52.17ms	6	-
Chrome 80.0	OS X 10.14.6 64-bit	224.58ms	3.29ms	22.28ms	6	-
Chrome Mobile 75.0	Android 9	320.78ms	7.43ms	33.58ms	6	-
Chrome 79.0	OS X 10.15.1 64-bit	200.66ms	2.59ms	21.95ms	6	-
Safari 13.0.4	iOS 13.3	171.67ms	2.00ms	34.67ms	6	-
Chrome 79.0	Windows Server 2008 R2 / 7 64-bit	240.78ms	5.95ms	25.88ms	6	-
Chrome 77.0	OS X 10.14.5 64-bit	266.82ms	2.48ms	25.64ms	5	-
Safari 12.1	iOS 12.2	289.40ms	3.40ms	8.80ms	5	-
Firefox 67.0	Windows 10 64-bit	361.40ms	8.20ms	27.20ms	5	-
Safari 12.1.1	OS X 10.14.5	141.60ms	1.80ms	5.60ms	5	-
Chrome 78.0	Windows Server 2008 R2 / 7 64-bit	287.28ms	4.83ms	42.10ms	5	-
Safari 12.1.1	iOS 12.3.1	349.60ms	3.60ms	17.60ms	5	-
Opera 65.0	Windows 10 64-bit	336.01ms	3.96ms	47.04ms	5	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	544.96ms	4.49ms	47.28ms	5	-
Chrome Mobile 79.0	Android 9	315.06ms	10.12ms	34.80ms	5	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	196.96ms	4.12ms	15.27ms	5	-
Chrome 76.0	OS X 10.14.6 64-bit	197.67ms	3.11ms	39.22ms	5	-
Safari 12.0	OS X 10.14	224.20ms	1.80ms	9.20ms	5	-