Ленивая загрузка

<?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/loading-performance/lazy-loading</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="progressive-webapps/loading-performance/lazy-loading" 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="#111632" stroke-width="2"> <rect id="mask" x="-1" y="-1" width="71" height="71" rx="14"> </rect> </g> <g id="lazy" transform="translate(8.000000, 14.000000)" fill-rule="nonzero"> <path d="M53.723037,23.9291267 L45.5003782,23.9291267 C44.906924,23.9291267 44.4257388,23.4479415 44.4257388,22.8544873 C44.4257388,22.2609201 44.906924,21.779848 45.5003782,21.779848 L53.723037,21.779848 C54.3164912,21.779848 54.7976764,22.2610331 54.7976764,22.8544873 C54.7977895,23.4479415 54.3164912,23.9291267 53.723037,23.9291267 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,21.7797349 L45.5003782,21.7797349 C44.906924,21.7797349 44.4257388,21.2985497 44.4257388,20.7050955 C44.4257388,20.1116413 44.906924,19.6304561 45.5003782,19.6304561 L53.723037,19.6304561 C54.3164912,19.6304561 54.7976764,20.1116413 54.7976764,20.7050955 C54.7976764,21.2985497 54.3164912,21.7797349 53.723037,21.7797349 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M53.723037,19.63023 L45.5003782,19.63023 C44.906924,19.63023 44.4257388,19.1490448 44.4257388,18.5555906 C44.4257388,17.9621365 44.906924,17.4809513 45.5003782,17.4809513 L53.723037,17.4809513 C54.3164912,17.4809513 54.7976764,17.9621365 54.7976764,18.5555906 C54.7976764,19.1490448 54.3164912,19.63023 53.723037,19.63023 Z" id="Shape" fill="#A5C8CD"> </path> <path d="M53.723037,17.4809513 L45.5003782,17.4809513 C44.906924,17.4809513 44.4257388,16.9997661 44.4257388,16.4063119 C44.4257388,15.8128577 44.906924,15.3316725 45.5003782,15.3316725 L53.723037,15.3316725 C54.3164912,15.3316725 54.7976764,15.8128577 54.7976764,16.4063119 C54.7976764,16.9997661 54.3164912,17.4809513 53.723037,17.4809513 Z" id="Shape" fill="#C8E6EB"> </path> <path d="M15.321271,13.2992982 C14.4022027,12.8911501 13.9878363,11.815154 14.3960975,10.8959727 L17.4615049,3.99295517 L10.9943353,4.61670955 C9.99273294,4.7131501 9.10351267,3.98006628 9.00695906,2.97891618 C8.91040546,1.97787914 9.64360234,1.08809357 10.6446394,0.991539961 L20.2170136,0.068288499 C20.861345,0.00644444444 21.4904133,0.290904483 21.8690526,0.816070175 C22.247692,1.34134893 22.318807,2.02807797 22.0560546,2.61983626 L17.7244834,12.3738986 C17.3184834,13.2885575 16.2450877,13.7093684 15.321271,13.2992982 Z" id="Shape" fill="#1B224A"> </path> <path d="M10.6445263,0.991879142 C9.64348928,1.08843275 8.9102924,1.97821832 9.006846,2.97925536 C9.10351267,3.9802924 9.99261988,4.71348928 10.9942222,4.61704873 L10.6445263,0.991879142 Z" id="Shape" fill="#F5A287"> </path> <path d="M10.6390994,0.992670565 L11.0123119,4.61523977 L12.2022729,4.50048343 L11.8290604,0.877688109 L10.6445263,0.991879142 C10.6427173,0.992105263 10.6409084,0.992444444 10.6390994,0.992670565 Z" id="Shape" fill="#FFFFFF"> </path> <path d="M16.601115,44.7120078 C15.9470604,44.7120078 15.4170331,44.1818674 15.4170331,43.5279259 L15.4170331,31.2454932 C15.4170331,30.5915517 15.9471735,30.0614113 16.601115,30.0614113 C17.2550565,30.0614113 17.7851969,30.5915517 17.7851969,31.2454932 L17.7851969,43.528152 C17.7851969,44.1819805 17.2550565,44.7120078 16.601115,44.7120078 Z" id="Shape" fill="#6C9BAA"> </path> <path d="M19.6460585,44.3652515 L18.3188421,43.0381481 L14.763883,43.0381481 L13.4366667,44.3652515 C12.9742495,44.8276686 12.2246589,44.8276686 11.7622417,44.3652515 C11.2998246,43.9028343 11.2998246,43.1532437 11.7622417,42.6908265 L13.4362144,41.0168538 C13.6582651,40.7948031 13.9594581,40.6700975 14.2734269,40.6700975 L18.8092982,40.6700975 C19.1232671,40.6700975 19.4245731,40.7949162 19.6465107,41.0168538 L21.3204834,42.6908265 C21.7829006,43.1532437 21.7829006,43.9028343 21.3204834,44.3652515 C20.8580663,44.8276686 20.1084756,44.8277817 19.6460585,44.3652515 Z" id="Shape" fill="#B4D7DC"> </path> <path d="M54.8086433,44.7120078 C54.1545887,44.7120078 53.6245614,44.1818674 53.6245614,43.5279259 L53.6245614,24.9220234 L34.6804951,24.9220234 L34.6804951,43.528152 C34.6804951,44.1820936 34.1503548,44.7122339 33.4964133,44.7122339 C32.8424717,44.7122339 32.3123314,44.1820936 32.3123314,43.528152 L32.3123314,23.7379415 C32.3123314,23.084 32.8424717,22.5539727 33.4964133,22.5539727 L54.8086433,22.5539727 C55.4626979,22.5539727 55.9927251,23.0841131 55.9927251,23.7379415 L55.9927251,43.528039 C55.9928382,44.1819805 55.4626979,44.7120078 54.8086433,44.7120078 Z" id="Shape" fill="#592713"> </path> <path d="M56.1110994,25.5140078 L32.0756959,25.5140078 C31.0948967,25.5140078 30.2996296,24.7188538 30.2996296,23.7379415 C30.2996296,22.7571423 31.0947836,21.9618752 32.0756959,21.9618752 L56.1110994,21.9618752 C57.0918986,21.9618752 57.8871657,22.7570292 57.8871657,23.7379415 C57.8871657,24.7188538 57.0918986,25.5140078 56.1110994,25.5140078 Z" id="Shape" fill="#80391B"> </path> <path d="M16.5422105,32.3746277 C15.8747018,32.3746277 15.2101326,32.1009084 14.7306433,31.5640975 C13.8374659,30.5639649 13.9239571,29.0291696 14.9239766,28.1358791 L26.2518402,18.0175361 C26.7669435,17.5573801 27.4536725,17.3384951 28.1396101,17.4154893 L39.7686667,17.1210799 C41.1013099,17.2703197 42.0604016,18.4715867 41.9110487,19.80423 C41.761809,21.1367602 41.0044172,21.8373957 39.2277856,21.9467251 L28.6772125,22.3621092 L18.1586355,31.7575439 C17.695653,32.1711189 17.1178012,32.3746277 16.5422105,32.3746277 Z" id="Shape" fill="#414B82"> </path> <path d="M14.1880663,30.5526589 L22.4506355,21.4127407 L16.6969903,8.65443665 L9.18683821,11.7979688 C7.84808967,12.3584094 7.21698635,13.8978402 7.7774269,15.2365887 L14.1880663,30.5526589 Z" id="Shape" fill="#1B224A"> </path> <path d="M24.2510097,32.4334191 L10.032191,32.4334191 C9.2420117,32.4334191 8.54680312,31.911306 8.3265614,31.1524444 L2.83860819,12.24354 C2.56522807,11.3016335 3.10723977,10.3163119 4.04925926,10.0428187 C4.99195712,9.76921248 5.97660039,10.3116764 6.24998051,11.2534698 L11.366191,28.8813996 L24.2510097,28.8813996 C25.231809,28.8813996 26.027076,29.6765536 26.027076,30.6574659 C26.027076,31.6383782 25.231809,32.4334191 24.2510097,32.4334191 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M10.7927485,17.4750721 L1.18668226,13.9056413 C0.6802846,13.7175088 0.283555556,13.3142222 0.103789474,12.8047719 C-0.0759766082,12.2953216 -0.0203508772,11.7325068 0.25574269,11.2680546 L4.41907992,4.26588304 C4.93316569,3.40153606 6.05042885,3.1174152 6.91488889,3.63127485 C7.77934893,4.14536062 8.06346979,5.26273684 7.54949708,6.12708382 L4.50206628,11.2522261 L12.0610604,14.0610994 C13.0037583,14.4113606 13.484039,15.4595439 13.1337778,16.4022417 C12.7836296,17.3448265 11.7356725,17.8254464 10.7927485,17.4750721 Z" id="Shape" fill="#252D5C"> </path> <path d="M7.54961014,6.12719688 C8.06358285,5.2628499 7.77946199,4.14536062 6.91500195,3.63138791 C6.05042885,3.1174152 4.93327875,3.40153606 4.41919298,4.2659961 L7.54961014,6.12719688 Z" id="Shape" fill="#F5A287"> </path> <polygon id="Shape" fill="#FFFFFF" points="10.451193 11.2678285 15.7828967 16.8308538 15.1048733 9.29989864"> </polygon> <path d="M15.4527602,13.1633996 L15.3031813,12.4346121 C15.2680195,12.2633255 15.173501,12.1101287 15.0362456,12.0019298 L14.0381481,11.2144639 L14.1504172,10.1236569 C14.170655,9.92647953 13.9716686,9.77904873 13.7888499,9.85626901 L12.1667719,10.5420936 C11.9841793,10.6193138 11.9508265,10.8648811 12.1067368,10.9877778 L12.9704055,11.669306 L12.840499,12.9303821 C12.8226355,13.104269 12.866729,13.2786082 12.9649786,13.4230994 L14.0604211,15.0335322 L15.7828967,16.8306277 L15.4527602,13.1633996 Z" id="Shape" fill="#FF3C3C"> </path> <path d="M3.83591423,5.24690838 L6.99007407,7.06808577 L7.54949708,6.12730994 C7.55616764,6.11611696 7.5611423,6.10435867 7.56758674,6.09293957 L4.41512281,4.27266667 L3.83591423,5.24690838 Z" id="Shape" fill="#FFFFFF"> </path> <circle id="Oval" fill="#FFB69E" cx="9.4865614" cy="5.37353606" r="4.213423"> </circle> </g> </g> </svg>