[{"data":1,"prerenderedAt":1724},["ShallowReactive",2],{"page:\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro":3,"all-docs-nav":1183},{"id":4,"title":5,"body":6,"breadcrumb":1159,"dateModified":1168,"datePublished":1168,"description":1169,"extension":1170,"faq":1171,"meta":1176,"navigation":1177,"path":1178,"seo":1179,"slug":12,"stem":1180,"type":1181,"__hash__":1182},"content\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro\u002Findex.md","Prefetching Links in Astro",{"type":7,"value":8,"toc":1140},"minimark",[9,13,22,39,44,64,68,195,214,224,228,231,329,376,527,531,534,574,581,686,690,711,715,722,820,911,917,921,957,961,992,995,999,1053,1057,1063,1067,1072,1075,1079,1082,1086,1089,1093,1096,1100,1136],[10,11,5],"h1",{"id":12},"prefetching-links-in-astro",[14,15,16,17,21],"p",{},"Astro ships its own link prefetching: a small script that watches links on the page and fetches their target pages before the reader clicks, so navigations start from the HTTP cache rather than the network. It is off by default for most sites, takes one line to enable, and has four strategies whose trade-offs are worth understanding before turning it on everywhere. With the experimental ",[18,19,20],"code",{},"clientPrerender"," flag, the same configuration emits Speculation Rules in supporting browsers, upgrading prefetch to full prerender.",[14,23,24,25,30,31,33,34,38],{},"This guide configures prefetch for an Astro marketing and docs site, chooses a strategy per link type, and measures the effect on navigation. It is part of ",[26,27,29],"a",{"href":28},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002F","Resource Hints and Navigation Speed","; the browser-level API behind ",[18,32,20],{}," is covered in ",[26,35,37],{"href":36},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules\u002F","Instant Navigation with Speculation Rules",".",[40,41,43],"h2",{"id":42},"prerequisites","Prerequisites",[45,46,47,54,61],"ul",{},[48,49,50,51,53],"li",{},"Astro 4.2 or newer (prefetch became built-in in 3.5; ",[18,52,20],{}," arrived in 4.2).",[48,55,56,57,60],{},"A static build (",[18,58,59],{},"output: 'static'",").",[48,62,63],{},"Some idea of which links readers follow most — analytics exit pages or a simple click log.",[40,65,67],{"id":66},"step-1-turn-it-on","Step 1: Turn It On",[69,70,75],"pre",{"className":71,"code":72,"language":73,"meta":74,"style":74},"language-js shiki shiki-themes github-light github-dark","\u002F\u002F astro.config.mjs\nimport { defineConfig } from 'astro\u002Fconfig';\nexport default defineConfig({\n  prefetch: {\n    prefetchAll: false,          \u002F\u002F opt links in explicitly\n    defaultStrategy: 'hover',\n  },\n  experimental: {\n    clientPrerender: true,       \u002F\u002F speculation rules where supported\n  },\n});\n","js","",[18,76,77,86,107,123,129,145,157,163,169,184,189],{"__ignoreMap":74},[78,79,82],"span",{"class":80,"line":81},"line",1,[78,83,85],{"class":84},"sJ8bj","\u002F\u002F astro.config.mjs\n",[78,87,89,93,97,100,104],{"class":80,"line":88},2,[78,90,92],{"class":91},"szBVR","import",[78,94,96],{"class":95},"sVt8B"," { defineConfig } ",[78,98,99],{"class":91},"from",[78,101,103],{"class":102},"sZZnC"," 'astro\u002Fconfig'",[78,105,106],{"class":95},";\n",[78,108,110,113,116,120],{"class":80,"line":109},3,[78,111,112],{"class":91},"export",[78,114,115],{"class":91}," default",[78,117,119],{"class":118},"sScJk"," defineConfig",[78,121,122],{"class":95},"({\n",[78,124,126],{"class":80,"line":125},4,[78,127,128],{"class":95},"  prefetch: {\n",[78,130,132,135,139,142],{"class":80,"line":131},5,[78,133,134],{"class":95},"    prefetchAll: ",[78,136,138],{"class":137},"sj4cs","false",[78,140,141],{"class":95},",          ",[78,143,144],{"class":84},"\u002F\u002F opt links in explicitly\n",[78,146,148,151,154],{"class":80,"line":147},6,[78,149,150],{"class":95},"    defaultStrategy: ",[78,152,153],{"class":102},"'hover'",[78,155,156],{"class":95},",\n",[78,158,160],{"class":80,"line":159},7,[78,161,162],{"class":95},"  },\n",[78,164,166],{"class":80,"line":165},8,[78,167,168],{"class":95},"  experimental: {\n",[78,170,172,175,178,181],{"class":80,"line":171},9,[78,173,174],{"class":95},"    clientPrerender: ",[78,176,177],{"class":137},"true",[78,179,180],{"class":95},",       ",[78,182,183],{"class":84},"\u002F\u002F speculation rules where supported\n",[78,185,187],{"class":80,"line":186},10,[78,188,162],{"class":95},[78,190,192],{"class":80,"line":191},11,[78,193,194],{"class":95},"});\n",[14,196,197,198,201,202,205,206,209,210,213],{},"With ",[18,199,200],{},"prefetchAll: false",", only links carrying ",[18,203,204],{},"data-astro-prefetch"," are prefetched. That is the safer starting point: it forces a decision per link type instead of prefetching every footer and legal link. With ",[18,207,208],{},"prefetchAll: true",", every same-origin link is a candidate and ",[18,211,212],{},"data-astro-prefetch=\"false\""," opts individual links out.",[14,215,216,217,220,221,223],{},"If the site uses Astro's ",[18,218,219],{},"\u003CClientRouter \u002F>"," for view transitions, prefetching is enabled automatically with ",[18,222,208],{}," and the hover strategy — worth knowing, because teams sometimes discover the extra requests only in CDN logs.",[40,225,227],{"id":226},"step-2-choose-a-strategy-per-link-type","Step 2: Choose a Strategy per Link Type",[14,229,230],{},"Astro offers four strategies, set per link with the attribute value:",[232,233,234,253],"table",{},[235,236,237],"thead",{},[238,239,240,244,247,250],"tr",{},[241,242,243],"th",{},"Strategy",[241,245,246],{},"Fires when",[241,248,249],{},"Good for",[241,251,252],{},"Cost",[254,255,256,273,297,313],"tbody",{},[238,257,258,264,267,270],{},[259,260,261],"td",{},[18,262,263],{},"hover",[259,265,266],{},"pointer hovers or keyboard focus",[259,268,269],{},"general navigation, sidebar, in-content links",[259,271,272],{},"low",[238,274,275,280,291,294],{},[259,276,277],{},[18,278,279],{},"tap",[259,281,282,283,286,287,290],{},"just before click (",[18,284,285],{},"touchstart","\u002F",[18,288,289],{},"mousedown",")",[259,292,293],{},"large link lists, bandwidth-sensitive pages",[259,295,296],{},"lowest",[238,298,299,304,307,310],{},[259,300,301],{},[18,302,303],{},"viewport",[259,305,306],{},"link scrolls into view",[259,308,309],{},"pagination, \"next article\", short card grids",[259,311,312],{},"medium",[238,314,315,320,323,326],{},[259,316,317],{},[18,318,319],{},"load",[259,321,322],{},"page load, after idle",[259,324,325],{},"the one link nearly everyone follows",[259,327,328],{},"highest",[69,330,334],{"className":331,"code":332,"language":333,"meta":74,"style":74},"language-astro shiki shiki-themes github-light github-dark","\u003C!-- Docs sidebar: hover -->\n\u003Ca href={item.href} data-astro-prefetch>{item.label}\u003C\u002Fa>\n\u003C!-- \"Next page\" link at the bottom of each guide: viewport -->\n\u003Ca href={next.href} data-astro-prefetch=\"viewport\">Next: {next.title} →\u003C\u002Fa>\n\u003C!-- Homepage primary call to action: load -->\n\u003Ca href=\"\u002Fdocs\u002Fgetting-started\u002F\" data-astro-prefetch=\"load\">Get started\u003C\u002Fa>\n\u003C!-- Footer and legal links: none -->\n\u003Ca href=\"\u002Flegal\u002Fprivacy\u002F\">Privacy\u003C\u002Fa>\n","astro",[18,335,336,341,346,351,356,361,366,371],{"__ignoreMap":74},[78,337,338],{"class":80,"line":81},[78,339,340],{},"\u003C!-- Docs sidebar: hover -->\n",[78,342,343],{"class":80,"line":88},[78,344,345],{},"\u003Ca href={item.href} data-astro-prefetch>{item.label}\u003C\u002Fa>\n",[78,347,348],{"class":80,"line":109},[78,349,350],{},"\u003C!-- \"Next page\" link at the bottom of each guide: viewport -->\n",[78,352,353],{"class":80,"line":125},[78,354,355],{},"\u003Ca href={next.href} data-astro-prefetch=\"viewport\">Next: {next.title} →\u003C\u002Fa>\n",[78,357,358],{"class":80,"line":131},[78,359,360],{},"\u003C!-- Homepage primary call to action: load -->\n",[78,362,363],{"class":80,"line":147},[78,364,365],{},"\u003Ca href=\"\u002Fdocs\u002Fgetting-started\u002F\" data-astro-prefetch=\"load\">Get started\u003C\u002Fa>\n",[78,367,368],{"class":80,"line":159},[78,369,370],{},"\u003C!-- Footer and legal links: none -->\n",[78,372,373],{"class":80,"line":165},[78,374,375],{},"\u003Ca href=\"\u002Flegal\u002Fprivacy\u002F\">Privacy\u003C\u002Fa>\n",[377,378,379,523],"figure",{},[380,381,388,389,388,393,388,397,388,404,388,506],"svg",{"viewBox":382,"role":383,"ariaLabelledBy":384,"xmlns":387},"0 0 760 290","img",[385,386],"apf-strat-title","apf-strat-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[390,391,392],"title",{"id":385},"When each prefetch strategy fires",[394,395,396],"desc",{"id":386},"A reader timeline: page load, link scrolls into view, pointer hovers, pointer down, click. Load strategy fires at page load. Viewport fires when the link becomes visible. Hover fires on hover. Tap fires on pointer down. Earlier strategies give more head start but prefetch more links that are never clicked.",[398,399],"rect",{"x":400,"y":400,"width":401,"height":402,"fill":403},"0","760","290","#ffffff",[405,406,408,409,408,417,408,424,408,429,408,434,408,437,408,440,408,443,408,445,408,448,408,451,408,455,408,461,408,470,408,474,408,480,408,483,408,488,408,492,408,498,408,502,388],"g",{"style":407},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[410,411,416],"text",{"x":412,"y":413,"fill":414,"style":415},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","Earlier trigger, more head start, more waste",[80,418],{"x1":419,"y1":420,"x2":421,"y2":420,"stroke":422,"style":423},"60","200","720","#556071","stroke-width:2px;marker-end:url(#apf-arrow)",[425,426],"circle",{"cx":427,"cy":420,"r":428,"fill":422},"100","6",[410,430,433],{"x":427,"y":431,"fill":422,"style":432},"222","font-size:11px;text-anchor:middle","page load",[425,435],{"cx":436,"cy":420,"r":428,"fill":422},"280",[410,438,439],{"x":436,"y":431,"fill":422,"style":432},"link in view",[425,441],{"cx":442,"cy":420,"r":428,"fill":422},"460",[410,444,263],{"x":442,"y":431,"fill":422,"style":432},[425,446],{"cx":447,"cy":420,"r":428,"fill":422},"590",[410,449,450],{"x":447,"y":431,"fill":422,"style":432},"pointer down",[425,452],{"cx":453,"cy":420,"r":428,"fill":454},"660","#d83b41",[410,456,460],{"x":453,"y":457,"fill":458,"style":459},"244","#b32b30","font-size:11px;font-weight:700;text-anchor:middle","click",[398,462],{"x":427,"y":463,"width":464,"height":465,"rx":466,"fill":467,"opacity":468,"stroke":454,"style":469},"56","560","22","4","#ff595e","0.18","stroke-width:1px",[410,471,319],{"x":472,"y":473,"fill":414},"110","72",[398,475],{"x":436,"y":476,"width":412,"height":465,"rx":466,"fill":477,"opacity":478,"stroke":479,"style":469},"88","#ffca3a","0.3","#a97b00",[410,481,303],{"x":402,"y":482,"fill":414},"104",[398,484],{"x":442,"y":485,"width":420,"height":465,"rx":466,"fill":486,"opacity":478,"stroke":487,"style":469},"120","#8ac926","#5a8a16",[410,489,263],{"x":490,"y":491,"fill":414},"470","136",[398,493],{"x":447,"y":494,"width":495,"height":465,"rx":466,"fill":496,"opacity":497,"stroke":496,"style":469},"152","70","#1982c4","0.25",[410,499,279],{"x":500,"y":501,"fill":414},"600","168",[410,503,505],{"x":412,"y":504,"fill":422,"style":432},"276","Bar length = head start before the click; every bar is also a request that may never be used",[507,508,408,509,388],"defs",{},[510,511,518,519,408],"marker",{"id":512,"viewBox":513,"refX":514,"refY":515,"markerWidth":516,"markerHeight":516,"orient":517},"apf-arrow","0 0 10 10","8","5","7","auto-start-reverse","\n      ",[520,521],"path",{"d":522,"fill":422},"M0 0 L10 5 L0 10 z",[524,525,526],"figcaption",{},"Match the strategy to the probability that the link is followed: the more certain the click, the earlier you can afford to fetch.",[40,528,530],{"id":529},"step-3-prefetch-programmatically-where-needed","Step 3: Prefetch Programmatically Where Needed",[14,532,533],{},"Some navigations are predictable but not links — a search result list that appears after typing, or a \"continue\" button driven by JavaScript. Astro exposes the same mechanism as a function:",[69,535,537],{"className":331,"code":536,"language":333,"meta":74,"style":74},"\u003Cscript>\n  import { prefetch } from 'astro:prefetch';\n  document.addEventListener('search:results', (e) => {\n    const first = e.detail.results[0]?.url;\n    if (first) prefetch(first, { eagerness: 'moderate' });\n  });\n\u003C\u002Fscript>\n",[18,538,539,544,549,554,559,564,569],{"__ignoreMap":74},[78,540,541],{"class":80,"line":81},[78,542,543],{},"\u003Cscript>\n",[78,545,546],{"class":80,"line":88},[78,547,548],{},"  import { prefetch } from 'astro:prefetch';\n",[78,550,551],{"class":80,"line":109},[78,552,553],{},"  document.addEventListener('search:results', (e) => {\n",[78,555,556],{"class":80,"line":125},[78,557,558],{},"    const first = e.detail.results[0]?.url;\n",[78,560,561],{"class":80,"line":131},[78,562,563],{},"    if (first) prefetch(first, { eagerness: 'moderate' });\n",[78,565,566],{"class":80,"line":147},[78,567,568],{},"  });\n",[78,570,571],{"class":80,"line":159},[78,572,573],{},"\u003C\u002Fscript>\n",[14,575,576,577,38],{},"Prefetching the first search result when results render made the \"search, then click the top result\" journey noticeably faster: the result page was usually cached by the time the reader clicked, 300–800 ms after results appeared. The search setup itself is in ",[26,578,580],{"href":579},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site\u002F","Adding Pagefind to an Astro Site",[377,582,583,683],{},[380,584,388,589,388,592,388,595,388,598,388,676],{"viewBox":585,"role":383,"ariaLabelledBy":586,"xmlns":387},"0 0 760 240",[587,588],"apf-search-title","apf-search-desc",[390,590,591],{"id":587},"Prefetching the top search result",[394,593,594],{"id":588},"A sequence: the reader types a query, results render, the page calls prefetch for the first result immediately, the result page downloads in about 180 milliseconds while the reader reads the list, and the click 300 to 800 milliseconds later is served from cache.",[398,596],{"x":400,"y":400,"width":401,"height":597,"fill":403},"240",[405,599,408,600,408,603,408,611,408,616,408,619,408,623,408,628,408,633,408,636,408,641,408,644,408,648,408,662,408,666,408,672,388],{"style":407},[410,601,602],{"x":412,"y":413,"fill":414,"style":415},"Use the reading time between results and click",[398,604],{"x":605,"y":495,"width":606,"height":607,"rx":514,"fill":608,"stroke":609,"style":610},"30","140","50","#f8fafc","#d9e2ef","stroke-width:1.5px",[410,612,615],{"x":427,"y":613,"fill":414,"style":614},"99","font-weight:700;text-anchor:middle","type query",[398,617],{"x":420,"y":495,"width":606,"height":607,"rx":514,"fill":496,"opacity":618,"stroke":496,"style":610},"0.14",[410,620,622],{"x":621,"y":613,"fill":414,"style":614},"270","results render",[398,624],{"x":625,"y":495,"width":626,"height":607,"rx":514,"fill":627,"opacity":618,"stroke":627,"style":610},"370","170","#6a4c93",[410,629,632],{"x":630,"y":631,"fill":414,"style":614},"455","92","prefetch(top result)",[410,634,635],{"x":630,"y":472,"fill":422,"style":432},"~180 ms download",[398,637],{"x":638,"y":495,"width":639,"height":607,"rx":514,"fill":486,"opacity":640,"stroke":487,"style":610},"570","160","0.2",[410,642,460],{"x":643,"y":631,"fill":414,"style":614},"650",[410,645,647],{"x":643,"y":472,"fill":646,"style":459},"#3f6410","served from cache",[405,649,518,652,518,656,518,659,408],{"stroke":422,"fill":650,"style":651},"none","stroke-width:2px",[520,653],{"d":654,"style":655},"M172 95 L196 95","marker-end:url(#apf-s-arrow)",[520,657],{"d":658,"style":655},"M342 95 L366 95",[520,660],{"d":661,"style":655},"M542 95 L566 95",[398,663],{"x":625,"y":664,"width":665,"height":605,"rx":428,"fill":477,"opacity":640,"stroke":479,"style":469},"146","360",[410,667,671],{"x":668,"y":669,"fill":414,"style":670},"550","166","text-anchor:middle","reader scans results: 300–800 ms",[410,673,675],{"x":412,"y":674,"fill":422,"style":432},"218","The top result was clicked in 62% of searches on this site, so the guess is usually right",[507,677,408,678,388],{},[510,679,518,681,408],{"id":680,"viewBox":513,"refX":514,"refY":515,"markerWidth":516,"markerHeight":516,"orient":517},"apf-s-arrow",[520,682],{"d":522,"fill":422},[524,684,685],{},"A predictable next step that is not a link is still a prefetch opportunity; the programmatic API covers it.",[40,687,689],{"id":688},"step-4-verify-in-devtools","Step 4: Verify in DevTools",[14,691,692,693,696,697,700,701,704,705,707,708,710],{},"In the Network panel, prefetched documents appear with type ",[18,694,695],{},"document"," and priority ",[18,698,699],{},"Lowest",", and the later navigation shows ",[18,702,703],{},"(prefetch cache)"," or, with ",[18,706,20],{},", nothing at all because the page was already rendered. With ",[18,709,20],{}," enabled, Chrome's Application → Speculative loads panel lists the generated rules and each candidate's status. Test both with and without the experimental flag in a browser that lacks speculation rules support, to confirm the fallback path works.",[40,712,714],{"id":713},"measured-impact","Measured Impact",[14,716,717,718,721],{},"The Astro site (220 pages: marketing, docs, blog) was measured in three configurations for two weeks each, field data from ",[18,719,720],{},"web-vitals"," beacons, internal navigations only.",[232,723,724,743],{},[235,725,726],{},[238,727,728,731,734,737,740],{},[241,729,730],{},"Configuration",[241,732,733],{},"Click-to-LCP p50 (all browsers)",[241,735,736],{},"p50 (Chrome)",[241,738,739],{},"Prefetch requests per page view",[241,741,742],{},"Unused prefetch rate",[254,744,745,761,781,798],{},[238,746,747,750,753,756,758],{},[259,748,749],{},"No prefetch",[259,751,752],{},"580 ms",[259,754,755],{},"560 ms",[259,757,400],{},[259,759,760],{},"—",[238,762,763,769,772,775,778],{},[259,764,765,768],{},[18,766,767],{},"prefetch",", strategies per link type",[259,770,771],{},"270 ms",[259,773,774],{},"250 ms",[259,776,777],{},"1.4",[259,779,780],{},"41%",[238,782,783,788,791,794,796],{},[259,784,785,786],{},"+ ",[18,787,20],{},[259,789,790],{},"170 ms",[259,792,793],{},"60 ms",[259,795,777],{},[259,797,780],{},[238,799,800,809,811,814,817],{},[259,801,802,805,806,808],{},[18,803,804],{},"prefetchAll"," + ",[18,807,303],{}," everywhere (for comparison)",[259,810,774],{},[259,812,813],{},"240 ms",[259,815,816],{},"9.8",[259,818,819],{},"92%",[377,821,822,908],{},[380,823,388,827,388,830,388,833,388,835],{"viewBox":382,"role":383,"ariaLabelledBy":824,"xmlns":387},[825,826],"apf-cost-title","apf-cost-desc",[390,828,829],{"id":825},"Speed gained against requests spent",[394,831,832],{"id":826},"A scatter of four configurations by prefetch requests per page view and click-to-LCP. No prefetch: zero requests, 580 milliseconds. Per-link strategies: 1.4 requests, 270 milliseconds. With client prerender: 1.4 requests, 170 milliseconds overall and 60 in Chrome. Viewport everywhere: 9.8 requests, 250 milliseconds, spending seven times the requests for no gain.",[398,834],{"x":400,"y":400,"width":401,"height":402,"fill":403},[405,836,408,837,408,840,408,844,408,846,408,851,408,854,408,856,408,860,408,865,408,869,408,873,408,875,408,879,408,883,408,888,408,891,408,896,408,900,408,904,388],{"style":407},[410,838,839],{"x":412,"y":413,"fill":414,"style":415},"Faster navigations without prefetching everything",[80,841],{"x1":842,"y1":843,"x2":421,"y2":843,"stroke":422,"style":610},"90","230",[80,845],{"x1":842,"y1":607,"x2":842,"y2":843,"stroke":422,"style":610},[410,847,850],{"x":848,"y":849,"fill":422,"style":432},"400","256","prefetch requests per page view",[410,852,400],{"x":842,"y":853,"fill":422,"style":432},"246",[410,855,515],{"x":848,"y":853,"fill":422,"style":432},[410,857,859],{"x":858,"y":853,"fill":422,"style":432},"710","10",[410,861,400],{"x":862,"y":863,"fill":422,"style":864},"82","234","font-size:11px;text-anchor:end",[410,866,868],{"x":862,"y":867,"fill":422,"style":864},"144","300",[410,870,872],{"x":862,"y":871,"fill":422,"style":864},"54","600 ms",[425,874],{"cx":842,"cy":463,"r":514,"fill":467,"stroke":454,"style":610},[410,876,878],{"x":482,"y":419,"fill":414,"style":877},"font-size:11px","none · 580 ms",[425,880],{"cx":881,"cy":882,"r":514,"fill":477,"stroke":479,"style":610},"177","149",[410,884,887],{"x":885,"y":886,"fill":414,"style":877},"191","153","per-link · 270 ms",[425,889],{"cx":881,"cy":890,"r":514,"fill":486,"stroke":487,"style":610},"179",[410,892,895],{"x":885,"y":893,"fill":646,"style":894},"190","font-size:11px;font-weight:700","+ clientPrerender · 170 ms",[425,897],{"cx":898,"cy":899,"r":514,"fill":496,"stroke":496,"style":610},"698","155",[410,901,903],{"x":902,"y":606,"fill":414,"style":864},"684","viewport everywhere · 250 ms",[410,905,907],{"x":848,"y":906,"fill":422,"style":432},"278","p50 click-to-LCP, internal navigations, all browsers, two weeks per configuration",[524,909,910],{},"Prefetching every visible link bought nothing over targeted strategies and spent seven times as many requests.",[14,912,913,914,916],{},"The last row is the cautionary one: prefetching every link on scroll-into-view spent 9.8 requests per page view, 92% of them never used, for a result no better than targeted strategies. On a page with a long card grid, ",[18,915,303],{}," prefetch fetched 30 pages as the reader scrolled.",[40,918,920],{"id":919},"how-prefetch-interacts-with-the-rest-of-the-stack","How Prefetch Interacts With the Rest of the Stack",[14,922,923,924,928,929,932,933,936,937,941,942,945,946,948,949,952,953,956],{},"Three interactions are worth checking once prefetch is live. ",[925,926,927],"strong",{},"Caching headers:"," a prefetched page is only reused if the HTTP cache still considers it fresh when the reader clicks; with ",[18,930,931],{},"Cache-Control: max-age=0, must-revalidate"," on HTML, Chrome revalidates on navigation and part of the gain disappears. A short ",[18,934,935],{},"max-age"," of 60–300 seconds on HTML keeps prefetches reusable without delaying deploys noticeably, as covered in ",[26,938,940],{"href":939},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fstale-while-revalidate-for-static-html\u002F","Stale-While-Revalidate for Static HTML",". ",[925,943,944],{},"Analytics:"," plain prefetch downloads HTML without executing it, so it never inflates page views; ",[18,947,20],{}," does execute scripts, so the prerender-aware analytics gate from the speculation rules guide is required. ",[925,950,951],{},"Islands:"," with prerender, hydration of ",[18,954,955],{},"client:load"," islands happens before the reader arrives, so interactive components are ready immediately — a quiet INP improvement for pages whose first interaction happens right after navigation.",[40,958,960],{"id":959},"mobile-and-metered-connections","Mobile and Metered Connections",[14,962,963,964,967,968,971,972,974,975,977,978,980,981,983,984,980,986,988,989,991],{},"Astro's prefetch script already skips prefetching when the browser reports Data Saver (",[18,965,966],{},"navigator.connection.saveData",") or a ",[18,969,970],{},"2g"," connection, which covers the most obvious cases. Two further decisions are yours. First, hover does not exist on touch devices, so the ",[18,973,263],{}," strategy falls back to focus and effectively does nothing for most mobile taps; for mobile-heavy sites, ",[18,976,279],{}," on general links gives a small head start (the gap between ",[18,979,285],{}," and ",[18,982,460],{}," is typically 80–150 ms) without speculative waste. Second, reserve ",[18,985,303],{},[18,987,319],{}," for links with a high click probability — on this site, the \"next page\" link at the end of docs guides was followed in 34% of mobile sessions, which justified ",[18,990,303],{},", while a card grid of related posts had a 3% click rate per card and did not.",[14,993,994],{},"Measure the balance with two numbers from RUM and CDN logs: the share of navigations that were served from prefetch, and the share of prefetches that were never used. A healthy configuration serves more than half of internal navigations from prefetch while keeping unused prefetches below about half; the targeted setup here reached 58% and 41%.",[40,996,998],{"id":997},"pitfalls-rollback","Pitfalls & Rollback",[45,1000,1001,1014,1020,1032,1040],{},[48,1002,1003,1010,1011,1013],{},[925,1004,1005,1007,1008,38],{},[18,1006,804],{}," with ",[18,1009,303],{}," Every visible link fetched on scroll wastes bandwidth on card-heavy pages. Keep ",[18,1012,303],{}," for small, likely link sets.",[48,1015,1016,1019],{},[925,1017,1018],{},"Forgetting ClientRouter's default."," Adding view transitions silently turns on prefetch for all links. Check the config and decide deliberately.",[48,1021,1022,1025,1026,1028,1029,38],{},[925,1023,1024],{},"Prerender without prerender-aware analytics."," ",[18,1027,20],{}," runs page scripts before activation; gate page views on ",[18,1030,1031],{},"prerenderingchange",[48,1033,1034,1037,1038,38],{},[925,1035,1036],{},"Prefetching downloads."," Exclude links to PDFs and archives with ",[18,1039,212],{},[48,1041,1042,1045,1046,1049,1050,1052],{},[925,1043,1044],{},"Rollback:"," set ",[18,1047,1048],{},"prefetch: false"," in the config to disable everything, or remove ",[18,1051,20],{}," to drop back to plain prefetch. Link attributes can stay; they are ignored when prefetch is off.",[40,1054,1056],{"id":1055},"conclusion","Conclusion",[14,1058,1059,1060,1062],{},"Astro's prefetch is a one-line feature with a strategy decision behind it. Opt links in by type — hover for navigation, viewport for the \"next\" link, load for the one call to action nearly everyone clicks, nothing for footers — and enable ",[18,1061,20],{}," to upgrade to full prerendering in supporting browsers. On a 220-page site that cut median click-to-LCP from 580 ms to 170 ms across all browsers and to 60 ms in Chrome, at 1.4 extra requests per page view, while prefetching every visible link spent seven times the requests for no additional gain.",[40,1064,1066],{"id":1065},"faq","FAQ",[1068,1069,1071],"h3",{"id":1070},"is-prefetching-enabled-by-default-in-astro","Is prefetching enabled by default in Astro?",[14,1073,1074],{},"Only when you use view transitions via the ClientRouter component, which turns prefetching on for all links with the hover strategy. Otherwise, set prefetch to true in astro.config and opt links in with the data-astro-prefetch attribute, or set prefetchAll.",[1068,1076,1078],{"id":1077},"which-prefetch-strategy-should-i-use","Which prefetch strategy should I use?",[14,1080,1081],{},"Hover for most links, viewport for small, high-probability link sets such as a pagination bar, tap for links on mobile-heavy pages where bandwidth matters, and load only for one or two links you are confident the reader will follow.",[1068,1083,1085],{"id":1084},"what-does-experimental-clientprerender-do","What does experimental clientPrerender do?",[14,1087,1088],{},"It makes Astro emit Speculation Rules instead of prefetch links in browsers that support them, so hovered pages are fully prerendered rather than just downloaded. Browsers without support fall back to the normal prefetch behaviour.",[1068,1090,1092],{"id":1091},"does-prefetching-add-javascript-to-every-page","Does prefetching add JavaScript to every page?",[14,1094,1095],{},"Yes, a small script of about 1.5 KB compressed that watches links and inserts prefetch requests. It loads with low priority and does not block rendering.",[40,1097,1099],{"id":1098},"related","Related",[45,1101,1102,1110,1115,1122,1129],{},[48,1103,1104,1025,1107,1109],{},[925,1105,1106],{},"Parent:",[26,1108,29],{"href":28}," — all navigation hints compared.",[48,1111,1112,1114],{},[26,1113,37],{"href":36}," — the browser API behind clientPrerender.",[48,1116,1117,1121],{},[26,1118,1120],{"href":1119},"\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"," — pairing prefetch with animated navigation.",[48,1123,1124,1128],{},[26,1125,1127],{"href":1126},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Foptimizing-lcp-on-astro-with-priority-hints\u002F","Optimizing LCP on Astro with Priority Hints"," — the first-load side of Astro performance.",[48,1130,1131,1135],{},[26,1132,1134],{"href":1133},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance\u002F","Astro Islands vs Full Hydration Performance"," — why prerendered islands help INP.",[1137,1138,1139],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}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);}",{"title":74,"searchDepth":88,"depth":88,"links":1141},[1142,1143,1144,1145,1146,1147,1148,1149,1150,1151,1152,1158],{"id":42,"depth":88,"text":43},{"id":66,"depth":88,"text":67},{"id":226,"depth":88,"text":227},{"id":529,"depth":88,"text":530},{"id":688,"depth":88,"text":689},{"id":713,"depth":88,"text":714},{"id":919,"depth":88,"text":920},{"id":959,"depth":88,"text":960},{"id":997,"depth":88,"text":998},{"id":1055,"depth":88,"text":1056},{"id":1065,"depth":88,"text":1066,"children":1153},[1154,1155,1156,1157],{"id":1070,"depth":109,"text":1071},{"id":1077,"depth":109,"text":1078},{"id":1084,"depth":109,"text":1085},{"id":1091,"depth":109,"text":1092},{"id":1098,"depth":88,"text":1099},[1160,1162,1165,1166],{"name":1161,"item":286},"Home",{"name":1163,"item":1164},"Performance Optimization & Core Web Vitals for SSGs","\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002F",{"name":29,"item":28},{"name":5,"item":1167},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro\u002F","2026-09-18","Configure Astro's built-in prefetch — strategies, defaults, per-link overrides and speculation rules — and measure what it does to navigation speed.","md",[1172,1173,1174,1175],{"q":1071,"a":1074},{"q":1078,"a":1081},{"q":1085,"a":1088},{"q":1092,"a":1095},{},true,"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro",{"title":5,"description":1169},"performance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro\u002Findex","article","m9a5zD94Z-gJTC3OYhqncHl8tOg1s7NyG2IQ_l0LVb0",[1184,1187,1190,1193,1196,1199,1202,1205,1208,1211,1214,1217,1220,1223,1226,1229,1232,1235,1238,1241,1244,1247,1250,1253,1256,1259,1262,1265,1268,1271,1274,1277,1280,1283,1286,1289,1292,1295,1298,1301,1304,1306,1309,1312,1315,1318,1321,1324,1327,1330,1333,1336,1339,1342,1345,1348,1351,1354,1357,1360,1362,1365,1368,1371,1374,1377,1380,1383,1386,1389,1392,1395,1398,1401,1404,1407,1410,1413,1416,1419,1422,1425,1427,1430,1433,1436,1439,1442,1445,1448,1451,1454,1456,1459,1462,1465,1468,1471,1474,1477,1480,1483,1485,1487,1490,1491,1493,1496,1499,1502,1505,1508,1511,1514,1517,1520,1523,1526,1529,1532,1535,1538,1541,1544,1547,1550,1553,1556,1559,1562,1565,1568,1571,1574,1577,1580,1583,1586,1589,1592,1595,1598,1601,1604,1607,1610,1613,1616,1619,1622,1625,1628,1631,1634,1637,1640,1643,1646,1649,1652,1655,1658,1661,1664,1667,1670,1673,1676,1679,1682,1685,1688,1691,1694,1697,1700,1703,1706,1709,1712,1715,1718,1721],{"path":1185,"title":1186},"\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":1188,"title":1189},"\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":1191,"title":1192},"\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":1194,"title":1195},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1197,"title":1198},"\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":1200,"title":1201},"\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":1203,"title":1204},"\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":1206,"title":1207},"\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":1209,"title":1210},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1212,"title":1213},"\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":1215,"title":1216},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1218,"title":1219},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1221,"title":1222},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1224,"title":1225},"\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":1227,"title":1228},"\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":1230,"title":1231},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1233,"title":1234},"\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":1236,"title":1237},"\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":1239,"title":1240},"\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":1242,"title":1243},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1245,"title":1246},"\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":1248,"title":1249},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1251,"title":1252},"\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":1254,"title":1255},"\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":1257,"title":1258},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1260,"title":1261},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1263,"title":1264},"\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":1266,"title":1267},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1269,"title":1270},"\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":1272,"title":1273},"\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":1275,"title":1276},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1278,"title":1279},"\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":1281,"title":1282},"\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":1284,"title":1285},"\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":1287,"title":1288},"\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":1290,"title":1291},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1293,"title":1294},"\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":1296,"title":1297},"\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":1299,"title":1300},"\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":1302,"title":1303},"\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":1305,"title":580},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fadding-pagefind-to-an-astro-site",{"path":1307,"title":1308},"\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":1310,"title":1311},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1313,"title":1314},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1316,"title":1317},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1319,"title":1320},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1322,"title":1323},"\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":1325,"title":1326},"\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":1328,"title":1329},"\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":1331,"title":1332},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1334,"title":1335},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1337,"title":1338},"\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":1340,"title":1341},"\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":1343,"title":1344},"\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":1346,"title":1347},"\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":1349,"title":1350},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1352,"title":1353},"\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":1355,"title":1356},"\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":1358,"title":1359},"\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":1361,"title":940},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fstale-while-revalidate-for-static-html",{"path":1363,"title":1364},"\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":1366,"title":1367},"\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":1369,"title":1370},"\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":1372,"title":1373},"\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":1375,"title":1376},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1378,"title":1379},"\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":1381,"title":1382},"\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":1384,"title":1385},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1387,"title":1388},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1390,"title":1391},"\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":1393,"title":1394},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1396,"title":1397},"\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":1399,"title":1400},"\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":1402,"title":1403},"\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":1405,"title":1406},"\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":1408,"title":1409},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1411,"title":1412},"\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":1414,"title":1415},"\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":1417,"title":1418},"\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":1420,"title":1421},"\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":1423,"title":1424},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1426,"title":1134},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance",{"path":1428,"title":1429},"\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":1431,"title":1432},"\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":1434,"title":1435},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1437,"title":1438},"\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":1440,"title":1441},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1443,"title":1444},"\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":1446,"title":1447},"\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":1449,"title":1450},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1452,"title":1453},"\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":1455,"title":1127},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Foptimizing-lcp-on-astro-with-priority-hints",{"path":1457,"title":1458},"\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":1460,"title":1461},"\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":1463,"title":1464},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1466,"title":1467},"\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":1469,"title":1470},"\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":1472,"title":1473},"\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":1475,"title":1476},"\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":1478,"title":1479},"\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":1481,"title":1482},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1484,"title":29},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed",{"path":1486,"title":37},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules",{"path":1488,"title":1489},"\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":1178,"title":5},{"path":1492,"title":1120},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fview-transitions-on-multi-page-static-sites",{"path":1494,"title":1495},"\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":1497,"title":1498},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1500,"title":1501},"\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":1503,"title":1504},"\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":1506,"title":1507},"\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":1509,"title":1510},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites\u002Fself-hosting-analytics-to-cut-third-party-requests","Self-Hosting Analytics to Cut Third-Party Requests",{"path":1512,"title":1513},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1515,"title":1516},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1518,"title":1519},"\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":1521,"title":1522},"\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":1524,"title":1525},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1527,"title":1528},"\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":1530,"title":1531},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1533,"title":1534},"\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":1536,"title":1537},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1539,"title":1540},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1542,"title":1543},"\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":1545,"title":1546},"\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":1548,"title":1549},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1551,"title":1552},"\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":1554,"title":1555},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1557,"title":1558},"\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":1560,"title":1561},"\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":1563,"title":1564},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1566,"title":1567},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1569,"title":1570},"\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":1572,"title":1573},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1575,"title":1576},"\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":1578,"title":1579},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1581,"title":1582},"\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":1584,"title":1585},"\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":1587,"title":1588},"\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":1590,"title":1591},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1593,"title":1594},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1596,"title":1597},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data","Building a Core Web Vitals Dashboard from RUM Data",{"path":1599,"title":1600},"\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":1602,"title":1603},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1605,"title":1606},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1608,"title":1609},"\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":1611,"title":1612},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1614,"title":1615},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1617,"title":1618},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1620,"title":1621},"\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":1623,"title":1624},"\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":1626,"title":1627},"\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":1629,"title":1630},"\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":1632,"title":1633},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1635,"title":1636},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1638,"title":1639},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1641,"title":1642},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1644,"title":1645},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1647,"title":1648},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1650,"title":1651},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1653,"title":1654},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1656,"title":1657},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1659,"title":1660},"\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":1662,"title":1663},"\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":1665,"title":1666},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1668,"title":1669},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1671,"title":1672},"\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":1674,"title":1675},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1677,"title":1678},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1680,"title":1681},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1683,"title":1684},"\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":1686,"title":1687},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1689,"title":1690},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1692,"title":1693},"\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":1695,"title":1696},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1698,"title":1699},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1701,"title":1702},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1704,"title":1705},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1707,"title":1708},"\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":1710,"title":1711},"\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":1713,"title":1714},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1716,"title":1717},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1719,"title":1720},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1722,"title":1723},"\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",1789722847851]