Цикл событий

<?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>progressive-webapps/rendering-performance/event-loop</title> <desc>Created with Sketch.</desc> <defs> <rect id="path-1" x="0" y="0" width="69" height="69" rx="14"> </rect> </defs> <g id="progressive-webapps/rendering-performance/event-loop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="container" transform="translate(2.000000, 2.000000)"> <rect id="mask" stroke="#8E1414" stroke-width="2" fill="#FFFFFF" fill-rule="nonzero" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g id="roller-coaster"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"> </use> </mask> <rect stroke="#8E1414" stroke-width="2" x="-1" y="-1" width="71" height="71" rx="14"> </rect> <g mask="url(#mask-2)"> <g transform="translate(8.000000, 18.000000)"> <polygon id="Shape" fill="#E94F4F" fill-rule="nonzero" points="7.95 27.3833333 9.71666667 27.3833333 9.71666667 37.1 7.95 37.1"> </polygon> <polygon id="Shape" fill="#E94F4F" fill-rule="nonzero" points="43.2833333 27.3833333 45.05 27.3833333 45.05 37.1 43.2833333 37.1"> </polygon> <path d="M0,40.6333333 L26.5,40.6333333 C37.7206625,40.6333333 46.8166667,31.5373291 46.8166667,20.3166667 C46.8166667,9.0960042 37.7206625,0 26.5,0 C15.2793375,0 6.18333333,9.0960042 6.18333333,20.3166667 L9.71666667,20.3166667 C9.71666667,11.0472737 17.2306071,3.53333333 26.5,3.53333333 C35.7693929,3.53333333 43.2833333,11.0472737 43.2833333,20.3166667 C43.2833333,29.5860596 35.7693929,37.1 26.5,37.1 L0,37.1 L0,40.6333333 Z" id="Shape" fill="#4DB7E5" fill-rule="nonzero"> </path> <path d="M26.5,37.1 C17.2306071,37.1 9.71666667,29.5860596 9.71666667,20.3166667 L6.18332912,20.3166667 C6.17902024,27.0201661 9.4846192,33.2932129 15.0166667,37.0788656 L26.5,37.1 Z" id="Shape" fill="#4DB7E5" fill-rule="nonzero"> </path> <path d="M53,37.1 L37.9488281,37.1 C34.577238,39.4075359 30.585848,40.6393718 26.5,40.6333554 L53,40.6333554" id="Shape" fill="#48ADD9" fill-rule="nonzero"> </path> <polygon id="Shape" fill="#E94F4F" fill-rule="nonzero" points="31.0210449 8.85705569 33.7240967 5.36426592 39.3126464 9.6890625 36.6095948 13.1818522"> </polygon> <polygon id="Shape" fill="#FDBB3D" fill-rule="nonzero" points="36.5802653 13.0248536 40.7407308 11.5363851 43.1220214 18.1933024 38.961556 19.6817708"> </polygon> <path d="M27.7861817,8.46757812 L31.0542562,8.76259766 L31.4519287,4.36361488 L24.4145914,3.72871905 L24.3572266,4.35930179 C24.2588867,5.44794111 24.6358562,6.52579747 25.3915202,7.31596674 C26.0246907,7.97587891 26.8752442,8.38519691 27.7861817,8.46757812 Z" id="Shape" fill="#FDBB3D" fill-rule="nonzero"> </path> <g id="Group" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(25.947917, 8.391667)"> <path d="M8.52839353,4.28511559 C8.52839353,5.2607503 7.73779297,6.05178225 6.76172686,6.05178225 C5.78609215,6.05178225 4.99506019,5.2607503 4.99506019,4.28511559 C4.99506019,3.30948077 5.78609215,2.51844892 6.76172686,2.51844892 C7.73779297,2.51844892 8.52839353,3.30948077 8.52839353,4.28511559 Z" id="Shape" fill="#8C4B32" fill-rule="nonzero"> </path> <path d="M12.0160075,8.7996907 C12.0160075,9.77532552 11.2249756,10.5663574 10.2493408,10.5663574 C9.27370603,10.5663574 8.48267418,9.77532552 8.48267418,8.7996907 C8.48267418,7.82405599 9.27370603,7.03302403 10.2493408,7.03302403 C11.2249756,7.03302403 12.0160075,7.82405599 12.0160075,8.7996907 Z" id="Shape" fill="#8C4B32" fill-rule="nonzero"> </path> <path d="M3.57387701,1.84689122 C3.57387701,2.82295733 2.78284505,3.61355789 1.80721034,3.61355789 C0.831575521,3.61355789 0.040543675,2.82295733 0.040543675,1.84689122 C0.040543675,0.87125651 0.831575521,0.0802245542 1.80721034,0.0802245542 C2.78284505,0.0802245542 3.57387701,0.87125651 3.57387701,1.84689122 Z" id="Shape" fill="#8C4B32" fill-rule="nonzero"> </path> <path d="M12.1661052,14.9196208 C12.1661052,15.8952555 11.3750732,16.6862875 10.3994385,16.6862875 C9.42380368,16.6862875 8.63277184,15.8952555 8.63277184,14.9196208 C8.63277184,13.943986 9.42380368,13.1529541 10.3994385,13.1529541 C11.3750732,13.1529541 12.1661052,13.943986 12.1661052,14.9196208 Z" id="Shape" fill="#8C4B32" fill-rule="nonzero"> </path> </g> <polygon id="Shape" fill="#E94F4F" fill-rule="nonzero" points="37.3639648 26.6039469 38.9404216 19.7154135 43.2458089 20.7005371 41.6693522 27.5890706"> </polygon> <path d="M26.5,34.45 L26.5,32.6833333 C27.0891765,32.6833333 27.6774902,32.6419271 28.2606282,32.5586833 L28.5077718,34.3085286 C27.8426839,34.4025553 27.1715576,34.4495687 26.5,34.45 Z" id="Shape" fill="#E0E0DE" fill-rule="nonzero"> </path> <path d="M30.6621907,33.8314942 L30.14375,32.1428955 C31.9173177,31.5925375 33.545101,30.6518391 34.9076253,29.3902425 L36.1088379,30.6850505 C34.5517904,32.1282308 32.6902344,33.2034994 30.6621907,33.8314942 Z" id="Shape" fill="#E0E0DE" fill-rule="nonzero"> </path> <path d="M50.35,44.1666667 L45.6391765,40.6333333 L42.6941568,40.6333333 L37.9833333,44.1666667 L37.9833333,40.6333333 L36.2166667,40.6333333 L36.2166667,44.1666667 L31.5058432,40.6333333 L28.5608235,40.6333333 L23.85,44.1666667 L23.85,40.6333333 L22.0833333,40.6333333 L22.0833333,44.1666667 L17.3725098,40.6333333 L14.4274902,40.6333333 L9.71666667,44.1666667 L9.71666667,40.6333333 L7.95,40.6333333 L7.95,44.1666667 L3.23917649,40.6333333 L0.883333333,40.6333333 L0.883333333,52.1166667 L2.65,52.1166667 L2.65,51.675 L7.95,47.7 L7.95,52.1166667 L9.71666667,52.1166667 L9.71666667,47.7 L15.0166667,51.675 L15.0166667,52.1166667 L16.7833333,52.1166667 L16.7833333,51.675 L22.0833333,47.7 L22.0833333,52.1166667 L23.85,52.1166667 L23.85,47.7 L29.15,51.675 L29.15,52.1166667 L30.9166667,52.1166667 L30.9166667,51.675 L36.2166667,47.7 L36.2166667,52.1166667 L37.9833333,52.1166667 L37.9833333,47.7 L43.2833333,51.675 L43.2833333,52.1166667 L45.05,52.1166667 L45.05,51.675 L50.35,47.7 L50.35,52.1166667 L52.1166667,52.1166667 L52.1166667,40.6333333 L50.35,40.6333333 L50.35,44.1666667 Z M2.65,49.4666667 L2.65,46.8166667 L6.18333333,46.8166667 L2.65,49.4666667 Z M2.65,45.05 L2.65,42.4 L6.18333333,45.05 L2.65,45.05 Z M15.0166667,49.4666667 L11.4833333,46.8166667 L15.0166667,46.8166667 L15.0166667,49.4666667 Z M15.0166667,45.05 L11.4833333,45.05 L15.0166667,42.4 L15.0166667,45.05 Z M16.7833333,49.4666667 L16.7833333,46.8166667 L20.3166667,46.8166667 L16.7833333,49.4666667 Z M16.7833333,45.05 L16.7833333,42.4 L20.3166667,45.05 L16.7833333,45.05 Z M29.15,49.4666667 L25.6166667,46.8166667 L29.15,46.8166667 L29.15,49.4666667 Z M29.15,45.05 L25.6166667,45.05 L29.15,42.4 L29.15,45.05 Z M30.9166667,49.4666667 L30.9166667,46.8166667 L34.45,46.8166667 L30.9166667,49.4666667 Z M30.9166667,45.05 L30.9166667,42.4 L34.45,45.05 L30.9166667,45.05 Z M43.2833333,49.4666667 L39.75,46.8166667 L43.2833333,46.8166667 L43.2833333,49.4666667 Z M43.2833333,45.05 L39.75,45.05 L43.2833333,42.4 L43.2833333,45.05 Z M45.05,49.4666667 L45.05,46.8166667 L48.5833333,46.8166667 L45.05,49.4666667 Z M45.05,45.05 L45.05,42.4 L48.5833333,45.05 L45.05,45.05 Z" id="Shape" fill="#E94F4F" fill-rule="nonzero"> </path> </g> </g> </g> </g> </g> </svg>