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 76.0	Windows 10 64-bit	308.81ms	3.51ms	32.74ms	40	-
Chrome 75.0	Windows 10 64-bit	248.78ms	3.65ms	31.95ms	33	-
Chrome 77.0	Windows 10 64-bit	233.50ms	3.32ms	23.07ms	24	-
Chrome 74.0	Windows 10 64-bit	234.11ms	4.30ms	25.98ms	19	-
Firefox 69.0	Windows 10 64-bit	96.00ms	5.10ms	34.10ms	10	-
Chrome 76.0	OS X 10.14.5 64-bit	252.19ms	2.86ms	23.48ms	10	-
Chrome 75.0	OS X 10.14.5 64-bit	256.52ms	2.05ms	17.26ms	9	-
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 73.0	Windows 10 64-bit	301.18ms	5.00ms	21.87ms	8	-
Chrome 75.0	Linux 64-bit	204.48ms	4.93ms	50.41ms	7	-
Chrome 72.0	Windows 10 64-bit	425.78ms	2.99ms	17.41ms	7	-
Chrome Mobile 75.0	Android 9	320.78ms	7.43ms	33.58ms	6	-
Safari 12.1.1	iOS 12.3.1	349.60ms	3.60ms	17.60ms	5	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	544.96ms	4.49ms	47.28ms	5	-
Chrome 76.0	OS X 10.14.6 64-bit	197.67ms	3.11ms	39.22ms	5	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	196.96ms	4.12ms	15.27ms	5	-
Safari 12.0	OS X 10.14	224.20ms	1.80ms	9.20ms	5	-
Chrome 77.0	Linux 64-bit	177.36ms	3.32ms	10.61ms	5	-
Firefox 67.0	Windows 10 64-bit	361.40ms	8.20ms	27.20ms	5	-
Safari 12.1	iOS 12.2	289.40ms	3.40ms	8.80ms	5	-
Safari 12.1.1	OS X 10.14.5	155.25ms	1.75ms	6.50ms	4	-
Chrome 70.0	Windows 10 64-bit	171.43ms	4.22ms	26.55ms	4	-
Chrome 77.0	OS X 10.14.6 64-bit	150.44ms	2.63ms	66.68ms	4	-
Chrome 75.0	OS X 10.13.6 64-bit	318.79ms	2.69ms	55.54ms	4	-
Chrome 71.0	Windows 10 64-bit	166.73ms	3.03ms	15.30ms	3	-
Chrome 48.0	Linux 64-bit	334.78ms	7.44ms	32.68ms	3	-
Chrome 76.0	OS X 10.13.6 64-bit	244.49ms	2.35ms	8.81ms	3	-
Chrome 69.0	Windows 10 64-bit	144.57ms	3.13ms	17.53ms	3	-
Chrome 76.0	Windows 8.1 64-bit	301.88ms	5.87ms	39.75ms	3	-
Chrome Mobile 77.0	Android 9	371.90ms	8.33ms	69.73ms	3	-
Safari 12.0	iOS 12.1	144.33ms	1.67ms	7.00ms	3	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	171.39ms	3.10ms	25.19ms	3	-
Google Browser null	null	40.00ms	0.00ms	140.00ms	3	-
Safari 12.1	OS X 10.14.4	342.33ms	1.33ms	12.67ms	3	-
Chrome 74.0	Linux 64-bit	241.59ms	4.14ms	34.27ms	3	-
Android Browser 4.0	Android 9	117.47ms	6.73ms	17.37ms	3	-
Chrome 76.0	OS X 10.14.4 64-bit	304.40ms	2.55ms	19.92ms	2	-
Chrome 75.0	Windows 8.1 64-bit	355.19ms	6.73ms	119.89ms	2	-
Chrome 62.0	Linux 64-bit	116.34ms	4.40ms	23.51ms	2	-
Firefox 64.0	OS X 10.14	372.50ms	4.50ms	12.50ms	2	-
Chrome 78.0	Windows 10 64-bit	171.78ms	4.32ms	15.17ms	2	-
Chrome 69.0	OS X 10.14.0 64-bit	152.70ms	2.35ms	11.70ms	2	-
Chrome 67.0	OS X 10.12.6 64-bit	123.70ms	4.25ms	92.65ms	2	-
Firefox 62.0	OS X 10.14	489.50ms	5.50ms	10.50ms	2	-
Safari 11.0	iOS 11.4.1	203.00ms	3.50ms	8.50ms	2	-
Safari 12.0	iOS 12.0.1	174.00ms	1.50ms	9.00ms	2	-
Android Browser 4.0	Android 6.0.1	475.88ms	25.26ms	50.04ms	2	-
Chrome 71.0	OS X 10.14.0 64-bit	198.75ms	2.95ms	10.75ms	2	-
Safari 13.0.1	OS X 10.14.6	147.50ms	2.50ms	9.00ms	2	-