tailwindcss.com speed test — 20 Oct 2026

Measured from the wfix.shop server on 20 October 2026 at 14:22 UTC. Grade C (74/100), with the screenshots, the timings and the fixes that matter.

https://tailwindcss.com/

20 October 2026 at 14:22 UTC · Free test · report pt_a9ab8298c623
Grade
C
74/100
Performance72/100
Structure77/100

12 audit(s) passed, 4 need work

First byte (TTFB)314 msmeasured from this server
Fully loaded1.49 sfirst byte + slowest asset
Requests26document + assets
Page weight4.21 MBcompressed transfer
HTML document120.7 KBbr
ProtocolHTTP/3cloudflare

Where the first byte went

  • DNS lookup 56 ms 18%
  • TCP connect 49 ms 16%
  • Server wait 209 ms 67%

Measured on the connection that fetched the HTML. Every other request on the page waits for the end of this bar before it can start.

How this page compares

First bytefaster than 71% of 4,999 pages tested here314 ms against a median of 449 ms
Page weightheavier than 92% of 4,999 pages tested here4.21 MB against a median of 650.3 KB
Fully loadedfaster than 71% of 4,999 pages tested here1.49 s against a median of 1.84 s
Requestssends more requests than 100% of 4,999 pages tested here26 against a median of 26

Every report published here is in this comparison, so it is a reference population of pages tested from one server - not a benchmark of the whole web.

What these numbers mean

  • The first byte arrived in 314 ms. That is workable, and the cheapest win left is caching or a warmer connection.
  • The page transfers 4.21 MB over 26 request(s). Images files are 97% of it, so resize and recompress the largest images before anything else.
  • The HTML itself arrives br-compressed.
  • It runs over HTTP/3, so the assets share a connection instead of opening one each.
  • The largest element painted at 656 ms, inside the 2.5 s Google calls good.
  • The main thread was blocked for 171 ms in total, which is not enough to feel.

Fix first: Image delivery and format - Serve WebP or AVIF with a JPEG fallback, size images to the space they occupy, and lazy-load anything below the fold. Images are usually more than half of a slow page.

Read on one shared server, not a visitor's phone: use it to compare pages against each other, not as a promise about every connection. We fix what these tests find.

Screenshot

What the page looks like

Loaded in headless Chromium on this server. Click an image to open it full size.

Desktop screenshot of tailwindcss.com
Desktop 1366 × 768 · 102.3 KB · page is 6000 px tall
Mobile screenshot of tailwindcss.com
Mobile 390 × 844 · 50.8 KB · page is 6000 px tall

Browser render

The same URL loaded in a real browser, so these are the readings curl cannot produce. The grade above is still built from the server measurements.

Largest contentful paint656 msgood is under 2.5 s
Cumulative layout shift0.000under 0.1 is stable
Total blocking time171 mslong tasks during load
First contentful paint656 msfirst content on screen
Browser page weight6.21 MB88 request(s), scripts included
Largest contentful paint656 ms
Goodgood under 2.5 s, poor over 4 s
Cumulative layout shift0.000
Goodgood under 0.1, poor over 0.25
Total blocking time171 ms
Goodgood under 200 ms, poor over 600 ms

Page weight by type

What the page is made of

Images 25 requests
4.10 MB 97%

Transfer size, compressed as sent. 26 request(s) in total, 4.21 MB across all of them.

Top issues

Image delivery and format

high impact

8 image(s) over 200 KB and 14 large image(s) still served as JPEG or PNG.

Fix: Serve WebP or AVIF with a JPEG fallback, size images to the space they occupy, and lazy-load anything below the fold. Images are usually more than half of a slow page.

Render-blocking resources

high impact

3 render-blocking resource(s) in the document head (1 script(s), 2 stylesheet(s)). The page cannot paint until each one arrives.

Fix: Add defer or async to scripts that do not change the first paint, inline the critical CSS, and load the rest with media="print" plus an onload swap.

Total page weight

high impact

The page transfers 4.21 MB across 26 request(s), with the document itself at 120.7 KB.

Fix: Work through the heaviest assets first: images, then fonts, then third-party scripts.

HTML document size

medium impact

The document transfers 120.7 KB. A bloated document delays every other request, because nothing else can start until it is parsed.

Fix: Paginate long listings, move repeated markup into a template, and stop inlining large data URIs into the HTML.

Waterfall

Slowest requests

