{"mockup":{"controls":{"control":[{"ID":"15137","typeID":"Arrow","zOrder":"0","w":"1","h":"81","measuredW":"150","measuredH":"100","x":"814","y":"1843","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","stroke":"dotted","color":"10027263","p0":{"x":0,"y":0},"p1":{"x":0.49999999999999994,"y":0},"p2":{"x":0,"y":81.09090909090901}}},{"ID":"15138","typeID":"Arrow","zOrder":"1","w":"1","h":"90","measuredW":"150","measuredH":"100","x":"1118","y":"1511","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"4273622","stroke":"dotted","p0":{"x":0,"y":-0.48484848484849863},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":89.20412121212144}}},{"ID":"15139","typeID":"Arrow","zOrder":"2","w":"606","h":"1","measuredW":"150","measuredH":"100","x":"816","y":"1510","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","p0":{"x":0.4393939393939945,"y":0},"p1":{"x":0.499957866859274,"y":0.000355669369753909},"p2":{"x":606.8787878787878,"y":0},"color":"4273622"}},{"ID":"15140","typeID":"Arrow","zOrder":"3","w":"1","h":"79","measuredW":"150","measuredH":"100","x":"469","y":"1309","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"4273622","p0":{"x":0,"y":-0.48484848484849863},"p1":{"x":0.5,"y":0},"p2":{"x":0,"y":78.78896363636386},"stroke":"dotted"}},{"ID":"15141","typeID":"Arrow","zOrder":"4","w":"726","h":"1","measuredW":"150","measuredH":"100","x":"816","y":"1052","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","color":"4273622","p0":{"x":-0.2686368305519409,"y":0},"p1":{"x":0.5001077701859017,"y":0.0003391382343339101},"p2":{"x":725.5310311167375,"y":0}}},{"ID":"15142","typeID":"Arrow","zOrder":"5","w":"1252","h":"1","measuredW":"150","measuredH":"100","x":"225","y":"413","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.49994495226877456,"y":0.0003335799224988863},"p2":{"x":1252,"y":0},"color":"4273622"}},{"ID":"15143","typeID":"Canvas","zOrder":"6","w":"189","h":"50","measuredW":"100","measuredH":"70","x":"375","y":"389","properties":{"color":"16776960"}},{"ID":"15145","typeID":"Label","zOrder":"9","measuredW":"327","measuredH":"40","x":"686","y":"226","properties":{"text":"Frontend Performance","size":"32"}},{"ID":"15146","typeID":"Canvas","zOrder":"10","w":"361","h":"150","measuredW":"100","measuredH":"70","x":"1099","y":"158"},{"ID":"15147","typeID":"Label","zOrder":"11","measuredW":"332","measuredH":"26","x":"1115","y":"176","properties":{"text":"Find the detailed version of this checklist","size":"18"}},{"ID":"15148","typeID":"Label","zOrder":"12","measuredW":"318","measuredH":"26","x":"1115","y":"204","properties":{"size":"18","text":"With details on how to implement these"}},{"ID":"15149","typeID":"Canvas","zOrder":"13","w":"329","h":"51","measuredW":"100","measuredH":"70","x":"1115","y":"240","properties":{"color":"4273622","borderColor":"4273622"}},{"ID":"15150","typeID":"Label","zOrder":"14","measuredW":"172","measuredH":"28","x":"1194","y":"252","properties":{"color":"16777215","size":"20","text":"https://roadmap.sh"}},{"ID":"15151","typeID":"Canvas","zOrder":"15","w":"373","h":"169","measuredW":"100","measuredH":"70","x":"236","y":"148"},{"ID":"15152","typeID":"__group__","zOrder":"16","measuredW":"191","measuredH":"27","w":"191","h":"27","x":"266","y":"222","properties":{"controlName":"ext_link:roadmap.sh/frontend"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"158","measuredH":"26","x":"33","y":"0","properties":{"size":"18","text":"Frontend Roadmap"}},{"ID":"1","typeID":"__group__","zOrder":"1","measuredW":"24","measuredH":"24","w":"24","h":"24","x":"0","y":"3","children":{"controls":{"control":[{"ID":"0","typeID":"Icon","zOrder":"0","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}}]}}},{"ID":"15153","typeID":"__group__","zOrder":"17","measuredW":"202","measuredH":"27","w":"202","h":"27","x":"266","y":"258","properties":{"controlName":"ext_link:roadmap.sh/javascript"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"169","measuredH":"26","x":"33","y":"0","properties":{"size":"18","text":"JavaScript Roadmap"}},{"ID":"1","typeID":"__group__","zOrder":"1","measuredW":"24","measuredH":"24","w":"24","h":"24","x":"0","y":"3","children":{"controls":{"control":[{"ID":"0","typeID":"Icon","zOrder":"0","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"16777215","icon":{"ID":"circle","size":"small"}}},{"ID":"1","typeID":"Icon","zOrder":"1","measuredW":"24","measuredH":"24","x":"0","y":"0","properties":{"color":"10066329","icon":{"ID":"check-circle","size":"small"}}}]}}}]}}},{"ID":"15154","typeID":"Label","zOrder":"18","measuredW":"209","measuredH":"32","x":"266","y":"172","properties":{"size":"24","text":"Related Roadmaps"}},{"ID":"15155","typeID":"Arrow","zOrder":"19","w":"1","h":"76","measuredW":"150","measuredH":"100","x":"812","y":"134","properties":{"curvature":"0","leftArrow":"false","rightArrow":"false","p0":{"x":0,"y":0},"p1":{"x":0.49999999999999994,"y":0},"p2":{"x":0,"y":76.17275043077757},"stroke":"dotted","color":"10027263"}},{"ID":"15157","typeID":"__group__","zOrder":"21","measuredW":"481","measuredH":"28","w":"481","h":"28","x":"907","y":"472","properties":{"controlName":"minify-html"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"481","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Minified HTML - Remove comments and whitespaces"}}]}}},{"ID":"15159","typeID":"__group__","zOrder":"23","measuredW":"271","measuredH":"28","w":"271","h":"28","x":"907","y":"511","properties":{"controlName":"use-cdn"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"271","measuredH":"28","x":"0","y":"0","properties":{"text":"Use Content Delivery Network","size":"20"}}]}}},{"ID":"15161","typeID":"__group__","zOrder":"25","measuredW":"274","measuredH":"28","w":"274","h":"28","x":"903","y":"1121","properties":{"controlName":"pre-load-urls-where-possible"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"274","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Pre-load URLs where possible"}}]}}},{"ID":"15163","typeID":"__group__","zOrder":"27","measuredW":"461","measuredH":"28","w":"461","h":"28","x":"301","y":"514","properties":{"controlName":"minify-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"461","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Minified CSS - Remove comments, whitespaces etc"}}]}}},{"ID":"15165","typeID":"__group__","zOrder":"29","measuredW":"307","measuredH":"28","w":"307","h":"28","x":"903","y":"1158","properties":{"controlName":"concatenate-css-single-file"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"307","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Concatenate CSS into a single file"}}]}}},{"ID":"15167","typeID":"__group__","zOrder":"31","measuredW":"237","measuredH":"28","w":"237","h":"28","x":"301","y":"553","properties":{"controlName":"make-css-files-non-blocking"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"237","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"CSS files are non-blocking"}}]}}},{"ID":"15169","typeID":"__group__","zOrder":"33","measuredW":"191","measuredH":"28","w":"191","h":"28","x":"904","y":"1201","properties":{"controlName":"remove-unused-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"191","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Remove unused CSS"}}]}}},{"ID":"15171","typeID":"__group__","zOrder":"35","measuredW":"389","measuredH":"28","w":"389","h":"28","x":"301","y":"592","properties":{"controlName":"inline-critical-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"389","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Inline the Critical CSS (above the fold CSS)"}}]}}},{"ID":"15173","typeID":"__group__","zOrder":"37","measuredW":"299","measuredH":"28","w":"299","h":"28","x":"301","y":"632","properties":{"controlName":"avoid-inline-css"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"299","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Avoid the embedded / inline CSS"}}]}}},{"ID":"15175","typeID":"__group__","zOrder":"39","measuredW":"279","measuredH":"28","w":"279","h":"28","x":"301","y":"671","properties":{"controlName":"analyse-stylesheets-complexity"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"279","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Analyse stylesheets complexity"}}]}}},{"ID":"15177","typeID":"__group__","zOrder":"41","measuredW":"213","measuredH":"28","w":"213","h":"28","x":"904","y":"1245","properties":{"controlName":"use-woff2-font-format"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"213","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Use WOFF2 font format"}}]}}},{"ID":"15179","typeID":"__group__","zOrder":"43","measuredW":"362","measuredH":"28","w":"362","h":"28","x":"905","y":"1285","properties":{"controlName":"use-preconnect-to-load-fonts"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"362","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Use preconnect to load your fonts faster"}}]}}},{"ID":"15181","typeID":"__group__","zOrder":"45","measuredW":"326","measuredH":"28","w":"326","h":"28","x":"905","y":"1324","properties":{"controlName":"keep-web-font-under-300k"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"326","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Keep the web font size under 300kb"}}]}}},{"ID":"15183","typeID":"__group__","zOrder":"47","measuredW":"269","measuredH":"28","w":"269","h":"28","x":"905","y":"1364","properties":{"controlName":"prevent-flash-text"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"269","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Prevent Flash or Invisible Text"}}]}}},{"ID":"15185","typeID":"__group__","zOrder":"49","measuredW":"458","measuredH":"28","w":"458","h":"28","x":"301","y":"707","properties":{"controlName":"compress-your-images"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"458","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Compress your images / keep the image count low"}}]}}},{"ID":"15187","typeID":"__group__","zOrder":"51","measuredW":"362","measuredH":"28","w":"362","h":"28","x":"301","y":"747","properties":{"controlName":"choose-image-format-approprietly"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"362","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Choose your image format appropriately"}}]}}},{"ID":"15189","typeID":"__group__","zOrder":"53","measuredW":"477","measuredH":"28","w":"477","h":"28","x":"907","y":"551","properties":{"controlName":"prefer-vector-images"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"477","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Prefer using vector image rather than bitmap images"}}]}}},{"ID":"15191","typeID":"__group__","zOrder":"55","measuredW":"501","measuredH":"28","w":"501","h":"28","x":"907","y":"591","properties":{"controlName":"set-width-height-images"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"501","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Set width and height attributes on images (aspect ratio)"}}]}}},{"ID":"15193","typeID":"__group__","zOrder":"57","measuredW":"251","measuredH":"28","w":"251","h":"28","x":"907","y":"631","properties":{"controlName":"avoid-base64-images"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"251","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Avoid using Base64 images"}}]}}},{"ID":"15195","typeID":"__group__","zOrder":"59","measuredW":"311","measuredH":"28","w":"311","h":"28","x":"907","y":"671","properties":{"controlName":"load-offscreen-images-lazily"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"311","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Offscreen images are loaded lazily"}}]}}},{"ID":"15197","typeID":"__group__","zOrder":"61","measuredW":"516","measuredH":"28","w":"516","h":"28","x":"907","y":"711","properties":{"controlName":"serve-exact-size-images"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"516","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Ensure to serve images that are close to your display size"}}]}}},{"ID":"15201","typeID":"__group__","zOrder":"65","measuredW":"450","measuredH":"28","w":"450","h":"28","x":"907","y":"751","properties":{"controlName":"avoid-multiple-inline-js-snippets"},"children":{"controls":{"control":[{"ID":"0","typeID":"Label","zOrder":"0","measuredW":"450","measuredH":"28","x":"0","y":"0","properties":{"size":"20","text":"Avoid multiple inline JavaScript snippets