Наблюдатель за производительностью

<?xml version="1.0" encoding="UTF-8"?> <svg width="800px" height="800px" viewBox="0 0 73 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>the-modern-web/performance-observer</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="the-modern-web/performance-observer" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#464655" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="racing" transform="translate(10.000000, 26.000000)" fill-rule="nonzero"> <g id="Group" transform="translate(1.054688, 0.421875)" fill="#C7CFE2"> <rect id="Rectangle-path" transform="translate(2.668965, 2.931557) rotate(-128.658913) translate(-2.668965, -2.931557) " x="-0.312244155" y="1.99987343" width="5.96241757" height="1.86336755"> </rect> <path d="M20.7278789,5.42351953 C20.1154219,5.34589453 19.7844609,4.66456641 20.1021328,4.13532422 L20.8251211,2.93034375 C21.328207,2.09186719 22.2223711,1.53667969 23.2002773,1.53467578 C23.2057617,1.53467578 23.2112461,1.53467578 23.2167305,1.53467578 L27.8072578,1.53467578 C28.6870781,1.53467578 29.5154297,1.94885156 30.0433008,2.65275 L33.3174727,7.01894531 L20.7278789,5.42351953 Z" id="Shape"> </path> <path d="M33.1220391,0.914097656 C33.043043,0.84965625 32.9557148,0.7846875 32.8601602,0.720140625 L28.7405508,0.720140625 L35.2556719,8.05201172 L38.9797734,6.18996094 C38.979668,6.18985547 34.6295039,2.14386328 33.1220391,0.914097656 Z" id="Shape"> </path> </g> <path d="M43.7585625,5.68075781 L39.9491367,5.68075781 C39.3975352,5.68075781 38.8582734,5.84402344 38.3992734,6.14998828 L37.081125,7.02885937 C36.9239766,7.13358984 36.755543,7.21522266 36.5824688,7.28557031 L33.1223555,2.67099609 C32.9016094,2.37652734 33.1115977,1.95655078 33.4796836,1.95655078 L34.9079414,1.95655078 C34.6264453,1.71175781 34.3757461,1.49828906 34.1766211,1.33586719 C33.4396055,0.734484375 32.0429883,0.0945 28.8643711,0.0945 L24.2713125,0.0945 C22.2465234,0.0945 20.2496836,0.565945312 18.4387852,1.4715 L11.8830586,4.74967969 L3.72410156,4.74967969 C2.18151563,4.74967969 0.930972656,6.00022266 0.930972656,7.54280859 L0.930972656,15.9220898 L7.44820313,17.7841406 L53.0688164,17.7841406 L53.0688164,14.9910117 C53.0688164,9.84919922 48.9004805,5.68075781 43.7585625,5.68075781 Z M21.7825664,5.84539453 C21.1701094,5.76776953 20.8391484,5.08644141 21.1568203,4.55719922 L21.8798086,3.35221875 C22.3828945,2.51374219 23.2770586,1.95855469 24.2549648,1.95655078 C24.2604492,1.95655078 24.2659336,1.95655078 24.271418,1.95655078 L28.8619453,1.95655078 C29.7417656,1.95655078 30.5701172,2.37072656 31.0979883,3.074625 L34.3721602,7.44082031 L21.7825664,5.84539453 Z" id="Shape" fill="#FF6464"> </path> <path d="M53.0688164,18.7152187 L11.1724102,18.7152187 C10.6578281,18.7152187 10.241332,18.2988281 10.241332,17.7841406 C10.241332,17.2694531 10.6577227,16.8530625 11.1724102,16.8530625 L53.0689219,16.8530625 C53.5835039,16.8530625 54,17.2694531 54,17.7841406 C54,18.2988281 53.5835039,18.7152187 53.0688164,18.7152187 Z" id="Shape" fill="#D2555A"> </path> <circle id="Oval" fill="#D7DEED" cx="43.758457" cy="14.9910117" r="4.65517969"> </circle> <path d="M43.7585625,20.5772695 C40.6781367,20.5772695 38.1724102,18.071543 38.1724102,14.9911172 C38.1724102,11.9106914 40.6781367,9.40496484 43.7585625,9.40496484 C46.8389883,9.40496484 49.3447148,11.9106914 49.3447148,14.9911172 C49.3447148,18.0714375 46.8389883,20.5772695 43.7585625,20.5772695 Z M43.7585625,11.2669102 C41.7046641,11.2669102 40.0344609,12.9372187 40.0344609,14.9910117 C40.0344609,17.0448047 41.7047695,18.7151133 43.7585625,18.7151133 C45.8124609,18.7151133 47.4826641,17.0448047 47.4826641,14.9910117 C47.4826641,12.9372187 45.8123555,11.2669102 43.7585625,11.2669102 Z" id="Shape" fill="#464655"> </path> <circle id="Oval" fill="#B8BFD4" cx="43.758457" cy="14.9910117" r="1.86205078"> </circle> <g id="Group" transform="translate(0.000000, 10.230469)" fill="#D2555A"> <path d="M8.38023047,8.48475 C8.30566406,8.48475 8.22930469,8.47567969 8.15389453,8.45658984 L0.705585937,6.59443359 C0.206402344,6.469875 -0.0972421875,5.96436328 0.028265625,5.46612891 C0.151980469,4.96610156 0.658335937,4.66055859 1.15657031,4.78880859 L8.60487891,6.65085937 C9.1040625,6.77541797 9.40770703,7.28092969 9.28219922,7.77916406 C9.176625,8.2029375 8.79757031,8.48475 8.38023047,8.48475 Z" id="Shape"> </path> <path d="M0.931078125,0.105363281 L2.24775,1.42203516 C2.59695703,1.77124219 2.79312891,2.24479687 2.79312891,2.73870703 L2.79312891,6.62248828 L0.931078125,5.69141016 C0.931078125,5.69162109 0.931078125,0.105363281 0.931078125,0.105363281 Z" id="Shape"> </path> <path d="M31.0431445,4.76054297 L14.8965117,4.76054297 C14.3819297,4.76054297 13.9654336,4.34415234 13.9654336,3.82946484 C13.9654336,3.31477734 14.3818242,2.89838672 14.8965117,2.89838672 L31.0431445,2.89838672 C31.7895469,2.89838672 32.4914414,2.60739844 33.0188906,2.08016016 L34.429957,0.66909375 C34.7936133,0.3054375 35.3828672,0.3054375 35.7465234,0.66909375 C36.1101797,1.03275 36.1101797,1.62200391 35.7465234,1.98566016 L34.335457,3.39672656 C33.4561641,4.27601953 32.287043,4.76054297 31.0431445,4.76054297 Z" id="Shape"> </path> </g> <circle id="Oval" fill="#D7DEED" cx="10.2412266" cy="14.9910117" r="4.65517969"> </circle> <path d="M10.241332,20.5772695 C7.16090625,20.5772695 4.65517969,18.071543 4.65517969,14.9911172 C4.65517969,11.9106914 7.16090625,9.40496484 10.241332,9.40496484 C13.3217578,9.40496484 15.8274844,11.9106914 15.8274844,14.9911172 C15.8275898,18.0714375 13.3217578,20.5772695 10.241332,20.5772695 Z M10.241332,11.2669102 C8.18743359,11.2669102 6.51723047,12.9372187 6.51723047,14.9910117 C6.51723047,17.0448047 8.18753906,18.7151133 10.241332,18.7151133 C12.295125,18.7151133 13.9654336,17.0448047 13.9654336,14.9910117 C13.9655391,12.9372187 12.2952305,11.2669102 10.241332,11.2669102 Z" id="Shape" fill="#464655"> </path> <circle id="Oval" fill="#B8BFD4" cx="10.2412266" cy="14.9910117" r="1.86205078"> </circle> <path d="M1.60069922,5.74773047 L37.3421602,9.32185547 C37.8410273,9.37174219 38.3468555,9.29380078 38.8002656,9.07980469 C40.9717617,8.05475391 48.2895,5.44007813 53.0082773,13.9560469 C52.4927461,9.30171094 48.5502187,5.68065234 43.7585625,5.68065234 L39.9489258,5.68065234 C39.3974297,5.68065234 38.858168,5.84391797 38.399168,6.14988281 L37.0810195,7.02875391 C36.9238711,7.13348438 36.7554375,7.21511719 36.5823633,7.28546484 C36.5823633,7.28546484 36.2456016,7.68793359 34.3720547,7.44071484 L26.9118281,6.49529297 C20.6771484,5.71640625 12.7448437,4.74957422 11.8830586,4.74957422 L3.72410156,4.74957422 C2.86885547,4.74967969 2.11296094,5.14233984 1.60069922,5.74773047 Z" id="Shape" fill="#FF8B8B"> </path> <path d="M4.65517969,2.88762891 L2.27316797,2.88762891 C1.47171094,2.88762891 0.760113281,2.37473437 0.506671875,1.61441016 L0.229183594,0.781945312 C0.1164375,0.443707031 0.368191406,0.0945 0.724570313,0.0945 L4.65517969,0.0945 C5.16933984,0.0945 5.58625781,0.511417969 5.58625781,1.02557812 L5.58625781,1.95665625 C5.58615234,2.47092187 5.16933984,2.88762891 4.65517969,2.88762891 Z" id="Shape" fill="#FF6464"> </path> </g> </g> </svg>