--- title: Make any website load faster with 6 lines of HTML description: Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports... canonical: https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Make any website load faster with 6 lines of HTML | daily.dev og:description: Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports... og:url: https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc og:image: https://api.daily.dev/og/posts/X3udhOlbC.png og:image:alt: Make any website load faster with 6 lines of HTML og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Make any website load faster with 6 lines of HTML **[Hacker News](https://daily.dev/sources/hn)** · 3 min read · 240 upvotes · 14 comments ## Summary Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports prefetch (downloads HTML only) and prerender (fully renders pages in background) with configurable eagerness levels. While only supported in Chrome 121+, fallback JavaScript can provide similar functionality for Firefox and Safari using traditional prefetch/preload techniques with hover detection. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@junkim** · 2 upvotes > Does it also work for the Client-side rendering page? **@andrei0x309** · 2 upvotes > SvelteKit kit has this feature for client side rendering. > > In JS ecosystem this existed for many years it first started with turbo many many years back. > > Native prefetch will only be helpful to ppl that load the page from server every time, those cases are pretty rare especially because JS rendering is so widespread. > > So it will help only very old tech, or pages that disallow JS. > > Is still a good addition I think bringing some features directly to browser level and outside of JS control can create a better UX in some narrow cases where JS is not available. **@kashyapprajapati** · 1 upvotes > Actually good one before this my portfolio lighthouse score was 1 in performance but after adding this my score got 75 Awesome > Thank you so Much > https://kashyapprajapati.netlify.app/ **@sandropacella** · 1 upvotes > Very cool. Wonder how it would differ from the Speculative Loading plugin in WordPress. https://wordpress.org/plugins/speculation-rules/ **@rizalefhndi** · 0 upvotes > If the Speculation Rules API makes the browser prerender pages in the background, isn’t that kinda wasting bandwidth and server resources for pages the user might never even visit? How do you make sure it actually speeds things up for users without blowing up your hosting or CDN costs? ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#google-chrome](https://daily.dev/tags/google-chrome), [#html](https://daily.dev/tags/html), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Make any website load faster with 6 lines of HTML","url":"https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc"},"datePublished":"2025-07-31T21:28:34.192Z","dateModified":"2026-06-25T02:16:07.551Z","description":"Chrome's Speculation Rules API enables near-instant page navigation by preloading and prerendering pages with just a few lines of HTML. The API supports...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/efd49f70099e036c66f44fb1d2ae36c6?_a=AQAEulh","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/efd49f70099e036c66f44fb1d2ae36c6?_a=AQAEulh","isAccessibleForFree":true,"articleSection":"Hacker News","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Hacker News","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/hn","url":"https://daily.dev/sources/hn"},"commentCount":14,"discussionUrl":"https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":240},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":14}],"keywords":"google-chrome,html,webdev","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Hacker News","item":"https://daily.dev/sources/hn"},{"@type":"ListItem","position":3,"name":"Make any website load faster with 6 lines of HTML"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/make-any-website-load-faster-with-6-lines-of-html-x3udholbc","comment":[{"@type":"Comment","text":"Does it also work for the Client-side rendering page?","datePublished":"2025-08-15T11:48:11.515Z","url":"https://daily.dev/posts/X3udhOlbC#c-7hfCtNDsZ","author":{"@type":"Person","name":"Jun","url":"https://daily.dev/junkim","image":"https://avatars.githubusercontent.com/u/25237134?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"SvelteKit kit has this feature for client side rendering.\nIn JS ecosystem this existed for many years it first started with turbo many many years back.\nNative prefetch will only be helpful to ppl that load the page from server every time, those cases are pretty rare especially because JS rendering is so widespread.\nSo it will help only very old tech, or pages that disallow JS.\nIs still a good addition I think bringing some features directly to browser level and outside of JS control can create a better UX in some narrow cases where JS is not available.","datePublished":"2025-08-16T20:18:07.915Z","url":"https://daily.dev/posts/X3udhOlbC#c-32EmhZ1zA","author":{"@type":"Person","name":"Andrei O.","url":"https://daily.dev/andrei0x309","image":"https://media.daily.dev/image/upload/f_auto/v1632806353/avatars/1RDGCrVO9"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Actually good one before this my portfolio lighthouse score was 1 in performance but after adding this my score got 75 Awesome\nThank you so Much\nhttps://kashyapprajapati.netlify.app/","datePublished":"2025-08-30T04:56:15.211Z","url":"https://daily.dev/posts/X3udhOlbC#c-iBPWlj3lH","author":{"@type":"Person","name":"Kashyap Prajapati","url":"https://daily.dev/kashyapprajapati","image":"https://media.daily.dev/image/upload/s--GR-coqo9--/f_auto/v1748092918/avatars/avatar_ejOLtUi3uMAaN8BrdksTl?_a=BAMClqUq0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Very cool. Wonder how it would differ from the Speculative Loading plugin in WordPress. https://wordpress.org/plugins/speculation-rules/","datePublished":"2025-08-12T16:37:59.028Z","url":"https://daily.dev/posts/X3udhOlbC#c-zZcUtSOZb","author":{"@type":"Person","name":"Sandro Pacella","url":"https://daily.dev/sandropacella","image":"https://media.daily.dev/image/upload/s--IruSRaMF--/f_auto/v1731089574/avatars/avatar_oZ34daPU4ROdCttawATt0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"If the Speculation Rules API makes the browser prerender pages in the background, isn’t that kinda wasting bandwidth and server resources for pages the user might never even visit? How do you make sure it actually speeds things up for users without blowing up your hosting or CDN costs?","datePublished":"2025-09-01T09:43:55.514Z","url":"https://daily.dev/posts/X3udhOlbC#c-9TyTqE3YN","author":{"@type":"Person","name":"rizalefhndi","url":"https://daily.dev/rizalefhndi","image":"https://media.daily.dev/image/upload/s--ukVGv6qv--/f_auto/v1770254654/avatars/avatar_UNd7l5GPiQELdZUM9IM5p?_a=BAMAMiiu0"}}]} ```