[{"data":1,"prerenderedAt":1509},["ShallowReactive",2],{"page:\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads":3,"all-docs-nav":968},{"id":4,"title":5,"body":6,"breadcrumb":943,"dateModified":953,"datePublished":953,"description":954,"extension":955,"faq":956,"meta":961,"navigation":962,"path":963,"seo":964,"slug":12,"stem":965,"type":966,"__hash__":967},"content\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads\u002Findex.md","Preloading Fonts Without Double Downloads",{"type":7,"value":8,"toc":924},"minimark",[9,13,26,39,44,63,67,70,220,223,276,279,283,286,360,383,387,394,397,494,498,509,516,583,601,605,608,705,724,728,731,755,770,774,783,787,829,833,846,850,855,858,862,865,869,872,876,879,883,920],[10,11,5],"h1",{"id":12},"preloading-fonts-without-double-downloads",[14,15,16,17,21,22,25],"p",{},"Preloading the main web font is one of the most common performance recommendations for static sites, and one of the most commonly broken. The idea is sound: the browser only discovers a font after it has downloaded the CSS, parsed it, built the render tree and found text that uses the family, so a ",[18,19,20],"code",{},"\u003Clink rel=\"preload\">"," in the ",[18,23,24],{},"\u003Chead>"," lets the font start downloading hundreds of milliseconds earlier. But a preload that does not match the later font request exactly is not reused. The browser downloads the file a second time, and the page ends up slower than it was without the preload.",[14,27,28,29,32,33,38],{},"This guide shows the three ways a font preload fails to match, how to spot each one in DevTools, and a build-time pattern that keeps preloads and ",[18,30,31],{},"@font-face"," rules pointing at the same hashed URL. It is part of ",[34,35,37],"a",{"href":36},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002F","Font Loading Strategies for Static Sites",".",[40,41,43],"h2",{"id":42},"prerequisites","Prerequisites",[45,46,47,55,58],"ul",{},[48,49,50,51,38],"li",{},"Self-hosted font files — preloading a third-party font CSS file adds a connection and rarely helps; see ",[34,52,54],{"href":53},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fself-hosting-google-fonts-to-eliminate-layout-shift\u002F","Self-Hosting Google Fonts to Eliminate Layout Shift",[48,56,57],{},"Chrome DevTools, or a WebPageTest run with a waterfall.",[48,59,60,61,38],{},"Access to the base layout template that renders ",[18,62,24],{},[40,64,66],{"id":65},"how-a-preload-is-matched","How a Preload Is Matched",[14,68,69],{},"When a preload response arrives, the browser keeps it in the memory cache keyed by URL, destination and request mode. When the CSS later asks for the font, the browser looks for an entry with the same key. A match is reused instantly; anything else is a cache miss and a new request.",[71,72,73,216],"figure",{},[74,75,82,83,82,87,82,91,82,98,82,116],"svg",{"viewBox":76,"role":77,"ariaLabelledBy":78,"xmlns":81},"0 0 760 290","img",[79,80],"pfd-match-title","pfd-match-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[84,85,86],"title",{"id":79},"What the browser compares before reusing a preloaded font",[88,89,90],"desc",{"id":80},"A preload request and a font-face request each have a URL, a destination and a CORS mode. When all three match, the preload is reused. If the crossorigin attribute is missing, the mode differs and the font downloads twice. If the URL differs, it also downloads twice.",[92,93],"rect",{"x":94,"y":94,"width":95,"height":96,"fill":97},"0","760","290","#ffffff",[99,100,101,102,82],"defs",{},"\n    ",[103,104,111],"marker",{"id":105,"viewBox":106,"refX":107,"refY":108,"markerWidth":109,"markerHeight":109,"orient":110},"pfd-match-arrow","0 0 10 10","9","5","7","auto-start-reverse",[112,113],"path",{"d":114,"fill":115},"M0,0 L10,5 L0,10 z","#556071",[117,118,101,120,101,128,101,137,101,143,101,148,101,152,101,156,101,160,101,164,101,167,101,170,101,173,101,180,101,184,101,191,101,196,101,200,101,204,101,207,101,211,101,214,82],"g",{"style":119},"font-family:system-ui, sans-serif;font-size:12px",[121,122,127],"text",{"x":123,"y":124,"fill":125,"style":126},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","Three keys must match for reuse",[92,129],{"x":130,"y":131,"width":132,"height":133,"rx":134,"fill":135,"style":136,"stroke":135},"30","50","220","120","8","#166a9e","fill-opacity:0.1",[121,138,142],{"x":139,"y":140,"fill":135,"style":141},"140","74","font-weight:700;text-anchor:middle","link rel=preload",[121,144,147],{"x":145,"y":146,"fill":125},"45","100","URL: \u002Ffonts\u002Finter.a1b2.woff2",[121,149,151],{"x":145,"y":150,"fill":125},"124","as=\"font\"",[121,153,155],{"x":145,"y":154,"fill":125},"148","crossorigin → CORS mode",[92,157],{"x":158,"y":131,"width":132,"height":133,"rx":134,"fill":159,"style":136,"stroke":159},"510","#6a4c93",[121,161,163],{"x":162,"y":140,"fill":159,"style":141},"620","@font-face src",[121,165,147],{"x":166,"y":146,"fill":125},"525",[121,168,169],{"x":166,"y":150,"fill":125},"destination: font",[121,171,172],{"x":166,"y":154,"fill":125},"always CORS mode",[174,175],"line",{"x1":176,"y1":177,"x2":178,"y2":177,"stroke":115,"style":179},"255","110","505","stroke-width:1.5px;marker-end:url(#pfd-match-arrow)",[121,181,183],{"x":123,"y":146,"fill":182,"style":141},"#3f6410","all match: reused",[92,185],{"x":130,"y":186,"width":187,"height":188,"rx":134,"fill":189,"style":190,"stroke":189},"195","340","75","#d83b41","fill-opacity:0.08",[121,192,195],{"x":145,"y":132,"fill":193,"style":194},"#b32b30","font-weight:700","Missing crossorigin",[121,197,199],{"x":145,"y":198,"fill":125},"244","preload is no-cors, font-face is CORS:",[121,201,203],{"x":145,"y":202,"fill":125},"260","two downloads, one wasted",[92,205],{"x":206,"y":186,"width":187,"height":188,"rx":134,"fill":189,"style":190,"stroke":189},"390",[121,208,210],{"x":209,"y":132,"fill":193,"style":194},"405","Different URL",[121,212,213],{"x":209,"y":198,"fill":125},"?v=2, other hash, or other format:",[121,215,203],{"x":209,"y":202,"fill":125},[217,218,219],"figcaption",{},"The preload only helps if the later font request finds it under the same key.",[14,221,222],{},"The three keys give three failure modes:",[224,225,226,237,258],"ol",{},[48,227,228,232,233,236],{},[229,230,231],"strong",{},"Mode."," Font requests are always made in CORS mode, even for files on your own origin. A preload without ",[18,234,235],{},"crossorigin"," is made in no-cors mode, so the two never match.",[48,238,239,242,243,246,247,249,250,253,254,257],{},[229,240,241],{},"URL."," The preload says ",[18,244,245],{},"\u002Ffonts\u002Finter.woff2"," but the bundler rewrote the ",[18,248,31],{}," source to ",[18,251,252],{},"\u002F_astro\u002Finter.a1b2c3.woff2",". Or the CSS adds ",[18,255,256],{},"?v=2",". Different strings, different cache entries.",[48,259,260,263,264,267,268,271,272,275],{},[229,261,262],{},"Format."," The preload points at a ",[18,265,266],{},".woff"," file while the browser picks the ",[18,269,270],{},".woff2"," source listed first in ",[18,273,274],{},"src",". Only one of them is ever used.",[14,277,278],{},"A fourth, milder problem is a preload for a font the page never uses — a bold weight preloaded on a template where nothing is bold. It is downloaded once, but for nothing, and it competes with the LCP resource.",[40,280,282],{"id":281},"the-correct-tag","The Correct Tag",[14,284,285],{},"For a self-hosted WOFF2 file, a correct preload looks like this:",[287,288,293],"pre",{"className":289,"code":290,"language":291,"meta":292,"style":292},"language-html shiki shiki-themes github-light github-dark","\u003Clink rel=\"preload\"\n      href=\"\u002Ffonts\u002Finter-latin-400.a1b2c3.woff2\"\n      as=\"font\"\n      type=\"font\u002Fwoff2\"\n      crossorigin>\n","html","",[18,294,295,318,329,340,351],{"__ignoreMap":292},[296,297,299,303,307,311,314],"span",{"class":174,"line":298},1,[296,300,302],{"class":301},"sVt8B","\u003C",[296,304,306],{"class":305},"s9eBZ","link",[296,308,310],{"class":309},"sScJk"," rel",[296,312,313],{"class":301},"=",[296,315,317],{"class":316},"sZZnC","\"preload\"\n",[296,319,321,324,326],{"class":174,"line":320},2,[296,322,323],{"class":309},"      href",[296,325,313],{"class":301},[296,327,328],{"class":316},"\"\u002Ffonts\u002Finter-latin-400.a1b2c3.woff2\"\n",[296,330,332,335,337],{"class":174,"line":331},3,[296,333,334],{"class":309},"      as",[296,336,313],{"class":301},[296,338,339],{"class":316},"\"font\"\n",[296,341,343,346,348],{"class":174,"line":342},4,[296,344,345],{"class":309},"      type",[296,347,313],{"class":301},[296,349,350],{"class":316},"\"font\u002Fwoff2\"\n",[296,352,354,357],{"class":174,"line":353},5,[296,355,356],{"class":309},"      crossorigin",[296,358,359],{"class":301},">\n",[14,361,362,363,365,366,369,370,372,373,376,377,379,380,38],{},"Each attribute has a job. ",[18,364,151],{}," sets the destination and priority; without it the preload is fetched at low priority and cannot be matched. ",[18,367,368],{},"type=\"font\u002Fwoff2\""," lets browsers that cannot use the format skip the download. ",[18,371,235],{}," with no value means ",[18,374,375],{},"anonymous",", which is what ",[18,378,31],{}," uses; same-origin files need no CORS headers for this to work. If the fonts live on a separate domain, that host must send ",[18,381,382],{},"Access-Control-Allow-Origin",[40,384,386],{"id":385},"spotting-a-double-download","Spotting a Double Download",[14,388,389,390,393],{},"Open DevTools, disable the cache, filter the network panel by ",[229,391,392],{},"Font"," and reload. A healthy page shows one request per font file, started early with the initiator listed as the HTML document. A broken preload shows two requests for the same file name: one early from the document, one later from the stylesheet.",[14,395,396],{},"Chrome also logs a console warning when a preloaded resource is not used within a few seconds of the load event: \"The resource … was preloaded using link preload but not used within a few seconds.\" Treat that warning as a failing test.",[71,398,399,491],{},[74,400,82,405,82,408,82,411,82,414],{"viewBox":401,"role":77,"ariaLabelledBy":402,"xmlns":81},"0 0 760 270",[403,404],"pfd-wf-title","pfd-wf-desc",[84,406,407],{"id":403},"Network waterfall with a broken and a fixed font preload",[88,409,410],{"id":404},"In the broken waterfall the preload starts at 120 milliseconds, but the stylesheet requests the font again at 480 milliseconds and the text renders at 690. In the fixed waterfall only the preload request exists and text renders at 430 milliseconds.",[92,412],{"x":94,"y":94,"width":95,"height":413,"fill":97},"270",[117,415,101,416,101,419,101,423,101,427,101,434,101,437,101,441,101,445,101,451,101,456,101,461,101,465,101,468,101,471,101,473,101,476,101,481,101,486,82],{"style":119},[121,417,418],{"x":123,"y":124,"fill":125,"style":126},"Font requests, cold cache, fast 4G",[121,420,422],{"x":130,"y":421,"fill":193,"style":194},"62","Broken: no crossorigin",[121,424,426],{"x":130,"y":425,"fill":125},"88","HTML",[92,428],{"x":429,"y":430,"width":431,"height":432,"fill":115,"style":433},"170","78","80","14","fill-opacity:0.5",[121,435,436],{"x":130,"y":177,"fill":125},"preload inter.woff2",[92,438],{"x":439,"y":146,"width":440,"height":432,"fill":135,"style":433},"250","180",[121,442,444],{"x":130,"y":443,"fill":125},"132","font-face inter.woff2",[92,446],{"x":447,"y":448,"width":449,"height":432,"fill":189,"style":450},"410","122","190","fill-opacity:0.6",[174,452],{"x1":453,"y1":454,"x2":453,"y2":139,"stroke":193,"style":455},"610","72","stroke-width:1.5px;stroke-dasharray:4 3",[121,457,460],{"x":458,"y":459,"fill":193},"616","84","text 690 ms",[121,462,464],{"x":130,"y":463,"fill":182,"style":194},"172","Fixed: matching preload",[121,466,426],{"x":130,"y":467,"fill":125},"198",[92,469],{"x":429,"y":470,"width":431,"height":432,"fill":115,"style":433},"188",[121,472,436],{"x":130,"y":132,"fill":125},[92,474],{"x":439,"y":475,"width":440,"height":432,"fill":135,"style":433},"210",[174,477],{"x1":478,"y1":479,"x2":478,"y2":480,"stroke":182,"style":455},"440","182","230",[121,482,485],{"x":483,"y":484,"fill":182},"446","194","text 430 ms",[121,487,490],{"x":123,"y":488,"fill":115,"style":489},"256","font-size:11px;text-anchor:middle","bar start = request start; one 42 KB WOFF2 file",[217,492,493],{},"The duplicate request starts only after the CSS is parsed, which is exactly the delay the preload was meant to remove.",[40,495,497],{"id":496},"generating-preloads-from-the-build","Generating Preloads From the Build",[14,499,500,501,505,506,508],{},"Hand-written preload tags break the moment a bundler adds a content hash to font file names — which is what you want for caching; see ",[34,502,504],{"href":503},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames\u002F","Cache Busting with Content-Hashed Filenames",". The fix is to derive the preload URL from the same import that feeds the ",[18,507,31],{}," rule.",[14,510,511,512,515],{},"In Astro or any Vite-based build, import the font file with the ",[18,513,514],{},"?url"," suffix. The import returns the final hashed URL, which you can place in both places:",[287,517,521],{"className":518,"code":519,"language":520,"meta":292,"style":292},"language-astro shiki shiki-themes github-light github-dark","---\nimport interRegular from '..\u002Ffonts\u002Finter-latin-400.woff2?url';\n---\n\u003Clink rel=\"preload\" href={interRegular} as=\"font\" type=\"font\u002Fwoff2\" crossorigin \u002F>\n\u003Cstyle define:vars={{ interRegular: `url(${interRegular})` }}>\n  @font-face {\n    font-family: 'Inter';\n    src: var(--interRegular) format('woff2');\n    font-display: swap;\n  }\n\u003C\u002Fstyle>\n","astro",[18,522,523,528,533,537,542,547,553,559,565,571,577],{"__ignoreMap":292},[296,524,525],{"class":174,"line":298},[296,526,527],{},"---\n",[296,529,530],{"class":174,"line":320},[296,531,532],{},"import interRegular from '..\u002Ffonts\u002Finter-latin-400.woff2?url';\n",[296,534,535],{"class":174,"line":331},[296,536,527],{},[296,538,539],{"class":174,"line":342},[296,540,541],{},"\u003Clink rel=\"preload\" href={interRegular} as=\"font\" type=\"font\u002Fwoff2\" crossorigin \u002F>\n",[296,543,544],{"class":174,"line":353},[296,545,546],{},"\u003Cstyle define:vars={{ interRegular: `url(${interRegular})` }}>\n",[296,548,550],{"class":174,"line":549},6,[296,551,552],{},"  @font-face {\n",[296,554,556],{"class":174,"line":555},7,[296,557,558],{},"    font-family: 'Inter';\n",[296,560,562],{"class":174,"line":561},8,[296,563,564],{},"    src: var(--interRegular) format('woff2');\n",[296,566,568],{"class":174,"line":567},9,[296,569,570],{},"    font-display: swap;\n",[296,572,574],{"class":174,"line":573},10,[296,575,576],{},"  }\n",[296,578,580],{"class":174,"line":579},11,[296,581,582],{},"\u003C\u002Fstyle>\n",[14,584,585,586,589,590,593,594,597,598,600],{},"Astro's experimental fonts API and packages such as ",[18,587,588],{},"@fontsource"," combined with a small layout helper follow the same principle. In Hugo, read the fingerprinted resource once with ",[18,591,592],{},"resources.Get \"fonts\u002Finter.woff2\" | fingerprint"," and use its ",[18,595,596],{},".RelPermalink"," in both the preload and an inline ",[18,599,31],{}," block. In Eleventy, pass the hashed name through a data file written by the asset step.",[40,602,604],{"id":603},"choosing-what-to-preload","Choosing What to Preload",[14,606,607],{},"Preload only fonts that render above the fold on first paint, and usually only one or two files. On a documentation site that is typically the body regular weight; headings in a bold weight may justify a second preload if the H1 is the LCP element. Italic, monospace and extra weights should load normally when the CSS requests them.",[71,609,610,702],{},[74,611,82,616,82,619,82,622,82,624],{"viewBox":612,"role":77,"ariaLabelledBy":613,"xmlns":81},"0 0 760 250",[614,615],"pfd-count-title","pfd-count-desc",[84,617,618],{"id":614},"LCP against the number of preloaded font files",[88,620,621],{"id":615},"Bars of lab LCP on a documentation template. No preload gives 1.9 seconds. One preload gives 1.5 seconds. Two preloads give 1.55 seconds. Four preloads give 1.8 seconds and six give 2.1 seconds, slower than no preload.",[92,623],{"x":94,"y":94,"width":95,"height":439,"fill":97},[117,625,101,626,101,629,101,634,101,640,101,645,101,649,101,653,101,658,101,661,101,666,101,671,101,674,101,679,101,682,101,685,101,690,101,695,101,698,82],{"style":119},[121,627,628],{"x":123,"y":124,"fill":125,"style":126},"Lab LCP by number of preloaded fonts (seconds)",[174,630],{"x1":431,"y1":631,"x2":632,"y2":631,"stroke":115,"style":633},"200","700","stroke-width:1.5px",[92,635],{"x":177,"y":636,"width":637,"height":638,"fill":115,"style":639},"86","70","114","fill-opacity:0.35",[121,641,644],{"x":642,"y":431,"fill":125,"style":643},"145","text-anchor:middle","1.9",[121,646,648],{"x":642,"y":647,"fill":115,"style":643},"218","none",[92,650],{"x":480,"y":177,"width":637,"height":651,"fill":182,"style":652},"90","fill-opacity:0.45",[121,654,657],{"x":655,"y":656,"fill":125,"style":643},"265","104","1.5",[121,659,660],{"x":655,"y":647,"fill":115,"style":643},"1",[92,662],{"x":663,"y":664,"width":637,"height":665,"fill":182,"style":639},"350","107","93",[121,667,670],{"x":668,"y":669,"fill":125,"style":643},"385","101","1.55",[121,672,673],{"x":668,"y":647,"fill":115,"style":643},"2",[92,675],{"x":676,"y":677,"width":637,"height":678,"fill":189,"style":639},"470","92","108",[121,680,681],{"x":178,"y":636,"fill":125,"style":643},"1.8",[121,683,684],{"x":178,"y":647,"fill":115,"style":643},"4",[92,686],{"x":687,"y":140,"width":637,"height":688,"fill":189,"style":689},"590","126","fill-opacity:0.55",[121,691,694],{"x":692,"y":693,"fill":125,"style":643},"625","68","2.1",[121,696,697],{"x":692,"y":647,"fill":115,"style":643},"6",[121,699,701],{"x":123,"y":700,"fill":115,"style":489},"240","preloaded files compete with the hero image and CSS for early bandwidth",[217,703,704],{},"One or two preloads help; beyond that, fonts crowd out the resources that decide LCP.",[14,706,707,708,711,712,715,716,719,720,38],{},"Preloads also interact with ",[18,709,710],{},"font-display",". With ",[18,713,714],{},"swap",", a preload shortens the time the fallback font is visible and reduces the size of the swap. With ",[18,717,718],{},"optional",", a preload is almost required: the font only gets roughly 100 milliseconds to arrive, and without an early start it rarely makes it on the first visit. The trade-off is covered in ",[34,721,723],{"href":722},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap\u002F","font-display: optional vs swap",[40,725,727],{"id":726},"keeping-it-correct-in-ci","Keeping It Correct in CI",[14,729,730],{},"Add a check that runs against the built output rather than trusting reviewers to notice:",[45,732,733,742,749],{},[48,734,735,736,739,740,38],{},"Parse every HTML file's ",[18,737,738],{},"\u003Clink rel=\"preload\" as=\"font\">"," tags and assert each has ",[18,741,235],{},[48,743,744,745,748],{},"Assert each preload ",[18,746,747],{},"href"," exists in the output directory — a stale hash means a 404 and a wasted request.",[48,750,751,752,754],{},"Assert each preloaded file is referenced by at least one ",[18,753,31],{}," rule in the emitted CSS.",[14,756,757,758,761,762,765,766,38],{},"The same checks can live in a Lighthouse CI run: the ",[18,759,760],{},"preload-fonts"," and ",[18,763,764],{},"uses-rel-preload"," audits flag missing and unused preloads, and a budget can fail the build; see ",[34,767,769],{"href":768},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site\u002F","Setting Up Lighthouse CI for a Static Site",[40,771,773],{"id":772},"measured-impact","Measured Impact",[14,775,776,777,779,780,782],{},"On a 1,200-page documentation site built with Astro, the base layout preloaded two fonts without ",[18,778,235],{}," and one italic weight that no page used above the fold. After adding ",[18,781,235],{},", deriving URLs from imports and dropping the italic preload, the font bytes downloaded per cold view fell from 168 KB to 84 KB, lab LCP on the docs template improved from 1.9 to 1.5 seconds, and field LCP p75 on mobile dropped by 240 milliseconds over the next four weeks.",[40,784,786],{"id":785},"pitfalls-rollback","Pitfalls & Rollback",[45,788,789,795,804,810,823],{},[48,790,791,794],{},[229,792,793],{},"Preloading the Google Fonts stylesheet."," It points at a CSS file on another origin whose font URLs change; self-host instead.",[48,796,797,803],{},[229,798,799,800,38],{},"Using ",[18,801,802],{},"crossorigin=\"use-credentials\""," Fonts are fetched anonymously; a credentialed preload will not match.",[48,805,806,809],{},[229,807,808],{},"Preloading from a CDN font host without CORS headers."," The preload succeeds, but the font request fails CORS; check the response headers.",[48,811,812,819,820,822],{},[229,813,814,815,818],{},"Preload plus ",[18,816,817],{},"media"," queries."," A preload for a font only used at wide breakpoints downloads on phones too; add a ",[18,821,817],{}," attribute or skip it.",[48,824,825,828],{},[229,826,827],{},"Rollback:"," remove the preload tags. The page falls back to discovering fonts through CSS, which is slower but never downloads twice.",[40,830,832],{"id":831},"conclusion","Conclusion",[14,834,835,836,839,840,842,843,845],{},"A font preload helps only when it is reused, and reuse needs the same URL, the ",[18,837,838],{},"font"," destination and CORS mode. Add ",[18,841,235],{},", generate the preload URL from the same import as the ",[18,844,31],{}," rule, preload one or two above-the-fold weights, and check the built output in CI. Done that way, the preload removes several hundred milliseconds from text rendering instead of quietly adding a second download.",[40,847,849],{"id":848},"faq","FAQ",[851,852,854],"h3",{"id":853},"why-does-my-preloaded-font-download-twice","Why does my preloaded font download twice?",[14,856,857],{},"Fonts are always fetched in CORS mode. A preload without the crossorigin attribute is made in no-cors mode, so its response cannot be reused by the @font-face request and the browser fetches the file again. A URL that differs by even a query string has the same effect.",[851,859,861],{"id":860},"do-i-need-crossorigin-on-a-font-preload-from-my-own-domain","Do I need crossorigin on a font preload from my own domain?",[14,863,864],{},"Yes. Font requests use CORS mode even for same-origin files, so the preload must match with crossorigin. For same-origin files the anonymous value is enough and no CORS headers are needed on the server.",[851,866,868],{"id":867},"how-many-fonts-should-i-preload","How many fonts should I preload?",[14,870,871],{},"Usually one or two — the weights used above the fold, typically the body regular and perhaps a heading weight. Every preload competes with the LCP image and critical CSS for early bandwidth, so preloading every weight slows first render.",[851,873,875],{"id":874},"how-can-i-tell-if-a-preload-was-wasted","How can I tell if a preload was wasted?",[14,877,878],{},"Chrome logs a console warning when a preloaded resource is not used within a few seconds, and the DevTools network panel shows two requests for the same font file. Filter the network panel by Font and look for duplicates or an unused preload.",[40,880,882],{"id":881},"related","Related",[45,884,885,894,901,906,913],{},[48,886,887,890,891,893],{},[229,888,889],{},"Parent:"," ",[34,892,37],{"href":36}," — the full font policy.",[48,895,896,900],{},[34,897,899],{"href":898},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fmetric-matched-fallback-fonts-with-size-adjust\u002F","Metric-Matched Fallback Fonts with size-adjust"," — making the swap invisible.",[48,902,903,905],{},[34,904,723],{"href":722}," — which descriptor needs a preload most.",[48,907,908,912],{},[34,909,911],{"href":910},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fsubsetting-variable-fonts-for-faster-first-render\u002F","Subsetting Variable Fonts for Faster First Render"," — shrinking the file you preload.",[48,914,915,919],{},[34,916,918],{"href":917},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads\u002F","Auditing Unused Preloads"," — finding wasted hints site-wide.",[921,922,923],"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);}",{"title":292,"searchDepth":320,"depth":320,"links":925},[926,927,928,929,930,931,932,933,934,935,936,942],{"id":42,"depth":320,"text":43},{"id":65,"depth":320,"text":66},{"id":281,"depth":320,"text":282},{"id":385,"depth":320,"text":386},{"id":496,"depth":320,"text":497},{"id":603,"depth":320,"text":604},{"id":726,"depth":320,"text":727},{"id":772,"depth":320,"text":773},{"id":785,"depth":320,"text":786},{"id":831,"depth":320,"text":832},{"id":848,"depth":320,"text":849,"children":937},[938,939,940,941],{"id":853,"depth":331,"text":854},{"id":860,"depth":331,"text":861},{"id":867,"depth":331,"text":868},{"id":874,"depth":331,"text":875},{"id":881,"depth":320,"text":882},[944,947,950,951],{"name":945,"item":946},"Home","\u002F",{"name":948,"item":949},"Performance Optimization & Core Web Vitals for SSGs","\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002F",{"name":37,"item":36},{"name":5,"item":952},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads\u002F","2026-09-18","A font preload that misses crossorigin, or points at a different URL than the @font-face rule, downloads the font twice. Here is how to preload fonts correctly.","md",[957,958,959,960],{"q":854,"a":857},{"q":861,"a":864},{"q":868,"a":871},{"q":875,"a":878},{},true,"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads",{"title":5,"description":954},"performance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads\u002Findex","article","5r3JMprologIrqU32_Z9-PGjezOMNfXjEEZmaOC6tuM",[969,972,975,978,981,984,987,990,993,996,999,1002,1005,1008,1011,1014,1017,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,1133,1136,1139,1142,1145,1148,1151,1154,1157,1160,1163,1166,1169,1171,1173,1175,1176,1179,1181,1184,1187,1190,1193,1196,1199,1202,1205,1208,1211,1214,1217,1220,1223,1226,1229,1232,1235,1238,1241,1244,1247,1250,1253,1255,1258,1261,1263,1266,1269,1272,1275,1278,1281,1284,1287,1290,1293,1296,1299,1302,1305,1308,1311,1314,1317,1320,1323,1326,1329,1332,1335,1338,1341,1344,1347,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,1437,1440,1443,1446,1449,1452,1455,1458,1461,1464,1467,1470,1473,1476,1479,1482,1485,1488,1491,1494,1497,1500,1503,1506],{"path":970,"title":971},"\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":973,"title":974},"\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":976,"title":977},"\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":979,"title":980},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":982,"title":983},"\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":985,"title":986},"\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":988,"title":989},"\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":991,"title":992},"\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":994,"title":995},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":997,"title":998},"\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":1000,"title":1001},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1003,"title":1004},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1006,"title":1007},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1009,"title":1010},"\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":1012,"title":1013},"\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":1015,"title":1016},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1018,"title":1019},"\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":1021,"title":1022},"\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":1024,"title":1025},"\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":1027,"title":1028},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1030,"title":1031},"\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":1033,"title":1034},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1036,"title":1037},"\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":1039,"title":1040},"\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":1042,"title":1043},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1045,"title":1046},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1048,"title":1049},"\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":1051,"title":1052},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1054,"title":1055},"\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":1057,"title":1058},"\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":1060,"title":1061},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1063,"title":1064},"\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":1066,"title":1067},"\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":1069,"title":1070},"\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":1072,"title":1073},"\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":1075,"title":1076},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1078,"title":1079},"\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":1081,"title":1082},"\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":1084,"title":1085},"\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":1087,"title":1088},"\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":1090,"title":1091},"\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":1093,"title":1094},"\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":1096,"title":1097},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1099,"title":1100},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1102,"title":1103},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1105,"title":1106},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1108,"title":1109},"\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":1111,"title":1112},"\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":1114,"title":1115},"\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":1117,"title":1118},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1120,"title":1121},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1123,"title":1124},"\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":1126,"title":1127},"\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":1129,"title":1130},"\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":1132,"title":504},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames",{"path":1134,"title":1135},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1137,"title":1138},"\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":1140,"title":1141},"\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":1143,"title":1144},"\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":1146,"title":1147},"\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":1149,"title":1150},"\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":1152,"title":1153},"\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":1155,"title":1156},"\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":1158,"title":1159},"\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":1161,"title":1162},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1164,"title":1165},"\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":1167,"title":1168},"\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":1170,"title":723},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap",{"path":1172,"title":37},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites",{"path":1174,"title":899},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fmetric-matched-fallback-fonts-with-size-adjust",{"path":963,"title":5},{"path":1177,"title":1178},"\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":1180,"title":911},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fsubsetting-variable-fonts-for-faster-first-render",{"path":1182,"title":1183},"\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":1185,"title":1186},"\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":1188,"title":1189},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1191,"title":1192},"\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":1194,"title":1195},"\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":1197,"title":1198},"\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":1200,"title":1201},"\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":1203,"title":1204},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1206,"title":1207},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1209,"title":1210},"\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":1212,"title":1213},"\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":1215,"title":1216},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1218,"title":1219},"\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":1221,"title":1222},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1224,"title":1225},"\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":1227,"title":1228},"\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":1230,"title":1231},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1233,"title":1234},"\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":1236,"title":1237},"\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":1239,"title":1240},"\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":1242,"title":1243},"\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":1245,"title":1246},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci","Performance Budgets and Lighthouse CI",{"path":1248,"title":1249},"\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":1251,"title":1252},"\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":1254,"title":769},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site",{"path":1256,"title":1257},"\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":1259,"title":1260},"\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":1262,"title":918},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads",{"path":1264,"title":1265},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1267,"title":1268},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules","Instant Navigation with Speculation Rules",{"path":1270,"title":1271},"\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":1273,"title":1274},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro","Prefetching Links in Astro",{"path":1276,"title":1277},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fview-transitions-on-multi-page-static-sites","View Transitions on Multi-Page Static Sites",{"path":1279,"title":1280},"\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":1282,"title":1283},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1285,"title":1286},"\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":1288,"title":1289},"\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":1291,"title":1292},"\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":1294,"title":1295},"\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":1297,"title":1298},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1300,"title":1301},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1303,"title":1304},"\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":1306,"title":1307},"\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":1309,"title":1310},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1312,"title":1313},"\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":1315,"title":1316},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1318,"title":1319},"\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":1321,"title":1322},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1324,"title":1325},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1327,"title":1328},"\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":1330,"title":1331},"\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":1333,"title":1334},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1336,"title":1337},"\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":1339,"title":1340},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1342,"title":1343},"\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":1345,"title":1346},"\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":1348,"title":1349},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1351,"title":1352},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1354,"title":1355},"\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":1357,"title":1358},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1360,"title":1361},"\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":1363,"title":1364},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1366,"title":1367},"\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":1369,"title":1370},"\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":1372,"title":1373},"\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":1375,"title":1376},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1378,"title":1379},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1381,"title":1382},"\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":1384,"title":1385},"\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":1387,"title":1388},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1390,"title":1391},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1393,"title":1394},"\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":1396,"title":1397},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1399,"title":1400},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1402,"title":1403},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1405,"title":1406},"\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":1408,"title":1409},"\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":1411,"title":1412},"\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":1414,"title":1415},"\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":1417,"title":1418},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1420,"title":1421},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1423,"title":1424},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1426,"title":1427},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1429,"title":1430},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1432,"title":1433},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1435,"title":1436},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1438,"title":1439},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1441,"title":1442},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1444,"title":1445},"\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":1447,"title":1448},"\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":1450,"title":1451},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1453,"title":1454},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1456,"title":1457},"\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":1459,"title":1460},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1462,"title":1463},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1465,"title":1466},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1468,"title":1469},"\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":1471,"title":1472},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1474,"title":1475},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1477,"title":1478},"\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":1480,"title":1481},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1483,"title":1484},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1486,"title":1487},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1489,"title":1490},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1492,"title":1493},"\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":1495,"title":1496},"\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":1498,"title":1499},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1501,"title":1502},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1504,"title":1505},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1507,"title":1508},"\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",1789722847861]