IMAGEStailwindcss.com/_next/image
1.18 s
IMAGEStailwindcss.com/_next/image
1.16 s
IMAGEStailwindcss.com/_next/image
1.16 s
IMAGEStailwindcss.com/_next/static/media/dark-mode.dark.11sz…
1.01 s
IMAGEStailwindcss.com/_next/static/media/dark-mode.light.0tx…
1.01 s
IMAGEStailwindcss.com/_next/static/media/filters.17z4w2mm8xh…
1.01 s
IMAGEStailwindcss.com/_next/static/media/responsive-2.0cdenv…
1.00 s
IMAGEStailwindcss.com/_next/static/media/avatar-1.15~cxxh-pt…
983 ms
IMAGEStailwindcss.com/_next/static/media/responsive-4.0tgruj…
981 ms
IMAGEStailwindcss.com/_next/static/media/responsive-3.00654h…
977 ms

Each bar is one request's own response time, scaled to the slowest. Assets were fetched in parallel, so the bars overlap in real time rather than stacking. first party third party

RequestTypeStatusTimeSize
https://tailwindcss.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fopal.17bsj~5nn-bhl.png&w=640&q=75images2001.18 s22.9 KB
https://tailwindcss.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fopenai.0e5et8v5h.soe.png&w=640&q=75images2001.16 s92.3 KB
https://tailwindcss.com/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fopenai.0e5et8v5h.soe.png&w=384&q=75images2001.16 s37.6 KB
https://tailwindcss.com/_next/static/media/dark-mode.dark.11szx9d7s4zjz.pngimages2001.01 s106.0 KB
https://tailwindcss.com/_next/static/media/dark-mode.light.0tx34lu8jwt_1.pngimages2001.01 s113.8 KB
https://tailwindcss.com/_next/static/media/filters.17z4w2mm8xht2.pngimages2001.01 s323.5 KB
https://tailwindcss.com/_next/static/media/responsive-2.0cdenvbjn04n3.pngimages2001.00 s132.9 KB
https://tailwindcss.com/_next/static/media/avatar-1.15~cxxh-ptz0r.pngimages200983 ms16.6 KB
https://tailwindcss.com/_next/static/media/responsive-4.0tgrujz.2n-61.pngimages200981 ms124.9 KB
https://tailwindcss.com/_next/static/media/responsive-3.00654hu_8u-c4.pngimages200977 ms130.7 KB
https://tailwindcss.com/_next/static/media/cover.0g8-x6e87bh6a.pngimages200973 ms211.0 KB
https://tailwindcss.com/_next/static/media/responsive-5.0o6kz.kakewtv.pngimages200969 ms137.3 KB
https://tailwindcss.com/_next/static/media/avatar-4.147155nkju-ki.pngimages200968 ms17.9 KB
https://tailwindcss.com/_next/static/media/3d-transforms.02bsrv~jiqeb9.jpegimages200952 ms46.4 KB
https://tailwindcss.com/_next/static/media/avatar-7.0og44ub0nz8ek.pngimages200945 ms16.3 KB
https://tailwindcss.com/_next/static/media/css-grid-1.mobile.0oommaznlmjjx.pngimages200941 ms584.7 KB
https://tailwindcss.com/_next/static/media/responsive-1.10chodfonif1e.pngimages200940 ms454.3 KB
https://tailwindcss.com/_next/static/media/avatar-5.0hg2xy51~_xab.pngimages200940 ms15.9 KB
https://tailwindcss.com/_next/static/media/css-grid-1.0c8bc8q87-upx.pngimages200939 ms584.9 KB
https://tailwindcss.com/_next/static/media/css-grid-4.0iikpmqc8shsg.pngimages200939 ms452.0 KB
https://tailwindcss.com/_next/static/media/css-grid-2.15b-x2ty8.g~z.pngimages200939 ms302.5 KB
https://tailwindcss.com/_next/static/media/css-grid-3.08b3dk7gkiatg.pngimages200939 ms214.7 KB
https://tailwindcss.com/_next/static/media/avatar-2.12imlx8.m5il..pngimages200939 ms20.8 KB
https://tailwindcss.com/_next/static/media/avatar-6.03.hh~61qqypr.pngimages200939 ms18.1 KB
https://tailwindcss.com/_next/static/media/avatar-3.0co4yvnojd00m.pngimages200939 ms16.5 KB
Report this page

The page is removed when the owner agrees. Sending this removes nothing by itself.

Run this test on your own site

The same engine, free, with the screenshots and the fixes. No account needed.