[{"data":1,"prerenderedAt":1562},["ShallowReactive",2],{"page:\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules":3,"all-docs-nav":1019},{"id":4,"title":5,"body":6,"breadcrumb":994,"dateModified":1004,"datePublished":1004,"description":1005,"extension":1006,"faq":1007,"meta":1012,"navigation":1013,"path":1014,"seo":1015,"slug":12,"stem":1016,"type":1017,"__hash__":1018},"content\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules\u002Findex.md","Instant Navigation with Speculation Rules",{"type":7,"value":8,"toc":975},"minimark",[9,13,17,26,31,61,65,68,197,201,212,347,350,354,357,462,465,469,476,490,494,500,588,702,705,709,716,748,833,836,840,843,847,890,894,897,901,906,909,913,916,920,923,927,930,934,971],[10,11,5],"h1",{"id":12},"instant-navigation-with-speculation-rules",[14,15,16],"p",{},"On a multi-page static site, every click starts from nothing: request the HTML, parse it, fetch the CSS, lay out, paint. Even from a nearby CDN edge that takes 400–800 ms on a phone, and readers pay it on every page. Single-page apps avoid it with a client-side router and a large JavaScript bundle. The Speculation Rules API avoids it with neither: the browser prerenders the page a reader is about to open — in a hidden tab, fully rendered — and swaps it in on click.",[14,18,19,20,25],{},"Static sites are the ideal case for this. Pages have no server-side side effects, so prerendering one the reader never opens costs only bandwidth, and pages are small, so that bandwidth is modest. This guide adds speculation rules to a 900-page docs site, handles analytics and exclusions, and measures the field result. It is part of ",[21,22,24],"a",{"href":23},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002F","Resource Hints and Navigation Speed",".",[27,28,30],"h2",{"id":29},"prerequisites","Prerequisites",[32,33,34,43,46],"ul",{},[35,36,37,38,42],"li",{},"A static multi-page site. Sites with a client-side router (a Next.js export using ",[39,40,41],"code",{},"\u003CLink>",", VitePress) already navigate client-side; speculation rules help less there.",[35,44,45],{},"Analytics you can modify, or that already handles prerendering.",[35,47,48,49,52,53,56,57,25],{},"Real-user monitoring that records ",[39,50,51],{},"navigationType",", such as the ",[39,54,55],{},"web-vitals"," library — see ",[21,58,60],{"href":59},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fmeasuring-inp-on-static-sites-with-real-user-monitoring\u002F","Measuring INP on Static Sites with Real-User Monitoring",[27,62,64],{"id":63},"how-prerendering-works","How Prerendering Works",[14,66,67],{},"A speculation rule tells the browser which links are candidates and how eagerly to act on them. For prerender, the browser fetches the candidate page, runs its scripts, lays it out and paints it off-screen. When the reader clicks, the prerendered page is activated — shown instantly, with scripts already run. If the reader never clicks, the prerender is discarded.",[69,70,71,193],"figure",{},[72,73,80,81,80,85,80,89,80,96],"svg",{"viewBox":74,"role":75,"ariaLabelledBy":76,"xmlns":79},"0 0 760 280","img",[77,78],"spr-life-title","spr-life-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[82,83,84],"title",{"id":77},"Lifecycle of a prerendered page",[86,87,88],"desc",{"id":78},"A reader hovers a link for 200 milliseconds, which triggers a prerender under moderate eagerness. The browser fetches, parses, lays out and paints the page off-screen over about 500 milliseconds while the reader is still deciding. On click, the prerendered page activates in about 40 milliseconds. If the reader moves on without clicking, the prerender is discarded.",[90,91],"rect",{"x":92,"y":92,"width":93,"height":94,"fill":95},"0","760","280","#ffffff",[97,98,100,101,100,109,100,117,100,126,100,131,100,136,100,141,100,145,100,148,100,152,100,157,100,163,100,167,100,172,100,178,100,182,100,186,100,189,80],"g",{"style":99},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[102,103,108],"text",{"x":104,"y":105,"fill":106,"style":107},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","The work happens while the reader decides",[110,111],"line",{"x1":112,"y1":113,"x2":114,"y2":113,"stroke":115,"style":116},"40","200","720","#556071","stroke-width:1.5px",[90,118],{"x":119,"y":120,"width":121,"height":122,"rx":123,"fill":124,"stroke":125,"style":116},"60","80","120","44","8","#f8fafc","#d9e2ef",[102,127,130],{"x":121,"y":128,"fill":106,"style":129},"100","font-weight:700;text-anchor:middle","hover 200 ms",[102,132,135],{"x":121,"y":133,"fill":115,"style":134},"116","font-size:11px;text-anchor:middle","intent signal",[90,137],{"x":113,"y":120,"width":138,"height":122,"rx":123,"fill":139,"opacity":140,"stroke":139,"style":116},"330","#6a4c93","0.14",[102,142,144],{"x":143,"y":128,"fill":106,"style":129},"365","prerender off-screen",[102,146,147],{"x":143,"y":133,"fill":115,"style":134},"fetch · parse · layout · paint (~500 ms)",[90,149],{"x":150,"y":120,"width":120,"height":122,"rx":123,"fill":151,"opacity":140,"stroke":151,"style":116},"550","#1982c4",[102,153,156],{"x":154,"y":155,"fill":106,"style":129},"590","106","click",[90,158],{"x":159,"y":120,"width":120,"height":122,"rx":123,"fill":160,"opacity":161,"stroke":162,"style":116},"645","#8ac926","0.25","#5a8a16",[102,164,166],{"x":165,"y":128,"fill":106,"style":129},"685","shown",[102,168,171],{"x":165,"y":133,"fill":169,"style":170},"#3f6410","font-size:11px;font-weight:700;text-anchor:middle","~40 ms",[90,173],{"x":113,"y":174,"width":138,"height":175,"rx":176,"fill":124,"stroke":125,"style":177},"146","30","6","stroke-width:1px",[102,179,181],{"x":143,"y":180,"fill":115,"style":134},"166","no click → discarded; cost is only the page's bytes",[102,183,185],{"x":121,"y":184,"fill":115,"style":134},"222","0 ms",[102,187,188],{"x":154,"y":184,"fill":115,"style":134},"~700 ms",[102,190,192],{"x":104,"y":191,"fill":115,"style":134},"262","A typical hover-to-click delay on desktop is 300–900 ms, enough to finish most static pages",[194,195,196],"figcaption",{},"Moderate eagerness uses the gap between hover and click, which on desktop is usually long enough to prerender a static page completely.",[27,198,200],{"id":199},"step-1-add-the-rules","Step 1: Add the Rules",[14,202,203,204,207,208,211],{},"Add a ",[39,205,206],{},"\u003Cscript type=\"speculationrules\">"," block to the base layout. Document rules (",[39,209,210],{},"\"where\"",") match links on the page, so the same block works on every template:",[213,214,219],"pre",{"className":215,"code":216,"language":217,"meta":218,"style":218},"language-html shiki shiki-themes github-light github-dark","\u003Cscript type=\"speculationrules\">\n{\n  \"prerender\": [{\n    \"where\": { \"and\": [\n      { \"href_matches\": \"\u002F*\" },\n      { \"not\": { \"href_matches\": \"\u002F*.pdf\" } },\n      { \"not\": { \"href_matches\": \"\u002Fdownloads\u002F*\" } },\n      { \"not\": { \"selector_matches\": \"[data-no-prerender], [rel~=nofollow]\" } }\n    ]},\n    \"eagerness\": \"moderate\"\n  }],\n  \"prefetch\": [{\n    \"where\": { \"href_matches\": \"\u002F*\" },\n    \"eagerness\": \"conservative\"\n  }]\n}\n\u003C\u002Fscript>\n","html","",[39,220,221,247,253,259,265,271,277,283,289,295,301,307,313,319,325,331,337],{"__ignoreMap":218},[222,223,225,229,233,237,240,244],"span",{"class":110,"line":224},1,[222,226,228],{"class":227},"sVt8B","\u003C",[222,230,232],{"class":231},"s9eBZ","script",[222,234,236],{"class":235},"sScJk"," type",[222,238,239],{"class":227},"=",[222,241,243],{"class":242},"sZZnC","\"speculationrules\"",[222,245,246],{"class":227},">\n",[222,248,250],{"class":110,"line":249},2,[222,251,252],{"class":227},"{\n",[222,254,256],{"class":110,"line":255},3,[222,257,258],{"class":227},"  \"prerender\": [{\n",[222,260,262],{"class":110,"line":261},4,[222,263,264],{"class":227},"    \"where\": { \"and\": [\n",[222,266,268],{"class":110,"line":267},5,[222,269,270],{"class":227},"      { \"href_matches\": \"\u002F*\" },\n",[222,272,274],{"class":110,"line":273},6,[222,275,276],{"class":227},"      { \"not\": { \"href_matches\": \"\u002F*.pdf\" } },\n",[222,278,280],{"class":110,"line":279},7,[222,281,282],{"class":227},"      { \"not\": { \"href_matches\": \"\u002Fdownloads\u002F*\" } },\n",[222,284,286],{"class":110,"line":285},8,[222,287,288],{"class":227},"      { \"not\": { \"selector_matches\": \"[data-no-prerender], [rel~=nofollow]\" } }\n",[222,290,292],{"class":110,"line":291},9,[222,293,294],{"class":227},"    ]},\n",[222,296,298],{"class":110,"line":297},10,[222,299,300],{"class":227},"    \"eagerness\": \"moderate\"\n",[222,302,304],{"class":110,"line":303},11,[222,305,306],{"class":227},"  }],\n",[222,308,310],{"class":110,"line":309},12,[222,311,312],{"class":227},"  \"prefetch\": [{\n",[222,314,316],{"class":110,"line":315},13,[222,317,318],{"class":227},"    \"where\": { \"href_matches\": \"\u002F*\" },\n",[222,320,322],{"class":110,"line":321},14,[222,323,324],{"class":227},"    \"eagerness\": \"conservative\"\n",[222,326,328],{"class":110,"line":327},15,[222,329,330],{"class":227},"  }]\n",[222,332,334],{"class":110,"line":333},16,[222,335,336],{"class":227},"}\n",[222,338,340,343,345],{"class":110,"line":339},17,[222,341,342],{"class":227},"\u003C\u002F",[222,344,232],{"class":231},[222,346,246],{"class":227},[14,348,349],{},"The prerender rule covers same-origin links on hover; the prefetch rule is a fallback that at least fetches the HTML on pointer-down for links where prerender is not possible. Exclusions matter: downloads, logout links (if you have any authenticated section) and links to pages with heavy media should not be prerendered.",[27,351,353],{"id":352},"step-2-make-analytics-prerender-aware","Step 2: Make Analytics Prerender-Aware",[14,355,356],{},"A prerendered page runs its scripts before the reader sees it. An analytics script that sends a page view on execution will count pages nobody viewed. Most modern analytics libraries handle this; for a first-party beacon, gate it:",[213,358,362],{"className":359,"code":360,"language":361,"meta":218,"style":218},"language-js shiki shiki-themes github-light github-dark","function sendPageview() {\n  navigator.sendBeacon('\u002Fapi\u002Fpv', JSON.stringify({ path: location.pathname, ref: document.referrer }));\n}\nif (document.prerendering) {\n  document.addEventListener('prerenderingchange', sendPageview, { once: true });\n} else {\n  sendPageview();\n}\n","js",[39,363,364,376,405,409,417,439,450,458],{"__ignoreMap":218},[222,365,366,370,373],{"class":110,"line":224},[222,367,369],{"class":368},"szBVR","function",[222,371,372],{"class":235}," sendPageview",[222,374,375],{"class":227},"() {\n",[222,377,378,381,384,387,390,393,397,399,402],{"class":110,"line":249},[222,379,380],{"class":227},"  navigator.",[222,382,383],{"class":235},"sendBeacon",[222,385,386],{"class":227},"(",[222,388,389],{"class":242},"'\u002Fapi\u002Fpv'",[222,391,392],{"class":227},", ",[222,394,396],{"class":395},"sj4cs","JSON",[222,398,25],{"class":227},[222,400,401],{"class":235},"stringify",[222,403,404],{"class":227},"({ path: location.pathname, ref: document.referrer }));\n",[222,406,407],{"class":110,"line":255},[222,408,336],{"class":227},[222,410,411,414],{"class":110,"line":261},[222,412,413],{"class":368},"if",[222,415,416],{"class":227}," (document.prerendering) {\n",[222,418,419,422,425,427,430,433,436],{"class":110,"line":267},[222,420,421],{"class":227},"  document.",[222,423,424],{"class":235},"addEventListener",[222,426,386],{"class":227},[222,428,429],{"class":242},"'prerenderingchange'",[222,431,432],{"class":227},", sendPageview, { once: ",[222,434,435],{"class":395},"true",[222,437,438],{"class":227}," });\n",[222,440,441,444,447],{"class":110,"line":273},[222,442,443],{"class":227},"} ",[222,445,446],{"class":368},"else",[222,448,449],{"class":227}," {\n",[222,451,452,455],{"class":110,"line":279},[222,453,454],{"class":235},"  sendPageview",[222,456,457],{"class":227},"();\n",[222,459,460],{"class":110,"line":285},[222,461,336],{"class":227},[14,463,464],{},"Do the same for anything with side effects or a cost per execution: A\u002FB test assignment, ad requests, and any code that starts timers the reader would expect to begin when they arrive. Rendering code, including islands and component hydration, can run during prerender — that is the point.",[27,466,468],{"id":467},"step-3-verify-it-works","Step 3: Verify It Works",[14,470,471,472,475],{},"Chrome DevTools' Application panel has a \"Speculative loads\" section listing the rules found, each candidate URL and its status: not triggered, running, ready, or failed with a reason. Hover a link for a moment, then check that its status becomes \"Ready\". Common failure reasons on static sites are cross-origin links (prerender is same-origin by default), pages that set ",[39,473,474],{},"Cache-Control: no-store",", and memory limits on low-end devices.",[14,477,478,479,481,482,485,486,25],{},"In the field, the ",[39,480,55],{}," library reports ",[39,483,484],{},"navigationType: 'prerender'"," for activated prerenders. Segment LCP by navigation type in your RUM data to see the effect directly, as described in ",[21,487,489],{"href":488},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data\u002F","Building a Core Web Vitals Dashboard from RUM Data",[27,491,493],{"id":492},"measured-impact","Measured Impact",[14,495,496,497,499],{},"The 900-page docs site, two weeks before and after adding the rules. Field data from ",[39,498,55],{}," beacons, Chrome only for the prerender rows since other browsers ignore the rules.",[501,502,503,519],"table",{},[504,505,506],"thead",{},[507,508,509,513,516],"tr",{},[510,511,512],"th",{},"Measure",[510,514,515],{},"Before",[510,517,518],{},"After",[520,521,522,534,545,556,567,577],"tbody",{},[507,523,524,528,531],{},[525,526,527],"td",{},"Internal navigations served by prerender (Chrome)",[525,529,530],{},"0%",[525,532,533],{},"71%",[507,535,536,539,542],{},[525,537,538],{},"LCP p75, prerendered navigations",[525,540,541],{},"—",[525,543,544],{},"90 ms",[507,546,547,550,553],{},[525,548,549],{},"LCP p75, all internal navigations (Chrome)",[525,551,552],{},"980 ms",[525,554,555],{},"310 ms",[507,557,558,561,564],{},[525,559,560],{},"Median click-to-LCP, internal navigations (Chrome)",[525,562,563],{},"620 ms",[525,565,566],{},"40 ms",[507,568,569,572,574],{},[525,570,571],{},"Extra bytes per session from unused prerenders (median)",[525,573,541],{},[525,575,576],{},"38 KB",[507,578,579,582,585],{},[525,580,581],{},"Origin requests per page view (CDN logs)",[525,583,584],{},"1.00",[525,586,587],{},"1.19",[69,589,590,699],{},[72,591,80,595,80,598,80,601,80,603],{"viewBox":74,"role":75,"ariaLabelledBy":592,"xmlns":79},[593,594],"spr-dist-title","spr-dist-desc",[82,596,597],{"id":593},"Distribution of internal-navigation LCP before and after",[86,599,600],{"id":594},"Two histograms of LCP for internal navigations in Chrome. Before, most navigations fall between 400 and 1,200 milliseconds with a p75 of 980. After, 71 percent of navigations fall in the first bucket under 100 milliseconds because they were prerendered, and the p75 drops to 310 milliseconds.",[90,602],{"x":92,"y":92,"width":93,"height":94,"fill":95},[97,604,100,605,100,608,100,611,100,615,100,619,100,623,100,627,100,631,100,638,100,643,100,647,100,652,100,655,100,660,100,663,100,666,100,670,100,674,100,679,100,683,100,688,100,691,100,695,80],{"style":99},[102,606,607],{"x":104,"y":105,"fill":106,"style":107},"Internal navigation LCP, share of navigations per bucket",[110,609],{"x1":119,"y1":610,"x2":114,"y2":610,"stroke":115,"style":116},"220",[102,612,614],{"x":128,"y":613,"fill":115,"style":134},"238","\u003C100",[102,616,618],{"x":617,"y":613,"fill":115,"style":134},"180","100–400",[102,620,622],{"x":621,"y":613,"fill":115,"style":134},"260","400–800",[102,624,626],{"x":625,"y":613,"fill":115,"style":134},"340","800–1200",[102,628,630],{"x":629,"y":613,"fill":115,"style":134},"420",">1200 ms",[90,632],{"x":120,"y":633,"width":634,"height":176,"fill":635,"opacity":636,"stroke":637,"style":177},"214","18","#ff595e","0.35","#d83b41",[90,639],{"x":640,"y":641,"width":634,"height":642,"fill":635,"opacity":636,"stroke":637,"style":177},"160","186","34",[90,644],{"x":645,"y":646,"width":634,"height":646,"fill":635,"opacity":636,"stroke":637,"style":177},"240","110",[90,648],{"x":649,"y":650,"width":634,"height":651,"fill":635,"opacity":636,"stroke":637,"style":177},"320","130","90",[90,653],{"x":654,"y":617,"width":634,"height":112,"fill":635,"opacity":636,"stroke":637,"style":177},"400",[90,656],{"x":128,"y":657,"width":634,"height":658,"fill":160,"opacity":659,"stroke":162,"style":177},"62","158","0.45",[90,661],{"x":617,"y":662,"width":634,"height":634,"fill":160,"opacity":659,"stroke":162,"style":177},"202",[90,664],{"x":621,"y":665,"width":634,"height":175,"fill":160,"opacity":659,"stroke":162,"style":177},"190",[90,667],{"x":625,"y":668,"width":634,"height":669,"fill":160,"opacity":659,"stroke":162,"style":177},"198","22",[90,671],{"x":629,"y":672,"width":634,"height":673,"fill":160,"opacity":659,"stroke":162,"style":177},"210","10",[102,675,678],{"x":650,"y":676,"fill":169,"style":677},"58","font-size:11px;font-weight:700","71% prerendered",[90,680],{"x":681,"y":651,"width":682,"height":682,"fill":635,"opacity":636,"stroke":637,"style":177},"500","14",[102,684,687],{"x":685,"y":686,"fill":106},"522","101","before · p75 980 ms",[90,689],{"x":681,"y":690,"width":682,"height":682,"fill":160,"opacity":659,"stroke":162,"style":177},"118",[102,692,694],{"x":685,"y":693,"fill":106},"129","after · p75 310 ms",[102,696,698],{"x":104,"y":697,"fill":115,"style":134},"268","web-vitals beacons, Chrome, two weeks each, ~140,000 internal navigations per period",[194,700,701],{},"Prerendered navigations collapse into the first bucket; the remaining 29% are touch navigations and links clicked too quickly to finish prerendering.",[14,703,704],{},"The cost side was small. Unused prerenders added a median of 38 KB per session — static pages with fingerprinted, already-cached assets are cheap to fetch twice — and the 19% increase in HTML requests at the CDN was served entirely from edge cache.",[27,706,708],{"id":707},"touch-devices-and-eagerness-tuning","Touch Devices and Eagerness Tuning",[14,710,711,712,715],{},"Hover does not exist on touch screens, so moderate eagerness falls back to pointer-down, which gives only 80–150 ms of head start — enough to fetch the HTML but rarely to finish rendering. Two refinements recover some of that gap for mobile readers. First, for the one link most readers take next — the \"next page\" link at the bottom of a docs page, or the first result on an index — add an explicit list rule with ",[39,713,714],{},"eagerness: \"eager\"",", emitted per page by the generator:",[213,717,719],{"className":215,"code":718,"language":217,"meta":218,"style":218},"\u003Cscript type=\"speculationrules\">\n{ \"prerender\": [{ \"urls\": [\"\u002Fguides\u002Fcaching-hugo-builds\u002F\"], \"eagerness\": \"eager\" }] }\n\u003C\u002Fscript>\n",[39,720,721,735,740],{"__ignoreMap":218},[222,722,723,725,727,729,731,733],{"class":110,"line":224},[222,724,228],{"class":227},[222,726,232],{"class":231},[222,728,236],{"class":235},[222,730,239],{"class":227},[222,732,243],{"class":242},[222,734,246],{"class":227},[222,736,737],{"class":110,"line":249},[222,738,739],{"class":227},"{ \"prerender\": [{ \"urls\": [\"\u002Fguides\u002Fcaching-hugo-builds\u002F\"], \"eagerness\": \"eager\" }] }\n",[222,741,742,744,746],{"class":110,"line":255},[222,743,342],{"class":227},[222,745,232],{"class":231},[222,747,246],{"class":227},[69,749,750,830],{},[72,751,80,756,80,759,80,762,80,765],{"viewBox":752,"role":75,"ariaLabelledBy":753,"xmlns":79},"0 0 760 250",[754,755],"spr-touch-title","spr-touch-desc",[82,757,758],{"id":754},"Head start before the click, by input type and rule",[86,760,761],{"id":755},"Three bars showing how much time the browser has to prerender before activation. Desktop hover with moderate eagerness gives about 600 milliseconds, enough to finish. Touch with moderate eagerness gives about 120 milliseconds from pointer-down, not enough. An eager rule for the predicted next link starts on page load and gives many seconds.",[90,763],{"x":92,"y":92,"width":93,"height":764,"fill":95},"250",[97,766,100,767,100,770,100,774,100,778,100,782,100,786,100,792,100,798,100,802,100,806,100,812,100,816,100,820,100,826,80],{"style":99},[102,768,769],{"x":104,"y":105,"fill":106,"style":107},"Time available to prerender before the click lands",[110,771],{"x1":764,"y1":772,"x2":764,"y2":773,"stroke":125,"style":116},"46","196",[110,775],{"x1":776,"y1":772,"x2":776,"y2":773,"stroke":139,"style":777},"430","stroke-width:1.5px;stroke-dasharray:5 4",[102,779,781],{"x":780,"y":676,"fill":139,"style":677},"436","~500 ms needed",[102,783,785],{"x":175,"y":784,"fill":106},"84","Desktop, moderate",[90,787],{"x":764,"y":788,"width":789,"height":790,"rx":791,"fill":160,"opacity":636,"stroke":162,"style":177},"68","216","24","4",[102,793,797],{"x":794,"y":795,"fill":169,"style":796},"476","85","font-weight:700","~600 ms · finishes",[102,799,801],{"x":175,"y":800,"fill":106},"134","Touch, moderate",[90,803],{"x":764,"y":690,"width":804,"height":790,"rx":791,"fill":635,"opacity":805,"stroke":637,"style":177},"43","0.3",[102,807,811],{"x":808,"y":809,"fill":810,"style":796},"303","135","#b32b30","~120 ms · partial",[102,813,815],{"x":175,"y":814,"fill":106},"184","Touch, eager \"next\"",[90,817],{"x":764,"y":818,"width":819,"height":790,"rx":791,"fill":160,"opacity":636,"stroke":162,"style":177},"168","470",[102,821,825],{"x":822,"y":823,"fill":106,"style":824},"485","185","text-anchor:middle","from page load · finishes long before the tap",[102,827,829],{"x":104,"y":828,"fill":115,"style":134},"232","Median hover-to-click and pointerdown-to-click intervals from RUM on the docs site",[194,831,832],{},"Touch readers need a prediction rather than an intent signal, which is why one eager rule per page pays off.",[14,834,835],{},"This prerenders that one page as soon as the current one loads. On the docs site, mobile readers followed the \"next\" link in 34% of sessions, and those navigations dropped from 710 ms to 60 ms click-to-LCP. Second, keep everything else at moderate: eager rules on every link would prerender dozens of pages per view on an index page, wasting bandwidth on metered connections. Chrome also disables speculation when Data Saver or battery saver is on, which is the right behaviour to leave in place.",[27,837,839],{"id":838},"choosing-the-predicted-page","Choosing the Predicted Page",[14,841,842],{},"The eager rule is only as good as its prediction. The simplest source is structure: docs sites have an explicit reading order, and a \"next page\" link derived from the sidebar is right more often than any heuristic. Blogs can use the most-followed related post, which is computable from a month of referrer data at build time — a small JSON file mapping each path to its most common next path, read by the layout. On the docs site, structural prediction was correct 34% of the time on mobile; referrer-based prediction on the blog was correct 22% of the time. Both are low enough that a wrong guess must be cheap, which for a static page with cached assets it is — a single HTML file of 15–40 KB.",[27,844,846],{"id":845},"pitfalls-rollback","Pitfalls & Rollback",[32,848,849,860,866,872,884],{},[35,850,851,855,856,859],{},[852,853,854],"strong",{},"Counting prerenders as page views."," Gate analytics on ",[39,857,858],{},"prerenderingchange",", or your traffic figures jump overnight.",[35,861,862,865],{},[852,863,864],{},"Eager rules on link-heavy pages."," An index with 200 links should never prerender eagerly. Use moderate by default and eager only for one or two predicted pages.",[35,867,868,871],{},[852,869,870],{},"Side-effect URLs."," Anything that changes state on GET — logout, unsubscribe, \"mark as read\" — must be excluded. Static sites rarely have them, but check.",[35,873,874,880,881,883],{},[852,875,876,879],{},[39,877,878],{},"no-store"," HTML."," Pages served with ",[39,882,474],{}," are not prerendered in some cases. Static HTML should not need it.",[35,885,886,889],{},[852,887,888],{},"Rollback:"," the feature is one script element. Removing it restores normal navigation on the next deploy; unsupported browsers were never affected.",[27,891,893],{"id":892},"conclusion","Conclusion",[14,895,896],{},"Speculation rules give a multi-page static site app-like navigation without a client-side router: one script block in the base layout, prerender-aware analytics, and a few exclusions. On a 900-page docs site, 71% of Chrome's internal navigations were served from prerender, median click-to-LCP fell from 620 ms to 40 ms, and the cost was 38 KB of extra transfer per session. Add per-page eager rules for the obvious next link to extend the benefit to touch devices.",[27,898,900],{"id":899},"faq","FAQ",[902,903,905],"h3",{"id":904},"which-browsers-support-speculation-rules","Which browsers support speculation rules?",[14,907,908],{},"Chromium-based browsers, including Chrome and Edge, support prefetch and prerender via speculation rules. Other browsers ignore the script element, so adding rules never breaks anything; readers on unsupported browsers simply navigate normally.",[902,910,912],{"id":911},"what-eagerness-should-a-static-site-use","What eagerness should a static site use?",[14,914,915],{},"Moderate for prerender. It starts after the pointer rests on a link for about 200 milliseconds, or on pointer-down on touch screens, which catches most clicks with little waste. Eager prerendering on load wastes bandwidth on pages with many links.",[902,917,919],{"id":918},"will-prerendering-inflate-my-analytics","Will prerendering inflate my analytics?",[14,921,922],{},"It can if your analytics script records a page view as soon as it runs. Check document.prerendering and wait for the prerenderingchange event before sending the page view, so only pages the reader actually sees are counted.",[902,924,926],{"id":925},"how-many-pages-can-be-prerendered-at-once","How many pages can be prerendered at once?",[14,928,929],{},"Chrome limits concurrent prerenders; with moderate eagerness only a couple of recent candidates are kept, and older ones are discarded as new ones start. That limit is why moderate eagerness is both effective and cheap.",[27,931,933],{"id":932},"related","Related",[32,935,936,945,952,959,964],{},[35,937,938,941,942,944],{},[852,939,940],{},"Parent:"," ",[21,943,24],{"href":23}," — all the navigation and priority hints.",[35,946,947,951],{},[21,948,950],{"href":949},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro\u002F","Prefetching Links in Astro"," — Astro's built-in prefetch, which can emit speculation rules.",[35,953,954,958],{},[21,955,957],{"href":956},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fview-transitions-on-multi-page-static-sites\u002F","View Transitions on Multi-Page Static Sites"," — animating the instant swap.",[35,960,961,963],{},[21,962,60],{"href":59}," — the RUM setup used for these numbers.",[35,965,966,970],{},[21,967,969],{"href":968},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fself-hosting-analytics-to-cut-third-party-requests\u002F","Self-Hosting Analytics to Cut Third-Party Requests"," — where the prerender-aware beacon lives.",[972,973,974],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":218,"searchDepth":249,"depth":249,"links":976},[977,978,979,980,981,982,983,984,985,986,987,993],{"id":29,"depth":249,"text":30},{"id":63,"depth":249,"text":64},{"id":199,"depth":249,"text":200},{"id":352,"depth":249,"text":353},{"id":467,"depth":249,"text":468},{"id":492,"depth":249,"text":493},{"id":707,"depth":249,"text":708},{"id":838,"depth":249,"text":839},{"id":845,"depth":249,"text":846},{"id":892,"depth":249,"text":893},{"id":899,"depth":249,"text":900,"children":988},[989,990,991,992],{"id":904,"depth":255,"text":905},{"id":911,"depth":255,"text":912},{"id":918,"depth":255,"text":919},{"id":925,"depth":255,"text":926},{"id":932,"depth":249,"text":933},[995,998,1001,1002],{"name":996,"item":997},"Home","\u002F",{"name":999,"item":1000},"Performance Optimization & Core Web Vitals for SSGs","\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002F",{"name":24,"item":23},{"name":5,"item":1003},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules\u002F","2026-09-18","Prerender likely next pages on a static site with the Speculation Rules API: eagerness levels, exclusions, prerender-aware analytics and field results.","md",[1008,1009,1010,1011],{"q":905,"a":908},{"q":912,"a":915},{"q":919,"a":922},{"q":926,"a":929},{},true,"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules",{"title":5,"description":1005},"performance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules\u002Findex","article","gxnIsPh_9zEE3nob54PTP8VIuW4j5zu6dA-isXGE1jw",[1020,1023,1026,1029,1032,1035,1038,1041,1044,1047,1050,1053,1056,1059,1062,1065,1068,1071,1074,1077,1080,1083,1086,1089,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119,1122,1125,1128,1131,1134,1137,1140,1143,1146,1149,1152,1155,1158,1161,1164,1167,1170,1173,1176,1179,1182,1185,1188,1191,1194,1197,1200,1203,1206,1209,1212,1215,1218,1221,1224,1227,1230,1233,1236,1239,1242,1245,1248,1251,1254,1257,1260,1263,1266,1269,1272,1275,1278,1281,1284,1287,1290,1293,1296,1299,1302,1305,1308,1311,1314,1317,1320,1323,1325,1326,1329,1331,1333,1336,1339,1342,1345,1348,1350,1353,1356,1359,1362,1365,1368,1371,1374,1377,1380,1383,1386,1389,1392,1395,1398,1401,1404,1407,1410,1413,1416,1419,1422,1425,1428,1431,1434,1436,1439,1442,1445,1448,1451,1454,1457,1460,1463,1466,1469,1472,1475,1478,1481,1484,1487,1490,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544,1547,1550,1553,1556,1559],{"path":1021,"title":1022},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fastro-vs-eleventy-build-times-at-10000-pages","Astro vs Eleventy Build Times at 10,000 Pages",{"path":1024,"title":1025},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fchoosing-between-astro-and-eleventy-for-large-docs","Astro vs Eleventy for Large Docs (1000+ Pages)",{"path":1027,"title":1028},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fcontent-collections-vs-eleventy-data-cascade","Content Collections vs the Eleventy Data Cascade",{"path":1030,"title":1031},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1033,"title":1034},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fshortcodes-vs-components-for-docs-authors","Shortcodes vs Components for Docs Authors",{"path":1036,"title":1037},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites\u002Fsidebar-navigation-in-astro-and-eleventy","Sidebar Navigation in Astro and Eleventy",{"path":1039,"title":1040},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fcustomizing-starlight-without-forking-the-theme","Customizing Starlight Without Forking the Theme",{"path":1042,"title":1043},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fdocusaurus-vs-starlight-for-product-documentation","Docusaurus vs Starlight for Product Documentation",{"path":1045,"title":1046},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1048,"title":1049},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmdx-vs-markdoc-for-docs-content","MDX vs Markdoc for Docs Content",{"path":1051,"title":1052},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1054,"title":1055},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1057,"title":1058},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1060,"title":1061},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fhow-to-benchmark-hugo-vs-astro-build-speeds","How to Benchmark Hugo vs Astro Build Speeds",{"path":1063,"title":1064},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fhugo-partialcached-for-faster-builds","Hugo partialCached for Faster Builds",{"path":1066,"title":1067},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1069,"title":1070},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fprofiling-hugo-templates-with-template-metrics","Profiling Hugo Templates With Template Metrics",{"path":1072,"title":1073},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Freducing-hugo-memory-usage-on-ci-runners","Reducing Hugo Memory Usage on CI Runners",{"path":1075,"title":1076},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories\u002Fspeeding-up-hugo-builds-with-render-hooks-and-caching","Speeding Up Hugo Builds with Render Hooks & Caching",{"path":1078,"title":1079},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1081,"title":1082},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Feleventy-vs-jekyll-for-markdown-heavy-blogs","Eleventy vs Jekyll for Markdown-Heavy Blogs",{"path":1084,"title":1085},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1087,"title":1088},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Freplacing-jekyll-plugins-when-migrating-to-eleventy","Replacing Jekyll Plugins When Migrating to Eleventy",{"path":1090,"title":1091},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Frunning-jekyll-on-github-pages-without-plugins","Running Jekyll on GitHub Pages Without Plugins",{"path":1093,"title":1094},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1096,"title":1097},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1099,"title":1100},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fconverting-front-matter-at-scale-during-migration","Converting Front Matter at Scale During Migration",{"path":1102,"title":1103},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1105,"title":1106},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fkeeping-redirects-working-after-an-ssg-migration","Keeping Redirects Working After an SSG Migration",{"path":1108,"title":1109},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-a-docs-site-from-jekyll-to-hugo","Migrating a Docs Site From Jekyll to Hugo",{"path":1111,"title":1112},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1114,"title":1115},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-hugo-to-astro-without-breaking-urls","Migrating From Hugo to Astro Without Breaking URLs",{"path":1117,"title":1118},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-wordpress-to-a-static-site-generator","Migrating WordPress to a Static Site Generator",{"path":1120,"title":1121},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fporting-shortcodes-and-includes-between-generators","Porting Shortcodes and Includes Between Generators",{"path":1123,"title":1124},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fhandling-dynamic-routes-in-nextjs-static-export","Handling Dynamic Routes in Next.js Static Export",{"path":1126,"title":1127},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1129,"title":1130},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fmigrating-from-gatsby-to-nextjs-static-export","Migrating from Gatsby to Next.js Static Export",{"path":1132,"title":1133},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fnextjs-app-router-static-export-limitations","Next.js App Router Static Export Limitations",{"path":1135,"title":1136},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Fnextjs-static-export-vs-astro-for-marketing-sites","Next.js Static Export vs Astro for Marketing",{"path":1138,"title":1139},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites\u002Foptimizing-images-in-nextjs-static-export","Optimizing Images in Next.js Static Export",{"path":1141,"title":1142},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site","Adding Pagefind to an Astro Site",{"path":1144,"title":1145},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fbuilding-a-lunr-index-at-build-time-in-eleventy","Building a Lunr Index at Build Time in Eleventy",{"path":1147,"title":1148},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1150,"title":1151},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1153,"title":1154},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1156,"title":1157},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1159,"title":1160},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fsearch-index-size-budgets-for-large-docs","Search Index Size Budgets for Large Docs",{"path":1162,"title":1163},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fbest-ssg-for-technical-writers-without-coding-experience","Best SSG for Non-Developer Technical Writers",{"path":1165,"title":1166},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fchoosing-an-ssg-for-api-reference-documentation","Choosing an SSG for API Reference Documentation",{"path":1168,"title":1169},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1171,"title":1172},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1174,"title":1175},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fpicking-an-ssg-for-a-multi-language-documentation-site","Picking an SSG for a Multi-Language Docs Site",{"path":1177,"title":1178},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fssg-selection-checklist-for-engineering-teams","SSG Selection Checklist for Engineering Teams",{"path":1180,"title":1181},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Ftotal-cost-of-ownership-for-static-site-generators","Total Cost of Ownership for Static Site Generators",{"path":1183,"title":1184},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames","Cache Busting with Content-Hashed Filenames",{"path":1186,"title":1187},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1189,"title":1190},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fpurging-the-cdn-cache-after-a-static-deploy","Purging the CDN Cache After a Static Deploy",{"path":1192,"title":1193},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fsetting-cache-control-headers-on-cloudflare-pages","Cache-Control Headers on Cloudflare Pages",{"path":1195,"title":1196},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fsetting-up-proper-cache-headers-on-netlify","Proper Cache Headers on Netlify for SSGs",{"path":1198,"title":1199},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fstale-while-revalidate-for-static-html","Stale-While-Revalidate for Static HTML",{"path":1201,"title":1202},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Feliminating-layout-shift-from-web-fonts","Eliminating Layout Shift From Web Fonts",{"path":1204,"title":1205},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-cookie-banners","Fixing CLS from Cookie Banners",{"path":1207,"title":1208},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-late-loading-embeds","Fixing CLS From Late-Loading Embeds",{"path":1210,"title":1211},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-sticky-headers-and-anchor-links","Fixing CLS from Sticky Headers and Anchor Links",{"path":1213,"title":1214},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1216,"title":1217},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Fmeasuring-cls-in-the-field-with-web-vitals-js","Measuring CLS in the Field With web-vitals.js",{"path":1219,"title":1220},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Freserving-space-for-images-and-embeds-to-stop-layout-shift","Reserving Space for Images and Embeds",{"path":1222,"title":1223},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1225,"title":1226},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1228,"title":1229},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fmetric-matched-fallback-fonts-with-size-adjust","Metric-Matched Fallback Fonts with size-adjust",{"path":1231,"title":1232},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1234,"title":1235},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fself-hosting-google-fonts-to-eliminate-layout-shift","Self-Host Google Fonts to Eliminate Layout Shift",{"path":1237,"title":1238},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fsubsetting-variable-fonts-for-faster-first-render","Subsetting Variable Fonts for Faster First Render",{"path":1240,"title":1241},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fbuilding-an-image-cdn-pipeline-for-static-sites","Building an Image CDN Pipeline for Static Sites",{"path":1243,"title":1244},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fgenerating-open-graph-images-at-build-time","Generating Open Graph Images at Build Time",{"path":1246,"title":1247},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1249,"title":1250},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Flazy-loading-images-without-hurting-lcp","Lazy-Loading Images Without Hurting LCP",{"path":1252,"title":1253},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Foptimizing-webp-images-in-hugo-without-plugins","Optimizing WebP Images in Hugo Without Plugins",{"path":1255,"title":1256},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fresponsive-images-with-srcset-in-eleventy","Responsive Images with srcset in Eleventy",{"path":1258,"title":1259},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro\u002Fserving-avif-with-fallbacks-on-static-sites","Serving AVIF With Fallbacks on Static Sites",{"path":1261,"title":1262},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1264,"title":1265},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1267,"title":1268},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fdeferring-hydration-with-client-visible-in-astro","Deferring Hydration with client:visible in Astro",{"path":1270,"title":1271},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fhow-to-reduce-bundle-size-in-eleventy-builds","How to Reduce Bundle Size in Eleventy Builds",{"path":1273,"title":1274},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1276,"title":1277},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fmeasuring-inp-on-static-sites-with-real-user-monitoring","Measuring INP on Static Sites with RUM",{"path":1279,"title":1280},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1282,"title":1283},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Feliminating-render-blocking-css-on-static-sites","Eliminating Render-Blocking CSS on Static Sites",{"path":1285,"title":1286},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Ffixing-lcp-on-text-heavy-documentation-pages","Fixing LCP on Text-Heavy Documentation Pages",{"path":1288,"title":1289},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1291,"title":1292},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Fmeasuring-lcp-subparts-with-devtools","Measuring LCP Subparts with DevTools",{"path":1294,"title":1295},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Foptimizing-lcp-on-astro-with-priority-hints","Optimizing LCP on Astro with Priority Hints",{"path":1297,"title":1298},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Freducing-lcp-from-hero-images-on-static-sites","Reducing LCP from Hero Images on Static Sites",{"path":1300,"title":1301},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux","Comparing Lab and Field Data with CrUX",{"path":1303,"title":1304},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1306,"title":1307},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Freducing-lighthouse-score-variance-in-ci","Reducing Lighthouse Score Variance in CI",{"path":1309,"title":1310},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys","Running WebPageTest Scripts Against Preview Deploys",{"path":1312,"title":1313},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site","Setting Up Lighthouse CI for a Static Site",{"path":1315,"title":1316},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Ftracking-bundle-size-per-pull-request","Tracking Bundle Size per Pull Request",{"path":1318,"title":1319},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fwriting-a-performance-budget-that-fails-builds","Writing a Performance Budget That Fails Builds",{"path":1321,"title":1322},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1324,"title":24},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed",{"path":1014,"title":5},{"path":1327,"title":1328},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fpreconnect-vs-dns-prefetch-on-static-sites","Preconnect vs DNS-Prefetch on Static Sites",{"path":1330,"title":950},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro",{"path":1332,"title":957},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fview-transitions-on-multi-page-static-sites",{"path":1334,"title":1335},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fauditing-third-party-scripts-with-lighthouse","Auditing Third-Party Scripts With Lighthouse",{"path":1337,"title":1338},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1340,"title":1341},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Flazy-loading-youtube-embeds-on-static-sites","Lazy-Loading YouTube Embeds on Static Sites",{"path":1343,"title":1344},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Floading-google-tag-manager-without-hurting-inp","Loading Google Tag Manager Without Hurting INP",{"path":1346,"title":1347},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Frunning-third-party-scripts-in-a-web-worker-with-partytown","Running Third-Party Scripts in a Web Worker with Partytown",{"path":1349,"title":969},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fself-hosting-analytics-to-cut-third-party-requests",{"path":1351,"title":1352},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1354,"title":1355},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1357,"title":1358},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fcustom-domains-and-tls-on-cloudflare-pages","Custom Domains and TLS on Cloudflare Pages",{"path":1360,"title":1361},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fdeploying-hugo-to-cloudflare-pages-and-workers","Deploying Hugo to Cloudflare Pages and Workers",{"path":1363,"title":1364},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1366,"title":1367},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fmigrating-from-cloudflare-pages-to-workers-static-assets","Migrating from Cloudflare Pages to Workers Static Assets",{"path":1369,"title":1370},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1372,"title":1373},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fdocs-as-code-review-workflow-for-writers","Docs-as-Code Review Workflow for Writers",{"path":1375,"title":1376},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1378,"title":1379},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1381,"title":1382},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fscheduling-content-publication-with-cron-triggered-builds","Scheduling Content Publication With Cron-Triggered Builds",{"path":1384,"title":1385},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fwiring-a-headless-cms-to-a-static-build","Wiring a Headless CMS to a Static Build",{"path":1387,"title":1388},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1390,"title":1391},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fcaching-node-modules-in-github-actions-for-faster-ssg-builds","Caching node_modules in GitHub Actions",{"path":1393,"title":1394},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1396,"title":1397},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-multiple-environments-from-one-workflow","Deploying to Multiple Environments From One Workflow",{"path":1399,"title":1400},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fhow-to-set-up-github-actions-for-hugo-deployments","GitHub Actions for Hugo Deployments",{"path":1402,"title":1403},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1405,"title":1406},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1408,"title":1409},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fcaching-hugo-builds-in-github-actions","Caching Hugo Builds in GitHub Actions",{"path":1411,"title":1412},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1414,"title":1415},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fincremental-builds-in-astro-with-the-content-layer","Incremental Builds in Astro with the Content Layer",{"path":1417,"title":1418},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1420,"title":1421},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fmeasuring-build-time-regressions-in-ci","Measuring Build-Time Regressions in CI",{"path":1423,"title":1424},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fremote-caching-with-turborepo-for-ssg-monorepos","Remote Caching with Turborepo for SSG Monorepos",{"path":1426,"title":1427},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fsharing-build-cache-across-ci-runners","Sharing Build Cache Across CI Runners",{"path":1429,"title":1430},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1432,"title":1433},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1435,"title":489},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data",{"path":1437,"title":1438},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fcrawling-for-broken-links-on-a-schedule","Crawling for Broken Links on a Schedule",{"path":1440,"title":1441},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1443,"title":1444},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1446,"title":1447},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fuptime-and-synthetic-checks-for-static-sites","Uptime and Synthetic Checks for Static Sites",{"path":1449,"title":1450},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1452,"title":1453},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1455,"title":1456},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1458,"title":1459},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-redirects-and-rewrites-for-static-sites","Netlify Redirects and Rewrites for Static Sites",{"path":1461,"title":1462},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fsetting-up-deploy-previews-on-netlify-for-every-pull-request","Netlify Deploy Previews for Every Pull Request",{"path":1464,"title":1465},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fvercel-isr-vs-static-generation-for-ssgs","Vercel ISR vs Static Generation for SSGs",{"path":1467,"title":1468},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fautomating-preview-deploy-pipelines-with-github-actions","Automating Preview Deploy Pipelines with GitHub Actions",{"path":1470,"title":1471},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1473,"title":1474},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1476,"title":1477},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1479,"title":1480},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1482,"title":1483},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1485,"title":1486},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1488,"title":1489},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1491,"title":1492},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1494,"title":1495},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1497,"title":1498},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Frolling-back-a-bad-static-deploy-in-under-a-minute","Rolling Back a Bad Static Deploy in Under a Minute",{"path":1500,"title":1501},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Frunning-smoke-tests-against-a-preview-url","Running Smoke Tests Against a Preview URL",{"path":1503,"title":1504},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1506,"title":1507},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1509,"title":1510},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fhash-based-csp-for-inline-scripts-in-astro","Hash-Based CSP for Inline Scripts in Astro",{"path":1512,"title":1513},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1515,"title":1516},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1518,"title":1519},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1521,"title":1522},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fwriting-a-content-security-policy-for-a-static-site","Writing a Content Security Policy for a Static Site",{"path":1524,"title":1525},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1527,"title":1528},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1530,"title":1531},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fdeploying-a-static-site-to-s3-and-cloudfront","Deploying a Static Site to S3 and CloudFront",{"path":1533,"title":1534},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1536,"title":1537},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1539,"title":1540},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1542,"title":1543},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1545,"title":1546},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fadding-a-contact-form-with-cloudflare-workers","Adding a Contact Form with Cloudflare Workers",{"path":1548,"title":1549},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fhandling-form-submissions-on-a-static-site","Handling Form Submissions on a Static Site",{"path":1551,"title":1552},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1554,"title":1555},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1557,"title":1558},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1560,"title":1561},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fproxying-third-party-apis-from-an-edge-function","Proxying Third-Party APIs from an Edge Function",1789722847849]