Use Case
Target Threshold: < 2s
URL Input
ā€”
Total Time
ā€”
Asset Fetch (AFA)
ā€”
Pure Render
ā€”
Dimensions
<500ms <1s <1.5s <2s <3s >3s
ā±ļø
āš ļø Performance Warning
  • Check your base image format ā€” consider using WebP
  • If grid files are being used, consider ImageMap
  • Use Hints like saveForLater and options[smallest]
  • Consider using the snapshot or store command
  • Check your nocache settings
  • Check for potential AFA latency
Rendered Output
šŸ–¼ļø
Select a Use Case, Enter a URL and click Parse URL
Analyzing Chain Trace...
Processing command execution times
Analysis complete!
How to Use LiquiFire RenderTrace
1
Select Your Use Case
Choose the appropriate use case from the dropdown to set the target render time threshold. Options: E-commerce (<500ms), Configurator (<2s), Email (<1.5s), Print (per 3s unit).
2
Paste Your LiquiFire URL
Copy any LiquiFire URL (from PixNetIQ or other sources) and paste it into the URL input field. Click Parse URL to extract parameters.
3
Review & Edit Parameters
Check the parsed parameters. You can edit values directly - color values get a color picker. External URLs are highlighted in amber.
4
Enable Chain Trace Analysis
Check "Include chain trace analysis" before rendering to get detailed command-level timing breakdown. This is essential for optimization work.
5
Render & Measure
Click Render to test with cache, or No Cache for a fresh render. View timing results in the stats bar and detailed breakdown in the analysis panel.
6
Compare Against Baseline
Upload a previous trace JSON file to compare performance. Click "Upload trace JSON" to set a baseline, then render again to see what got faster, slower, or changed.
7
Export PDF Report
Click Download PDF Report to generate a shareable report with rendered image, all timings, use case verdict (pass/fail), and baseline comparison if loaded.
8
Manual Trace Analysis
Expand the "Manual Trace Analysis" section on the left panel to paste JSON from a previous trace request or upload a JSON file directly for analysis without rendering.
Theme Toggle: Click the sun/moon icon in the top right to switch between light and dark modes. Your preference is saved automatically.