What are the performance differences between using Tailwind CSS JIT mode versus pre-compiled utility stylesheets when building a large-scale enterprise component library today
Download run
Fan-out diagram
The searches the AI actually ran for this prompt.
SEED QUERY
What are the performance differences between using Tailwind CSS JIT mode versus pre-compiled utility stylesheets when building a large-scale enterprise component library today
3 real searches · 1 real-search pass
Tailwind CSS v4 performance Oxide engine official documentation build performance JIT production CSS enterprise component libraryGoogle ↗
OBSERVEDComparison
Tailwind CSS v3 JIT engine production CSS content detection safelist official documentationGoogle ↗
OBSERVEDOther / navigational
Tailwind CSS v4 upgrade guide automatic content detection CSS-first configuration officialGoogle ↗
OBSERVEDInstruction
Badge and edge weight = share of passes that produced the query. Hover a query for its intent and routing format.
Query classes
Google's semantic query class for every sub-query: what kind of answer each search is after, simulated vs real.
ChatGPT real searches (3)
Classes come from the query-classifier (a local Laya model). 3 of 3 calls are low-confidence (under 50%) — hover a query in the table to see its confidence.
Searches and sources
ChatGPT3 real searches · gpt-6
Tailwind CSS v4 performance Oxide engine official documentation build performance JIT production CSS enterprise component library Google ↗
Tailwind CSS v3 JIT engine production CSS content detection safelist official documentation Google ↗
Tailwind CSS v4 upgrade guide automatic content detection CSS-first configuration official Google ↗
- Tailwind CSS v4.0 · tailwindcss.com
- Optimizing for Production · v3.tailwindcss.com
- Detecting classes in source files - Core concepts · tailwindcss.com
- Content Configuration · v3.tailwindcss.com
- Upgrade guide - Getting started · tailwindcss.com
Queries
3 queries · click a column to sort
| Query / type | Search | Intent | Query class | Routing format | Cluster | Freq ↓ | Weight |
|---|---|---|---|---|---|---|---|
Tailwind CSS v4 performance Oxide engine official documentation build performance JIT production CSS enterprise component library OBSERVED | Google ↗ AI Mode ↗ | — | Comparison | — | — | 1x of 1 | |
Tailwind CSS v3 JIT engine production CSS content detection safelist official documentation OBSERVED | Google ↗ AI Mode ↗ | — | Other / navigational | — | — | 1x of 1 | |
Tailwind CSS v4 upgrade guide automatic content detection CSS-first configuration official OBSERVED | Google ↗ AI Mode ↗ | — | Instruction | — | — | 1x of 1 |