Quick Fix with Thunder
Thunder does not change Shopify's servers, but it reduces the work that blocks the page immediately after the document arrives. That matters because a document latency problem often appears alongside render-blocking scripts, app embeds, large payloads, and critical request chains.
Install Thunder to defer non-critical scripts and clean up the first render, then use the manual checks below for redirects, Liquid, and app proxy delays. For related fixes, read the Shopify TTFB guide and critical request chains guide.
Install ThunderWhat Document Request Latency Measures
The document is the first HTML response for the page. Before the browser receives it, it cannot discover your theme CSS, hero image, preload hints, product images, app scripts, or fonts. That makes the first request the gatekeeper for the entire load.
Chrome's document request latency insight points to three broad issues: redirects, slow server response, and missing compression. Screaming Frog also describes it as a newer consolidation of older Lighthouse audits around redirects, TTFB, and compression.
On Shopify, compression and hosting are platform-managed. Your useful levers are storefront configuration, theme code, app behavior, and URL hygiene. Treat the warning as a diagnosis prompt, not a reason to move off Shopify.
What You Cannot Control on Shopify
Not yours to tune
- Server CPU or memory
- Shopify CDN edge routing
- Core platform HTML compression
- Global CDN cache headers
- Checkout infrastructure
Still yours to fix
- Redirect chains and old URLs
- Geolocation or currency redirects
- Slow app proxy dependencies
- Heavy Liquid loops in the first document
- Third-party scripts in theme.liquid head
This distinction matters. Generic advice about upgrading servers, changing databases, or adding nginx rules is not Shopify advice. Focus on the work that changes the initial storefront response and the resources discovered immediately after it.
Step 1: Remove Redirect Chains
Redirects are the easiest document latency fix because each hop delays the real HTML. Common Shopify chains look like this:
http://example.com
-> https://example.com
-> https://www.example.com
-> https://www.example.com/en
-> https://www.example.com/en/collections/all Fix the source link so it points directly to the final canonical URL. Update ad URLs, email links, navigation menus, sitemap URLs, and old campaign links. Shopify's URL redirects are useful for SEO preservation, but they should not sit in the path for your most important landing pages.
Use the Shopify 301 redirects speed guide to audit and clean old chains without breaking inbound links.
Step 2: Audit Geolocation and Currency Redirects
Currency, language, and market-selection apps often redirect the first request based on IP, cookie, or browser language. That can create a slow document request even if Shopify's platform response is fast. The worst pattern is redirecting every new visitor before showing any HTML.
Prefer banners or selectors over automatic redirects where possible. If you must redirect, make sure it happens once, lands on a canonical URL, and does not bounce between app logic and Shopify Markets.
Step 3: Move Third-Party Scripts Out of the Head
Scripts in theme.liquid do not usually delay the HTML bytes themselves, but they can make the document look slow in PageSpeed because they are discovered immediately and compete with critical resources. Move non-critical widgets below the first render and defer scripts that are not needed for the initial viewport:
<!-- Before: blocking script in head -->
<script src="https://example-widget.com/widget.js"></script>
<!-- After: defer and load only where needed -->
{% if template.name == 'product' %}
<script src="https://example-widget.com/widget.js" defer></script>
{% endif %} For deeper cleanup, use the third-party scripts guide, network payload guide, and main-thread work guide.
Step 4: Simplify Heavy Liquid Before the First Byte
Shopify renders Liquid server-side. Most Liquid is fast, but giant nested loops, broad collection scans, dynamic menus, and app snippets that compute too much on every request can make the document slower. Look for homepage sections that loop through huge collections, render hidden carousels, or include product cards that are not visible above the fold.
{%- comment -%}Avoid rendering dozens of hidden cards on first load{%- endcomment -%}
{%- for product in collection.products limit: 8 -%}
{% render 'card-product', product: product %}
{%- endfor -%} Lazy-render below-the-fold sections where possible, limit loops, and remove old app snippets left behind after uninstalling apps. If you are not sure where the theme is slow, start with our Shopify Liquid optimization guide.
Step 5: Debug with DevTools and WebPageTest
In Chrome DevTools, open Network, disable cache, reload, and click the first document request. Compare Redirect, Waiting for server response, and Content Download. If Redirect is high, clean URLs. If Waiting is high only in one region, retest from another location. If Content Download is high, inspect document size and compression assumptions.
WebPageTest is useful because it shows connection timing, redirect hops, and repeat-view behavior. Pair those results with the speed test results guide so you do not overreact to one noisy PageSpeed run.
Manual Fix vs Thunder Fix
| Issue | Manual fix | Thunder fix |
|---|---|---|
| Redirect delay | Update links and remove chains | Not a server-side redirect tool |
| Head script pressure | Move/defer snippets manually | Defers non-critical scripts automatically |
| Heavy Liquid | Limit loops and old app snippets | Complements theme cleanup by reducing front-end cost |
| Critical chain after HTML | Tune preload, CSS, and scripts | Improves resource loading order |
FAQ
What is Shopify document request latency?
Document request latency is the time spent on the first HTML request before the browser can start discovering CSS, JavaScript, images, and fonts. On Shopify, it includes redirects, connection setup, server response time, compression, and how quickly the initial document starts arriving.
Can Shopify merchants change server response time directly?
No. Shopify controls hosting, CDN routing, server hardware, and platform response. Merchants can still improve document latency by removing redirect chains, reducing theme Liquid complexity, avoiding app proxy bottlenecks, and keeping third-party scripts out of the head.
Is document request latency the same as TTFB?
It overlaps with TTFB but is broader. Lighthouse's document request latency insight combines redirect delay, server response behavior, and transfer/compression details for the initial document request.
Does Thunder fix document request latency?
Thunder cannot change Shopify's servers, but it reduces the front-end work that competes immediately after the document arrives. It also helps by deferring app scripts that often sit in the head and make the first render feel slower.
Why does PageSpeed show this warning when Shopify is hosted well?
The warning can appear because of redirect chains, geolocation redirects, heavy theme Liquid, app proxy calls, or a cold edge response. Shopify's platform may be fast while your storefront setup still delays the first document.
What is the fastest manual fix?
Remove unnecessary redirects first, then audit theme.liquid for blocking app snippets, move non-critical scripts out of the head, and test whether app proxy or personalization code delays the initial HTML.
Fix Shopify document request latency in the right order
Remove redirect waste, simplify the initial document, and use Thunder to keep app scripts from overwhelming the first render. For the larger workflow, read our complete Shopify speed optimization guide or see professional speed optimization.
See Thunder pricing