What Is INP and How Does It Work? (2026 Guide)
Ye Faye • Mar 18, 2026
Updated by
Updated on Mar 18, 2026
JavaScript powers modern web experiences but creates serious visibility problems for both traditional SEO and AI search. Google needs 9× more time to crawl JavaScript-heavy websites compared to plain HTML. AI crawlers — GPTBot, ClaudeBot, PerplexityBot — execute zero JavaScript: an analysis of over 500 million GPTBot fetches found zero evidence of JavaScript execution, meaning any content rendered client-side is completely invisible to the AI systems behind ChatGPT, Claude, and Perplexity. Pages with First Contentful Paint under 0.4 seconds average 6.7 AI citations, while pages slower than 1.13 seconds average just 2.1 citations — a 3× citation gap tied directly to JavaScript performance. Teams that solve AI crawlability access a channel growing 357% year-over-year while traditional organic shrinks. Dageno AI's Execute layer closes the loop, connecting technical JavaScript fixes to measurable GEO outcomes.
JavaScript SEO is the practice of ensuring JavaScript-powered websites can be effectively crawled, rendered, and indexed by search engines and AI crawlers. It addresses three areas:
JavaScript is not going away. Research from 2019 found 80% of popular US e-commerce stores already used JavaScript for main content or product links — and that figure has grown. The question is not whether to use JavaScript but how to use it without creating invisible gaps in your search and AI citation presence.
JavaScript makes Google's job significantly harder. Unoptimized JavaScript can:
Research shows Google needs 9× more time to crawl JavaScript-powered websites versus plain HTML. For large sites where crawl budget is finite, this translates directly to fewer pages crawled per day and a higher probability of valuable pages never being crawled at all.
Server-side rendering (SSR): The server sends a complete HTML document with all content already present. Both Googlebot and AI crawlers receive the full page immediately.
Client-side rendering (CSR): The server sends a minimal HTML shell. JavaScript executes in the browser and asynchronously fetches content. Users see a full page — but Googlebot must perform a delayed second rendering pass, and AI crawlers never see the dynamically loaded content at all.
An analysis of over 500 million GPTBot fetches found zero evidence of JavaScript execution. Even when GPTBot downloads JavaScript files — approximately 11.5% of fetches — it does not run them. The same applies to ClaudeBot, PerplexityBot, and every other major AI crawler.
This creates a split visibility problem: a React SPA can rank position one in Google while remaining completely blank to every AI search system simultaneously.
When JavaScript-rendered content is missing from the crawled version of a page, Google indexes an empty shell. Partial indexing — pages in the index but missing critical content sections — produces pages that rank poorly while their actual content generates zero ranking or AI citation signals.
| Crawler | Owner | Purpose | JavaScript? |
|---|---|---|---|
| GPTBot | OpenAI | Model training | ❌ None |
| OAI-SearchBot | OpenAI | Real-time ChatGPT search | ❌ None |
| ChatGPT-User | OpenAI | User-triggered fetch | ❌ None |
| ClaudeBot | Anthropic | Model training | ❌ None |
| PerplexityBot | Perplexity | Real-time citations | ❌ None |
| Googlebot | Search indexing | ✅ With delays | |
| Google-Extended | Gemini training | ✅ Via Googlebot |
Googlebot is the only major crawler with JavaScript rendering capability — and even that comes with resource limits and queue delays. Every AI crawler functions more like a 2005-era HTML scraper than a modern browser.
Among news publishers, the blocking situation compounds this: 62% block GPTBot, 69% block ClaudeBot, and 67% block PerplexityBot. Teams that solve AI crawlability capture disproportionate value from a channel growing 357% year-over-year while traditional organic shrinks.
The training bot vs. search bot distinction matters for robots.txt strategy. GPTBot and ClaudeBot train language models — blocking them affects model awareness but not necessarily real-time citation visibility. OAI-SearchBot and PerplexityBot feed live search results — blocking these directly removes your content from AI-generated answers.
The highest-impact JavaScript SEO decision is ensuring main content — product descriptions, article text, pricing, FAQs — appears in the initial HTML server response.
Frameworks with native SSR:
The quick test: Right-click any important page → View Page Source. If your actual content appears in raw HTML, AI crawlers can read it. If you see only <div id="root"> and script tags, AI crawlers see nothing.
Avoid rendering critical internal links exclusively through JavaScript. Ensure navigation and category links appear in static HTML. Do not hide main content behind JavaScript-triggered tabs or accordions without HTML fallbacks.
Review robots.txt to ensure you are not blocking AI search crawlers that feed real-time citation systems. Only 10.13% of domains have implemented llms.txt — most AI crawlers still rely primarily on XML sitemaps for URL discovery. Ensure your sitemap has accurate <lastmod> timestamps, which is a higher-priority signal than llms.txt for most AI crawler implementations.
Schema markup must appear in the raw HTML source — not injected by JavaScript after page load. AI crawlers cannot read client-side-injected structured data. Validate by viewing page source and confirming structured data appears without JavaScript execution.
Pages with FCP under 0.4 seconds average 6.7 AI citations. Pages with FCP above 1.13 seconds average 2.1 citations. Fast-loading pages are roughly 3× more likely to be cited by ChatGPT than slow ones — a direct performance-to-citation correlation that extends JavaScript optimization beyond traditional ranking considerations.
View page source: Press Ctrl+U (Windows) or Cmd+U (Mac). Main content in raw HTML = AI-readable. Empty shell = AI-invisible.
Disable JavaScript: Chrome DevTools → Settings → Disable JavaScript → Reload. Whatever remains visible is what AI crawlers see.
curl simulation:
curl -H "User-Agent: GPTBot/1.0" https://yoursite.com/pageYour content in the response means AI crawlers can read it.
Facebook, Twitter/X, and LinkedIn do not render JavaScript for link previews — Open Graph and Twitter Card metadata must be in static HTML. This is the same problem as AI crawler rendering, and server-side rendering solves both simultaneously.
Fixing JavaScript rendering creates the technical prerequisites for AI visibility — AI crawlers can read your content, index it, and potentially cite it. But whether those technical improvements actually translate into better AI citation rates remains invisible without a measurement layer that tracks GEO outcomes.
Dageno AI is an Actionable GEO Platform built to Monitor & Execute. Its Execute layer addresses exactly this connection: once you implement SSR, reduce crawl budget waste, and optimize FCP, Dageno AI's automated codebase-to-knowledge-graph alignment tracks whether those improvements are translating into citation rate changes across ChatGPT, Perplexity, Google AI Overviews, Google AI Mode, Gemini, Claude, Grok, and Copilot.
The platform surfaces specific executable actions — not just observational dashboards — based on cross-platform AI citation data. When your FCP improves from 1.5s to 0.3s after a JavaScript optimization sprint, Dageno AI shows whether the citation improvement that performance data predicts (from ~2.1 to ~6.7 average citations) is actually happening — and pinpoints where gaps remain for the Execute layer to address next.
This is the practical meaning of Monitor & Execute in a JavaScript SEO context: technical decisions tracked through to GEO outcomes, not left as assumed-but-unmeasured improvements.
Pricing: Free plan available. Paid plans scale with prompt volume and monitoring frequency.
Is JavaScript bad for SEO?
No — unoptimized JavaScript hurts SEO, but JavaScript itself is neutral. Server-side rendering of critical content combined with client-side enhancements achieves both user experience goals and crawlability for Googlebot and AI crawlers.
Can AI crawlers render JavaScript?
No. GPTBot, ClaudeBot, and PerplexityBot all consume static HTML without executing JavaScript. An analysis of 500+ million GPTBot fetches found zero evidence of JavaScript execution. Google's Googlebot is the only major crawler with rendering capability, and even that is delayed and resource-limited.
Does JavaScript SEO affect AI citation rates?
Directly: pages with FCP under 0.4s earn 3× more AI citations than slow pages. Server-side rendering ensures AI crawlers can read your content at all. Both performance and rendering architecture have measurable, quantifiable effects on AI citation probability.
Ye Faye is an SEO and AI growth executive with extensive experience spanning leading SEO service providers and high-growth AI companies, bringing a rare blend of search intelligence and AI product expertise. As a former Marketing Operations Director, he has led cross-functional, data-driven initiatives that improve go-to-market execution, accelerate scalable growth, and elevate marketing effectiveness. He focuses on Generative Engine Optimization (GEO), helping organizations adapt their content and visibility strategies for generative search and AI-driven discovery, and strengthening authoritative presence across platforms such as ChatGPT and Perplexity
Read full bio