SCRIPT LOAD AUDIT
See what's blocking your page.
Paste a URL. We'll pull every <script> tag from the page, lay out the load order, and tell you exactly what to defer, combine, or cut.
Load timeline
Segment width =script weight. Left-to-right order matches the document.
Render-blocking (head)
Blocking (body)
Async
Deferred / module
Inline
Script inventory
| # | Location | Loading | Source | Size | Download | Fix |
URLs found only inside scripts
Links or paths that appear inside a script but aren't also written as a real <a href> anchor elsewhere in the HTML. Worth a look if any of these are pages you actually want search engines to find.
Which Scripts Belong in the <head> and Which Should Load at the Bottom?
Not every JavaScript file should be treated the same. Scripts that are required before the page can display correctly - such as critical feature detection, essential polyfills, or code needed during the initial page rendering - normally belong in the <head>. Even then, they should use defer whenever possible so the browser can continue building the page while the script downloads. Most other scripts, including analytics, chat widgets, social media embeds, sliders, image galleries, tracking pixels, advertising code, and features that only become useful after the page has loaded, are better placed just before the closing </body> tag or loaded using defer or async. This allows visitors to see and interact with your content sooner instead of waiting for JavaScript to finish downloading and executing. As a general rule, if a script is not essential for displaying the first visible content, it probably shouldn't block the page from loading.
Should every JavaScript file be placed in the head section?
"No. Only scripts that are essential before the page begins rendering should normally be placed in the head. Most analytics, chat widgets, tracking scripts, social media widgets, and interactive features can be loaded later using defer, async, or by placing them near the end of the page."
Why do scripts in the head slow down a website?
"A normal JavaScript file in the head pauses HTML parsing while the browser downloads and executes it. During that time the page cannot continue rendering, increasing the time visitors wait before seeing visible content."
What is the difference between async and defer?
"Async downloads a script in parallel and executes it as soon as it finishes downloading, which may interrupt HTML parsing. Defer also downloads in parallel but waits until the HTML document has been fully parsed before executing, making it the preferred option for most website functionality."
Can I simply move every script to the bottom of the page?
"Not always. Some scripts must run before the page loads or before other JavaScript files. Moving every script without testing can break menus, forms, plugins, or page functionality. Always test your website after making changes."
My website uses WordPress, Shopify, Wix or another website builder. Can I still optimize my scripts?
"Usually, yes. Many website builders automatically decide where scripts are loaded, so manually moving them may not be possible. However, many platforms offer performance settings, optimization plugins, or theme options that automatically defer or delay non-essential JavaScript."
Does Google recommend reducing render-blocking JavaScript?
"Yes. Reducing render-blocking resources helps improve Core Web Vitals and page loading performance. Faster pages generally provide a better user experience and may contribute to improved search engine performance."
Can this tool detect every JavaScript file on my website?
"No. This tool analyzes the scripts found in the page's initial HTML source. Scripts injected later by JavaScript frameworks, tag managers, or single-page applications may not appear in the report."
Do I need to edit my website's code to improve script loading?
"Not necessarily. Many modern themes, CMS platforms, and page builders include performance options or plugins that optimize JavaScript automatically. If your platform doesn't provide these controls, a developer may be able to safely move or defer scripts without changing your website's functionality."