---
title: "How to Do an In-depth Liquid Render Analysis with Theme Inspector"
description: "Shopify theme code can create server-side rendering bottlenecks that leave customers waiting on a blank screen, so the article explains how to analyze Liquid performance with Shopify Theme Inspector. It describes flame graphs as representations of code paths and execution time, then compares clean Liquid with heavy loops, nested loops, and mixed global Liquid scopes. Accessing product attributes raised a 10-item example from 13 ms to 162 ms, while 50 products took 800 ms; two- and three-level nested examples rendered in 55 ms and 72 ms. The guidance recommends examining total iteration time, sawtooth or hair-comb patterns, unnecessary attributes, pagination size, and AJAX alternatives. It proposes aiming for 200 ms and keeping total page rendering under 500 ms, while noting that this alone does not guarantee a good LCP score."
---

# How to Do an In-depth Liquid Render Analysis with Theme Inspector

[Shopify](https://yomu.fyi/company/shopify) · 2023-10-18 · Oct 20, 2020

**Type:** Tutorial

## Summary

Shopify theme code can create server-side rendering bottlenecks that leave customers waiting on a blank screen, so the article explains how to analyze Liquid performance with Shopify Theme Inspector. It describes flame graphs as representations of code paths and execution time, then compares clean Liquid with heavy loops, nested loops, and mixed global Liquid scopes. Accessing product attributes raised a 10-item example from 13 ms to 162 ms, while 50 products took 800 ms; two- and three-level nested examples rendered in 55 ms and 72 ms. The guidance recommends examining total iteration time, sawtooth or hair-comb patterns, unnecessary attributes, pagination size, and AJAX alternatives. It proposes aiming for 200 ms and keeping total page rendering under 500 ms, while noting that this alone does not guarantee a good LCP score.

## Context

Liquid theme code can introduce server-side rendering bottlenecks, and customers wait on a blank screen until server-side rendering completes. The article frames this as a performance issue affecting Shopify server time and observable browser performance, with bottlenecks potentially originating in Liquid source.

## Approach / What changed

Use the Shopify Theme Inspector Chrome extension to generate and interpret flame graphs showing code paths and execution time. Compare clean Liquid implementations with heavy loops, nested loops, and mixed global Liquid scopes, then identify costly patterns through rendering times and flame-graph shapes.

## Takeaways

- Accessing product attributes inside a 10-item loop increased rendering from 13 ms to 162 ms; increasing pagination to 50 products took 800 ms while producing the same markup.
- Nested loops can produce deeper, sawtooth-shaped flame graphs: the two-level example rendered in 55 ms and the three-level example in 72 ms.
- The article recommends aiming for 200 ms total page rendering and staying below 500 ms, but server-rendering time alone does not guarantee a good LCP score.

**Tags:** [Liquid](https://yomu.fyi/topic/liquid), [Performance](https://yomu.fyi/topic/performance), [Shopify Theme Inspector](https://yomu.fyi/topic/shopify-theme-inspector)

- Source: [Shopify](https://shopify.engineering/in-depth-liquid-render-analysis-shopify-theme-inspector-chrome-extension)
- Source URL: https://shopify.engineering/in-depth-liquid-render-analysis-shopify-theme-inspector-chrome-extension
- Ingested by Yomu: 2026-08-31T01:11:25.619Z

[Read original post](https://shopify.engineering/in-depth-liquid-render-analysis-shopify-theme-inspector-chrome-extension)