The network panel in dev-tools is the most powerful pane to exist in terms of understanding the slowest component of your website. <\/p><\/blockquote>\n\n\n\n Using the network panel is intuitive, as always, open any URL, https:\/\/webfast.co, right click and select Inspect.<\/p>\n\n\n\n Click on the Network tab and you will see a lot of options. The section with Status code is most critical for our current task.<\/p>\n\n\n\n Click on “Time” row to sort it by descending order. Here’s the fun part, you now see the response that takes longest to load. Before we jump to conclusions, it’s important to understand the Waterfall shows how browser is queuing up the requests to download various assets for the HTML page.<\/p><\/blockquote>\n\n\n\n There are few key terminologies associated with Waterfall that are important to understand. Hover your mouse over the horizontal bar graph and you will see the following geek-o-logy.<\/p>\n\n\n\n With 30% of total browser requests being serial, saving 10ms per requests can reduce page load times by 10% aka 270ms.<\/p><\/blockquote>\n\n\n\n When you are optimizing your website, every stage matters. A typical page makes ~80 requests, and optimizing few Do you have a website that is extremely slow for mobile web?<\/strong><\/p><\/blockquote>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" Chrome – the most popular browser on the Internet is also the favorite tool for frontend and backend engineers alike. The plethora of options dev tools offer, encompasses not just HTML, Javascript debugging, it keeps getting rich in features. The network panel in dev-tools is the most powerful pane to exist in terms of understanding… Read More »Best way to use Chrome Dev tools to monitor website speed.<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":367,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_ti_tpc_template_sync":false,"_ti_tpc_template_id":""},"categories":[3],"tags":[],"_links":{"self":[{"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/posts\/333"}],"collection":[{"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/comments?post=333"}],"version-history":[{"count":0,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/posts\/333\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/media\/367"}],"wp:attachment":[{"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/media?parent=333"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/categories?post=333"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webfives.com\/wp-json\/wp\/v2\/tags?post=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/webfives.com\/wp-content\/uploads\/2021\/01\/developer-console-1-1024x207.png\")
![\"\"](\"https:\/\/webfives.com\/wp-content\/uploads\/2021\/01\/dev-tools_1-1024x432.png\")
Waterfall<\/code> column. <\/p>\n\n\n\n![\"\"](\"https:\/\/webfives.com\/wp-content\/uploads\/2021\/01\/waterfall.png\")
![\"\"](\"https:\/\/webfives.com\/wp-content\/uploads\/2021\/01\/number-of-requests-1024x59.png\")
ms<\/code> at every stage adds up!<\/p>\n\n\n\n