{ "mockup": { "controls": { "control": [ { "ID": "14813", "typeID": "Label", "zOrder": "8", "measuredW": "327", "measuredH": "40", "x": "676", "y": "216", "properties": { "text": "Frontend Performance", "size": "32" } }, { "ID": "14848", "typeID": "Canvas", "zOrder": "9", "w": "361", "h": "150", "measuredW": "100", "measuredH": "70", "x": "1089", "y": "148" }, { "ID": "14849", "typeID": "Label", "zOrder": "10", "measuredW": "332", "measuredH": "26", "x": "1105", "y": "166", "properties": { "text": "Find the detailed version of this checklist", "size": "18" } }, { "ID": "14850", "typeID": "Label", "zOrder": "11", "measuredW": "318", "measuredH": "26", "x": "1105", "y": "194", "properties": { "size": "18", "text": "With details on how to implement these" } }, { "ID": "14853", "typeID": "Canvas", "zOrder": "14", "w": "373", "h": "169", "measuredW": "100", "measuredH": "70", "x": "226", "y": "138" }, { "ID": "14854", "typeID": "__group__", "zOrder": "15", "measuredW": "191", "measuredH": "27", "w": "191", "h": "27", "x": "256", "y": "212", "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": "14855", "typeID": "__group__", "zOrder": "16", "measuredW": "202", "measuredH": "27", "w": "202", "h": "27", "x": "256", "y": "248", "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": "14856", "typeID": "Label", "zOrder": "17", "measuredW": "209", "measuredH": "32", "x": "256", "y": "162", "properties": { "size": "24", "text": "Related Roadmaps" } }, { "ID": "14857", "typeID": "Arrow", "zOrder": "18", "w": "1", "h": "76", "measuredW": "150", "measuredH": "100", "x": "802", "y": "124", "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": "14882", "typeID": "TextArea", "zOrder": "19", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "461" }, { "ID": "14915", "typeID": "TextArea", "zOrder": "21", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "500" }, { "ID": "14920", "typeID": "TextArea", "zOrder": "23", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1108" }, { "ID": "14922", "typeID": "TextArea", "zOrder": "25", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "501" }, { "ID": "14926", "typeID": "TextArea", "zOrder": "27", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1147" }, { "ID": "14929", "typeID": "TextArea", "zOrder": "29", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "540" }, { "ID": "14931", "typeID": "TextArea", "zOrder": "31", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1190" }, { "ID": "14933", "typeID": "TextArea", "zOrder": "33", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "579" }, { "ID": "14935", "typeID": "TextArea", "zOrder": "35", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "619" }, { "ID": "14937", "typeID": "TextArea", "zOrder": "37", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "658" }, { "ID": "14939", "typeID": "TextArea", "zOrder": "39", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1232" }, { "ID": "14941", "typeID": "TextArea", "zOrder": "41", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1272" }, { "ID": "14943", "typeID": "TextArea", "zOrder": "43", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1311" }, { "ID": "14945", "typeID": "TextArea", "zOrder": "45", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1351" }, { "ID": "14947", "typeID": "TextArea", "zOrder": "47", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "696" }, { "ID": "14949", "typeID": "TextArea", "zOrder": "49", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "736" }, { "ID": "14951", "typeID": "TextArea", "zOrder": "51", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "540" }, { "ID": "14953", "typeID": "TextArea", "zOrder": "53", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "580" }, { "ID": "14955", "typeID": "TextArea", "zOrder": "55", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "620" }, { "ID": "14957", "typeID": "TextArea", "zOrder": "57", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "660" }, { "ID": "14959", "typeID": "TextArea", "zOrder": "59", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "700" }, { "ID": "14961", "typeID": "TextArea", "zOrder": "61", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "777" }, { "ID": "14964", "typeID": "TextArea", "zOrder": "63", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "740" }, { "ID": "14966", "typeID": "TextArea", "zOrder": "65", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "816" }, { "ID": "14968", "typeID": "TextArea", "zOrder": "67", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "781" }, { "ID": "14970", "typeID": "TextArea", "zOrder": "69", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "1391" }, { "ID": "14972", "typeID": "TextArea", "zOrder": "71", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "824" }, { "ID": "14974", "typeID": "TextArea", "zOrder": "73", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "865" }, { "ID": "14976", "typeID": "TextArea", "zOrder": "75", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "860" }, { "ID": "14978", "typeID": "TextArea", "zOrder": "77", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "901" }, { "ID": "14980", "typeID": "TextArea", "zOrder": "79", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "941" }, { "ID": "14982", "typeID": "TextArea", "zOrder": "81", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "982" }, { "ID": "14984", "typeID": "TextArea", "zOrder": "83", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "849", "y": "906" }, { "ID": "14986", "typeID": "TextArea", "zOrder": "85", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "850", "y": "949" }, { "ID": "14988", "typeID": "TextArea", "zOrder": "87", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "1025" }, { "ID": "14992", "typeID": "TextArea", "zOrder": "89", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "1065" }, { "ID": "14994", "typeID": "TextArea", "zOrder": "91", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "1105" }, { "ID": "14996", "typeID": "TextArea", "zOrder": "93", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "1146" }, { "ID": "14998", "typeID": "TextArea", "zOrder": "95", "w": "29", "h": "30", "measuredW": "200", "measuredH": "140", "x": "245", "y": "1186" }, { "ID": "15024", "typeID": "Label", "zOrder": "97", "measuredW": "111", "measuredH": "28", "x": "404", "y": "390", "properties": { "text": "High Priority", "size": "20" } }, { "ID": "15028", "typeID": "Arrow", "zOrder": "98", "w": "1", "h": "1583", "measuredW": "150", "measuredH": "100", "x": "804", "y": "277", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", "p0": { "x": 0, "y": -0.48484848484849863 }, "p1": { "x": 0.49999999999999994, "y": 0 }, "p2": { "x": 0, "y": 1582.047272727273 }, "color": "4273622" } }, { "ID": "15030", "typeID": "Arrow", "zOrder": "4", "w": "726", "h": "1", "measuredW": "150", "measuredH": "100", "x": "806", "y": "1042", "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": "15031", "typeID": "Arrow", "zOrder": "99", "w": "630", "h": "1", "measuredW": "150", "measuredH": "100", "x": "171", "y": "1286", "properties": { "curvature": "0", "leftArrow": "false", "rightArrow": "false", "color": "4273622", "p0": { "x": 0.48416950727948915, "y": 0 }, "p1": { "x": 0.4997238005050516, "y": 0.00038783741855417725 }, "p2": { "x": 630.4475453407811, "y": 0 } } }, { "ID": "15034", "typeID": "Canvas", "zOrder": "12", "w": "329", "h": "51", "measuredW": "100", "measuredH": "70", "x": "1105", "y": "230", "properties": { "color": "4273622", "borderColor": "4273622" } }, { "ID": "15035", "typeID": "Label", "zOrder": "13", "measuredW": "172", "measuredH": "28", "x": "1184", "y": "242", "properties": { "color": "16777215", "size": "20", "text": "https://roadmap.sh" } }, { "ID": "15036", "typeID": "Canvas", "zOrder": "6", "w": "189", "h": "50", "measuredW": "100", "measuredH": "70", "x": "365", "y": "379", "properties": { "color": "16776960" } }, { "ID": "15037", "typeID": "Arrow", "zOrder": "5", "w": "1252", "h": "1", "measuredW": "150", "measuredH": "100", "x": "215", "y": "403", "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": "15038", "typeID": "Canvas", "zOrder": "100", "w": "202", "h": "50", "measuredW": "100", "measuredH": "70", "x": "997", "y": "377", "properties": { "color": "16776960" } }, { "ID": "15039", "typeID": "Label", "zOrder": "101", "measuredW": "142", "measuredH": "28", "x": "1027", "y": "388", "properties": { "size": "20", "text": "Medium Priority" } }, { "ID": "15040", "typeID": "Canvas", "zOrder": "102", "w": "202", "h": "50", "measuredW": "100", "measuredH": "70", "x": "997", "y": "1017", "properties": { "color": "16776960" } }, { "ID": "15041", "typeID": "Label", "zOrder": "103", "measuredW": "104", "measuredH": "28", "x": "1046", "y": "1028", "properties": { "size": "20", "text": "Low Priority" } }, { "ID": "15044", "typeID": "Canvas", "zOrder": "104", "w": "242", "h": "50", "measuredW": "100", "measuredH": "70", "x": "339", "y": "1260", "properties": { "color": "4273622", "borderColor": "4273622" } }, { "ID": "15045", "typeID": "Label", "zOrder": "105", "measuredW": "169", "measuredH": "28", "x": "375", "y": "1271", "properties": { "size": "20", "text": "Performance Tools", "color": "16777215" } }, { "ID": "15057", "typeID": "Arrow", "zOrder": "3", "w": "1", "h": "79", "measuredW": "150", "measuredH": "100", "x": "459", "y": "1299", "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": "15058", "typeID": "Canvas", "zOrder": "111", "w": "272", "h": "50", "measuredW": "100", "measuredH": "70", "x": "985", "y": "1475", "properties": { "color": "4273622", "borderColor": "4273622" } }, { "ID": "15059", "typeID": "Label", "zOrder": "112", "measuredW": "151", "measuredH": "28", "x": "1045", "y": "1486", "properties": { "size": "20", "text": "More Resources", "color": "16777215" } }, { "ID": "15060", "typeID": "Arrow", "zOrder": "2", "w": "606", "h": "1", "measuredW": "150", "measuredH": "100", "x": "806", "y": "1500", "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": "15065", "typeID": "Arrow", "zOrder": "1", "w": "1", "h": "90", "measuredW": "150", "measuredH": "100", "x": "1108", "y": "1501", "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": "15076", "typeID": "Arrow", "zOrder": "0", "w": "1", "h": "81", "measuredW": "150", "measuredH": "100", "x": "804", "y": "1833", "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": "15077", "typeID": "TextArea", "zOrder": "116", "w": "438", "h": "118", "measuredW": "200", "measuredH": "140", "x": "585", "y": "1747" }, { "ID": "15078", "typeID": "Label", "zOrder": "117", "measuredW": "366", "measuredH": "25", "x": "621", "y": "1766", "properties": { "size": "17", "text": "Continue Learning with following relevant tracks" } }, { "ID": "15079", "typeID": "__group__", "zOrder": "118", "measuredW": "198", "measuredH": "44", "w": "198", "h": "44", "x": "808", "y": "1803", "properties": { "controlName": "ext_link:roadmap.sh/backend" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "198", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "147", "measuredH": "25", "x": "25", "y": "9", "properties": { "size": "17", "text": "Backend Roadmap" } } ] } } }, { "ID": "15080", "typeID": "__group__", "zOrder": "119", "measuredW": "198", "measuredH": "44", "w": "198", "h": "44", "x": "600", "y": "1803", "properties": { "controlName": "ext_link:roadmap.sh/frontend" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "TextArea", "zOrder": "0", "w": "198", "h": "44", "measuredW": "200", "measuredH": "140", "x": "0", "y": "0", "properties": { "color": "16770457" } }, { "ID": "1", "typeID": "Label", "zOrder": "1", "measuredW": "149", "measuredH": "25", "x": "24", "y": "9", "properties": { "size": "17", "text": "Frontend Roadmap" } } ] } } }, { "ID": "15085", "typeID": "__group__", "zOrder": "26", "measuredW": "461", "measuredH": "28", "w": "461", "h": "28", "x": "291", "y": "504", "properties": { "controlName": "101-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": "15086", "typeID": "__group__", "zOrder": "30", "measuredW": "237", "measuredH": "28", "w": "237", "h": "28", "x": "291", "y": "543", "properties": { "controlName": "102-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": "15087", "typeID": "__group__", "zOrder": "34", "measuredW": "389", "measuredH": "28", "w": "389", "h": "28", "x": "291", "y": "582", "properties": { "controlName": "103-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": "15088", "typeID": "__group__", "zOrder": "36", "measuredW": "299", "measuredH": "28", "w": "299", "h": "28", "x": "291", "y": "622", "properties": { "controlName": "104-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": "15089", "typeID": "__group__", "zOrder": "38", "measuredW": "279", "measuredH": "28", "w": "279", "h": "28", "x": "291", "y": "661", "properties": { "controlName": "105-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": "15090", "typeID": "__group__", "zOrder": "48", "measuredW": "458", "measuredH": "28", "w": "458", "h": "28", "x": "291", "y": "697", "properties": { "controlName": "106-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": "15091", "typeID": "__group__", "zOrder": "50", "measuredW": "362", "measuredH": "28", "w": "362", "h": "28", "x": "291", "y": "737", "properties": { "controlName": "107-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": "15094", "typeID": "__group__", "zOrder": "62", "measuredW": "194", "measuredH": "28", "w": "194", "h": "28", "x": "291", "y": "778", "properties": { "controlName": "108-minify-your-javascript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "__group__", "zOrder": "0", "measuredW": "194", "measuredH": "28", "w": "194", "h": "28", "x": "0", "y": "0", "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "194", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Minify your JavaScript" } } ] } } } ] } } }, { "ID": "15095", "typeID": "__group__", "zOrder": "66", "measuredW": "391", "measuredH": "28", "w": "391", "h": "28", "x": "291", "y": "817", "properties": { "controlName": "109-use-non-blocking-javascript" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "391", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Non Blocking JavaScript: Use async / defer" } } ] } } }, { "ID": "15096", "typeID": "__group__", "zOrder": "76", "measuredW": "249", "measuredH": "28", "w": "249", "h": "28", "x": "291", "y": "861", "properties": { "controlName": "110-use-https-on-your-website" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "249", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Use HTTPs on your website" } } ] } } }, { "ID": "15097", "typeID": "__group__", "zOrder": "78", "measuredW": "469", "measuredH": "28", "w": "469", "h": "28", "x": "292", "y": "902", "properties": { "controlName": "111-page-weight-below-1500" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "469", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Keep your page weight < 1500 KB (ideally < 500 kb)" } } ] } } }, { "ID": "15098", "typeID": "__group__", "zOrder": "80", "measuredW": "350", "measuredH": "28", "w": "350", "h": "28", "x": "292", "y": "942", "properties": { "controlName": "112-page-load-time-below-3s" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "350", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Keep your page load time < 3 seconds" } } ] } } }, { "ID": "15099", "typeID": "__group__", "zOrder": "82", "measuredW": "380", "measuredH": "28", "w": "380", "h": "28", "x": "292", "y": "983", "properties": { "controlName": "113-keep-ttfb-less-1-3s" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "380", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Keep the Time To First Byte < 1.3 seconds" } } ] } } }, { "ID": "15100", "typeID": "__group__", "zOrder": "88", "measuredW": "229", "measuredH": "28", "w": "229", "h": "28", "x": "293", "y": "1026", "properties": { "controlName": "114-minimize-http-requests" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "229", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Minimize HTTP Requests" } } ] } } }, { "ID": "15101", "typeID": "__group__", "zOrder": "90", "measuredW": "309", "measuredH": "28", "w": "309", "h": "28", "x": "293", "y": "1066", "properties": { "controlName": "115-use-same-protocol" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "309", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Serve files from the same protocol" } } ] } } }, { "ID": "15102", "typeID": "__group__", "zOrder": "92", "measuredW": "367", "measuredH": "28", "w": "367", "h": "28", "x": "293", "y": "1106", "properties": { "controlName": "116-avoid-404-files" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "367", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Avoid requesting unreachable files (404)" } } ] } } }, { "ID": "15103", "typeID": "__group__", "zOrder": "94", "measuredW": "308", "measuredH": "28", "w": "308", "h": "28", "x": "293", "y": "1147", "properties": { "controlName": "117-use-http-cache-headers" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "308", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "Set HTTP cache headers properly" } } ] } } }, { "ID": "15104", "typeID": "__group__", "zOrder": "96", "measuredW": "333", "measuredH": "28", "w": "333", "h": "28", "x": "293", "y": "1187", "properties": { "controlName": "118-enable-compression" }, "children": { "controls": { "control": [ { "ID": "0", "typeID": "Label", "zOrder": "0", "measuredW": "333", "measuredH": "28", "x": "0", "y": "0", "properties": { "size": "20", "text": "GZIP / Brotli compression is enabled" } } ] } } }, { "ID": "15105", "typeID": "__group__", "zOrder": "20", "measuredW": "481", "measuredH": "28", "w": "481", "h": "28", "x": "897", "y": "462", "properties": { "controlName": "119-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": "15106", "typeID": "__group__", "zOrder": "22", "measuredW": "271", "measuredH": "28", "w": "271", "h": "28", "x": "897", "y": "501", "properties": { "controlName": "120-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": "15107", "typeID": "__group__", "zOrder": "52", "measuredW": "477", "measuredH": "28", "w": "477", "h": "28", "x": "897", "y": "541", "properties": { "controlName": "121-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": "15108", "typeID": "__group__", "zOrder": "54", "measuredW": "501", "measuredH": "28", "w": "501", "h": "28", "x": "897", "y": "581", "properties": { "controlName": "122-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": "15109", "typeID": "__group__", "zOrder": "56", "measuredW": "251", "measuredH": "28", "w": "251", "h": "28", "x": "897", "y": "621", "properties": { "controlName": "123-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": "15110", "typeID": "__group__", "zOrder": "58", "measuredW": "311", "measuredH": "28", "w": "311", "h": "28", "x": "897", "y": "661", "properties": { "controlName": "124-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": "15111", "typeID": "__group__", "zOrder": "60", "measuredW": "516", "measuredH": "28", "w": "516", "h": "28", "x": "897", "y": "701", "properties": { "controlName": "125-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": "15112", "typeID": "__group__", "zOrder": "64", "measuredW": "450", "measuredH": "28", "w": "450", "h": "28", "x": "897", "y": "741", "properties": { "controlName": "126-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