[{"data":1,"prerenderedAt":1525},["ShallowReactive",2],{"page:\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux":3,"all-docs-nav":982},{"id":4,"title":5,"body":6,"breadcrumb":958,"dateModified":967,"datePublished":967,"description":968,"extension":969,"faq":970,"meta":975,"navigation":976,"path":977,"seo":978,"slug":12,"stem":979,"type":980,"__hash__":981},"content\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux\u002Findex.md","Comparing Lab and Field Data with CrUX",{"type":7,"value":8,"toc":940},"minimark",[9,13,17,26,31,48,52,55,133,186,197,201,204,330,482,486,489,496,502,512,516,519,543,546,633,637,644,648,651,732,814,817,821,853,857,860,864,869,872,876,879,883,886,890,893,897,936],[10,11,5],"h1",{"id":12},"comparing-lab-and-field-data-with-crux",[14,15,16],"p",{},"Lighthouse tells you how a page performs under one fixed set of conditions. The Chrome User Experience Report (CrUX) tells you how it performed for real Chrome users over the last 28 days. Teams that only look at one of them make predictable mistakes: lab-only teams tune for an emulated phone their readers do not use, and field-only teams find out about regressions a month after they shipped.",[14,18,19,20,25],{},"This guide pulls CrUX data for a static site's origin and key URLs, lines it up against Lighthouse CI results per template, and turns the comparison into budget changes. It is part of ",[21,22,24],"a",{"href":23},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002F","Performance Budgets and Lighthouse CI",".",[27,28,30],"h2",{"id":29},"prerequisites","Prerequisites",[32,33,34,38,45],"ul",{},[35,36,37],"li",{},"A Google Cloud API key with the Chrome UX Report API enabled (free).",[35,39,40,41,25],{},"Lighthouse CI results per template, from ",[21,42,44],{"href":43},"\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",[35,46,47],{},"Optionally, your own real-user monitoring, which fills the gaps where CrUX has no data.",[27,49,51],{"id":50},"step-1-query-the-crux-api","Step 1: Query the CrUX API",[14,53,54],{},"The API takes an origin or URL and a form factor, and returns histograms and the 75th percentile for each metric.",[56,57,62],"pre",{"className":58,"code":59,"language":60,"meta":61,"style":61},"language-bash shiki shiki-themes github-light github-dark","curl -s \"https:\u002F\u002Fchromeuxreport.googleapis.com\u002Fv1\u002Frecords:queryRecord?key=$CRUX_KEY\" \\\n  -H 'Content-Type: application\u002Fjson' \\\n  -d '{\"origin\":\"https:\u002F\u002Fdocs.example.com\",\"formFactor\":\"PHONE\",\n       \"metrics\":[\"largest_contentful_paint\",\"interaction_to_next_paint\",\"cumulative_layout_shift\"]}' \\\n  | jq '.record.metrics | map_values(.percentiles.p75)'\n","bash","",[63,64,65,92,103,112,120],"code",{"__ignoreMap":61},[66,67,70,74,78,82,86,89],"span",{"class":68,"line":69},"line",1,[66,71,73],{"class":72},"sScJk","curl",[66,75,77],{"class":76},"sj4cs"," -s",[66,79,81],{"class":80},"sZZnC"," \"https:\u002F\u002Fchromeuxreport.googleapis.com\u002Fv1\u002Frecords:queryRecord?key=",[66,83,85],{"class":84},"sVt8B","$CRUX_KEY",[66,87,88],{"class":80},"\"",[66,90,91],{"class":76}," \\\n",[66,93,95,98,101],{"class":68,"line":94},2,[66,96,97],{"class":76},"  -H",[66,99,100],{"class":80}," 'Content-Type: application\u002Fjson'",[66,102,91],{"class":76},[66,104,106,109],{"class":68,"line":105},3,[66,107,108],{"class":76},"  -d",[66,110,111],{"class":80}," '{\"origin\":\"https:\u002F\u002Fdocs.example.com\",\"formFactor\":\"PHONE\",\n",[66,113,115,118],{"class":68,"line":114},4,[66,116,117],{"class":80},"       \"metrics\":[\"largest_contentful_paint\",\"interaction_to_next_paint\",\"cumulative_layout_shift\"]}'",[66,119,91],{"class":76},[66,121,123,127,130],{"class":68,"line":122},5,[66,124,126],{"class":125},"szBVR","  |",[66,128,129],{"class":72}," jq",[66,131,132],{"class":80}," '.record.metrics | map_values(.percentiles.p75)'\n",[56,134,138],{"className":135,"code":136,"language":137,"meta":61,"style":61},"language-json shiki shiki-themes github-light github-dark","{\n  \"largest_contentful_paint\": 1840,\n  \"interaction_to_next_paint\": 112,\n  \"cumulative_layout_shift\": \"0.03\"\n}\n","json",[63,139,140,145,159,171,181],{"__ignoreMap":61},[66,141,142],{"class":68,"line":69},[66,143,144],{"class":84},"{\n",[66,146,147,150,153,156],{"class":68,"line":94},[66,148,149],{"class":76},"  \"largest_contentful_paint\"",[66,151,152],{"class":84},": ",[66,154,155],{"class":76},"1840",[66,157,158],{"class":84},",\n",[66,160,161,164,166,169],{"class":68,"line":105},[66,162,163],{"class":76},"  \"interaction_to_next_paint\"",[66,165,152],{"class":84},[66,167,168],{"class":76},"112",[66,170,158],{"class":84},[66,172,173,176,178],{"class":68,"line":114},[66,174,175],{"class":76},"  \"cumulative_layout_shift\"",[66,177,152],{"class":84},[66,179,180],{"class":80},"\"0.03\"\n",[66,182,183],{"class":68,"line":122},[66,184,185],{"class":84},"}\n",[14,187,188,189,192,193,196],{},"Query the origin first, then each template's most popular URL. Many URLs will return ",[63,190,191],{},"404 NOT_FOUND"," because they fall below CrUX's traffic threshold; that is expected, and it is why template-level data from your own RUM becomes valuable. The CrUX History API (",[63,194,195],{},"records:queryHistoryRecord",") returns up to 40 weekly data points, which shows trends and the effect of a release more quickly than the single 28-day figure.",[27,198,200],{"id":199},"step-2-line-up-lab-and-field-per-template","Step 2: Line Up Lab and Field per Template",[14,202,203],{},"For each template, put the Lighthouse CI median next to the field p75 from CrUX (where the URL has data) or from RUM (where it does not). A docs site with four templates, mobile:",[205,206,207,235],"table",{},[208,209,210],"thead",{},[211,212,213,217,220,223,226,229,232],"tr",{},[214,215,216],"th",{},"Template",[214,218,219],{},"Lab LCP (Lighthouse, median of 3)",[214,221,222],{},"Field LCP p75",[214,224,225],{},"Lab TBT",[214,227,228],{},"Field INP p75",[214,230,231],{},"Lab CLS",[214,233,234],{},"Field CLS p75",[236,237,238,262,285,307],"tbody",{},[211,239,240,244,247,250,253,256,259],{},[241,242,243],"td",{},"Home",[241,245,246],{},"2.1 s",[241,248,249],{},"1.9 s (CrUX)",[241,251,252],{},"120 ms",[241,254,255],{},"140 ms (CrUX)",[241,257,258],{},"0.02",[241,260,261],{},"0.05 (CrUX)",[211,263,264,267,270,273,276,279,282],{},[241,265,266],{},"Docs page",[241,268,269],{},"1.2 s",[241,271,272],{},"0.9 s (RUM)",[241,274,275],{},"20 ms",[241,277,278],{},"64 ms (RUM)",[241,280,281],{},"0.00",[241,283,284],{},"0.01 (RUM)",[211,286,287,290,293,296,299,302,304],{},[241,288,289],{},"API reference",[241,291,292],{},"1.6 s",[241,294,295],{},"2.4 s (RUM)",[241,297,298],{},"60 ms",[241,300,301],{},"210 ms (RUM)",[241,303,281],{},[241,305,306],{},"0.00 (RUM)",[211,308,309,312,315,318,321,324,327],{},[241,310,311],{},"Blog post",[241,313,314],{},"1.9 s",[241,316,317],{},"1.6 s (CrUX)",[241,319,320],{},"40 ms",[241,322,323],{},"96 ms (CrUX)",[241,325,326],{},"0.04",[241,328,329],{},"0.11 (CrUX)",[331,332,333,478],"figure",{},[334,335,342,343,342,347,342,351,342,358],"svg",{"viewBox":336,"role":337,"ariaLabelledBy":338,"xmlns":341},"0 0 760 300","img",[339,340],"clf-gap-title","clf-gap-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[344,345,346],"title",{"id":339},"Lab LCP against field LCP per template",[348,349,350],"desc",{"id":340},"A dumbbell chart. Home: lab 2.1 seconds, field 1.9. Docs page: lab 1.2, field 0.9. API reference: lab 1.6, field 2.4, the only template where field is worse than lab. Blog post: lab 1.9, field 1.6.",[352,353],"rect",{"x":354,"y":354,"width":355,"height":356,"fill":357},"0","760","300","#ffffff",[359,360,362,363,362,371,362,378,362,383,362,387,362,391,362,396,362,403,362,408,362,415,362,422,362,428,362,431,362,435,362,439,362,441,362,444,362,450,362,454,362,456,362,461,362,464,362,468,362,472,362,474,342],"g",{"style":361},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[364,365,370],"text",{"x":366,"y":367,"fill":368,"style":369},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","LCP: lab (square) vs field p75 (circle), mobile",[68,372],{"x1":373,"y1":374,"x2":375,"y2":374,"stroke":376,"style":377},"170","240","720","#556071","stroke-width:1.5px",[364,379,382],{"x":373,"y":380,"fill":376,"style":381},"258","font-size:11px;text-anchor:middle","0.5 s",[364,384,386],{"x":385,"y":380,"fill":376,"style":381},"390","1.5 s",[364,388,390],{"x":389,"y":380,"fill":376,"style":381},"610","2.5 s",[68,392],{"x1":389,"y1":393,"x2":389,"y2":374,"stroke":394,"style":395},"50","#d83b41","stroke-width:1px;stroke-dasharray:5 4",[364,397,402],{"x":398,"y":399,"fill":400,"style":401},"614","62","#b32b30","font-size:11px","good ≤ 2.5 s",[364,404,243],{"x":405,"y":406,"fill":368,"style":407},"40","84","font-weight:700",[68,409],{"x1":410,"y1":411,"x2":412,"y2":411,"stroke":413,"style":414},"522","80","566","#d9e2ef","stroke-width:4px",[352,416],{"x":417,"y":418,"width":419,"height":419,"fill":420,"stroke":420,"style":421},"560","74","12","#1982c4","stroke-width:1px",[423,424],"circle",{"cx":410,"cy":411,"r":425,"fill":426,"stroke":427,"style":377},"7","#8ac926","#5a8a16",[364,429,266],{"x":405,"y":430,"fill":368,"style":407},"130",[68,432],{"x1":380,"y1":433,"x2":434,"y2":433,"stroke":413,"style":414},"126","324",[352,436],{"x":437,"y":438,"width":419,"height":419,"fill":420,"stroke":420,"style":421},"318","120",[423,440],{"cx":380,"cy":433,"r":425,"fill":426,"stroke":427,"style":377},[364,442,289],{"x":405,"y":443,"fill":368,"style":407},"176",[68,445],{"x1":446,"y1":447,"x2":448,"y2":447,"stroke":449,"style":414},"412","172","588","#ff595e",[352,451],{"x":452,"y":453,"width":419,"height":419,"fill":420,"stroke":420,"style":421},"406","166",[423,455],{"cx":448,"cy":447,"r":425,"fill":449,"stroke":394,"style":377},[364,457,460],{"x":458,"y":443,"fill":400,"style":459},"600","font-size:11px;font-weight:700","field worse",[364,462,311],{"x":405,"y":463,"fill":368,"style":407},"222",[68,465],{"x1":446,"y1":466,"x2":467,"y2":466,"stroke":413,"style":414},"218","478",[352,469],{"x":470,"y":471,"width":419,"height":419,"fill":420,"stroke":420,"style":421},"472","212",[423,473],{"cx":446,"cy":466,"r":425,"fill":426,"stroke":427,"style":377},[364,475,477],{"x":366,"y":476,"fill":376,"style":381},"286","Lab: Lighthouse 12 mobile preset · Field: CrUX or first-party RUM, 28 days",[479,480,481],"figcaption",{},"Three templates are faster in the field than in the lab. The API reference is the exception, and exceptions are where the lab is missing something.",[27,483,485],{"id":484},"step-3-explain-each-gap","Step 3: Explain Each Gap",[14,487,488],{},"A gap between lab and field is a clue, not an error. The common causes on static sites:",[14,490,491,495],{},[492,493,494],"strong",{},"Field faster than lab"," (home, docs, blog here). Readers use faster devices than Lighthouse's emulated mid-range phone, and many arrive with a warm cache from a previous page. Documentation readers in particular browse several pages per session, so their second and later page loads skip font and CSS downloads. This is normal and healthy; it means the lab budget has headroom.",[14,497,498,501],{},[492,499,500],{},"Field slower than lab"," (API reference here). Something real readers encounter is absent from the lab test. For this site, three things: the API reference pages are long, and real readers scroll and click the \"expand all\" control, which Lighthouse never does — that drove INP to 210 ms; the representative URL chosen for Lighthouse was a short reference page, while traffic concentrated on the four longest ones; and a large share of API reference readers came from regions far from the CDN's nearest edge, visible in the RUM data's country breakdown.",[14,503,504,507,508,25],{},[492,505,506],{},"CLS higher in the field"," (blog, 0.04 lab against 0.11 field). Lighthouse measures layout shifts during load only; field CLS includes shifts during the whole visit. The blog's culprit was a lazily loaded comments embed that pushed the footer down when readers scrolled to it — a shift the lab could not see. The fix is described in ",[21,509,511],{"href":510},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Ffixing-cls-from-late-loading-embeds\u002F","Fixing CLS from Late-Loading Embeds",[27,513,515],{"id":514},"step-4-adjust-tests-and-budgets","Step 4: Adjust Tests and Budgets",[14,517,518],{},"Each explanation leads to a concrete change:",[32,520,521,531,537],{},[35,522,523,526,527,530],{},[492,524,525],{},"API reference:"," swap the representative URL for the heaviest real page, add a Lighthouse CI user-flow step that clicks \"expand all\" and measures interaction, and budget TBT on that template at 100 ms. The underlying fix — rendering collapsed sections as ",[63,528,529],{},"\u003Cdetails>"," elements instead of a JavaScript accordion — brought field INP to 118 ms over the next four weeks.",[35,532,533,536],{},[492,534,535],{},"Blog:"," add a scripted scroll to the bottom of the page before Lighthouse finishes, so late shifts are captured, and reserve space for the embed.",[35,538,539,542],{},[492,540,541],{},"Docs and home:"," field comfortably beats lab, so tighten the lab LCP error thresholds by 200 ms, since the lab-to-field relationship shows readers are well protected even at the tighter limit.",[14,544,545],{},"The general rule: where field is worse than lab, make the lab test more realistic; where field is better, tighten the lab budget until it protects readers with a sensible margin rather than an enormous one.",[331,547,548,630],{},[334,549,342,554,342,557,342,560,342,563],{"viewBox":550,"role":337,"ariaLabelledBy":551,"xmlns":341},"0 0 760 270",[552,553],"clf-act-title","clf-act-desc",[344,555,556],{"id":552},"What to do with each kind of gap",[348,558,559],{"id":553},"A two-by-two grid. When field is better than lab and the budget has lots of headroom, tighten the lab budget. When field is worse than lab, make the lab test more realistic by changing the URL, adding interactions or scrolling. When lab and field agree, keep the budget. When there is no field data, add template-level RUM.",[352,561],{"x":354,"y":354,"width":355,"height":562,"fill":357},"270",[359,564,362,565,362,568,362,573,362,579,362,584,362,588,362,591,362,595,362,598,362,601,362,604,362,608,362,612,362,616,362,621,362,624,362,627,342],{"style":361},[364,566,567],{"x":366,"y":367,"fill":368,"style":369},"The gap tells you which side to change",[352,569],{"x":405,"y":393,"width":570,"height":571,"rx":419,"fill":426,"opacity":572,"stroke":427,"style":377},"330","94","0.14",[364,574,578],{"x":575,"y":576,"fill":368,"style":577},"205","78","font-weight:700;text-anchor:middle","Field better than lab",[364,580,583],{"x":575,"y":581,"fill":368,"style":582},"102","text-anchor:middle","tighten the lab budget",[364,585,587],{"x":575,"y":586,"fill":376,"style":381},"124","home, docs, blog LCP",[352,589],{"x":385,"y":393,"width":570,"height":571,"rx":419,"fill":449,"opacity":590,"stroke":394,"style":377},"0.1",[364,592,594],{"x":593,"y":576,"fill":368,"style":577},"555","Field worse than lab",[364,596,597],{"x":593,"y":581,"fill":368,"style":582},"make the lab test realistic",[364,599,600],{"x":593,"y":586,"fill":376,"style":381},"API reference INP, blog CLS",[352,602],{"x":405,"y":603,"width":570,"height":571,"rx":419,"fill":420,"opacity":590,"stroke":420,"style":377},"156",[364,605,607],{"x":575,"y":606,"fill":368,"style":577},"184","Lab and field agree",[364,609,611],{"x":575,"y":610,"fill":368,"style":582},"208","keep the budget as it is",[364,613,615],{"x":575,"y":614,"fill":376,"style":381},"230","rare, and a good sign",[352,617],{"x":385,"y":603,"width":570,"height":571,"rx":419,"fill":618,"opacity":619,"stroke":620,"style":377},"#ffca3a","0.18","#a97b00",[364,622,623],{"x":593,"y":606,"fill":368,"style":577},"No field data",[364,625,626],{"x":593,"y":610,"fill":368,"style":582},"add template-level RUM",[364,628,629],{"x":593,"y":614,"fill":376,"style":381},"most URLs on most static sites",[479,631,632],{},"Never \"fix\" a field-worse gap by loosening the lab budget; that just hides what the lab is failing to see.",[27,634,636],{"id":635},"automating-the-comparison","Automating the Comparison",[14,638,639,640,25],{},"Run the comparison monthly rather than once. A scheduled workflow queries CrUX for the origin and each template's top URL, merges in RUM aggregates by template, reads the latest Lighthouse CI medians, and writes a Markdown table to an issue. Flag any template where field p75 exceeds lab median by more than 20% — that is the signal to investigate — and any where lab is more than 40% above field, which suggests the budget can tighten. The RUM side of this is described in ",[21,641,643],{"href":642},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data\u002F","Building a Core Web Vitals Dashboard from RUM Data",[27,645,647],{"id":646},"measured-impact","Measured Impact",[14,649,650],{},"Two months after acting on the comparison:",[205,652,653,668],{},[208,654,655],{},[211,656,657,659,662,665],{},[214,658,216],{},[214,660,661],{},"Metric",[214,663,664],{},"Before",[214,666,667],{},"After",[236,669,670,682,694,706,718],{},[211,671,672,674,676,679],{},[241,673,289],{},[241,675,228],{},[241,677,678],{},"210 ms",[241,680,681],{},"118 ms",[211,683,684,686,688,691],{},[241,685,289],{},[241,687,222],{},[241,689,690],{},"2.4 s",[241,692,693],{},"1.7 s",[211,695,696,698,700,703],{},[241,697,311],{},[241,699,234],{},[241,701,702],{},"0.11",[241,704,705],{},"0.03",[211,707,708,710,713,715],{},[241,709,266],{},[241,711,712],{},"Lab LCP error threshold",[241,714,386],{},[241,716,717],{},"1.3 s",[211,719,720,723,726,729],{},[241,721,722],{},"Origin (CrUX)",[241,724,725],{},"URLs passing all Core Web Vitals, mobile",[241,727,728],{},"81%",[241,730,731],{},"97%",[331,733,734,811],{},[334,735,342,740,342,743,342,746,342,749],{"viewBox":736,"role":337,"ariaLabelledBy":737,"xmlns":341},"0 0 760 260",[738,739],"clf-trend-title","clf-trend-desc",[344,741,742],{"id":738},"Weekly CrUX history after the changes",[348,744,745],{"id":739},"A line of the share of URLs passing all Core Web Vitals on mobile, from the CrUX History API, over ten weekly points. It sits at 81 percent for the first two weeks, starts rising in week three after the API reference fix ships, and reaches 97 percent by week ten as the 28-day window fills with post-fix data.",[352,747],{"x":354,"y":354,"width":355,"height":748,"fill":357},"260",[359,750,362,751,362,754,362,757,362,759,362,765,362,769,362,773,362,778,362,783,362,789,362,794,362,798,362,802,362,806,342],{"style":361},[364,752,753],{"x":366,"y":367,"fill":368,"style":369},"Share of URLs passing Core Web Vitals (mobile), weekly",[68,755],{"x1":411,"y1":756,"x2":375,"y2":756,"stroke":376,"style":377},"210",[68,758],{"x1":411,"y1":393,"x2":411,"y2":756,"stroke":376,"style":377},[364,760,764],{"x":761,"y":762,"fill":376,"style":763},"72","214","font-size:11px;text-anchor:end","75%",[364,766,768],{"x":761,"y":767,"fill":376,"style":763},"134","87.5%",[364,770,772],{"x":761,"y":771,"fill":376,"style":763},"54","100%",[68,774],{"x1":775,"y1":393,"x2":775,"y2":756,"stroke":776,"style":777},"220","#6a4c93","stroke-width:1.5px;stroke-dasharray:5 4",[364,779,782],{"x":780,"y":781,"fill":776,"style":459},"226","64","fixes ship",[784,785],"polyline",{"points":786,"fill":787,"stroke":427,"style":788},"100,172 160,172 220,170 280,154 340,138 400,118 460,98 520,84 580,74 640,70 700,69","none","stroke-width:2.5px",[364,790,728],{"x":791,"y":792,"fill":793,"style":459},"100","164","#3f6410",[364,795,731],{"x":796,"y":399,"fill":793,"style":797},"690","font-size:11px;font-weight:700;text-anchor:end",[364,799,801],{"x":791,"y":800,"fill":376,"style":381},"228","wk 1",[364,803,805],{"x":804,"y":800,"fill":376,"style":381},"700","wk 11",[364,807,810],{"x":808,"y":809,"fill":376,"style":381},"400","250","CrUX History API, origin-level, phone form factor",[479,812,813],{},"The 28-day window smooths the change into a ramp; the weekly history shows it starting within days of the release.",[14,815,816],{},"The ramp is worth explaining to stakeholders before the fix ships. People expecting an overnight change in Search Console will otherwise conclude the work failed during the first fortnight, when the rolling window still contains mostly pre-fix visits.",[27,818,820],{"id":819},"pitfalls-rollback","Pitfalls & Rollback",[32,822,823,829,835,841,847],{},[35,824,825,828],{},[492,826,827],{},"Comparing different pages."," Lab tests one URL; CrUX aggregates many. Compare per template with representative URLs, or use RUM grouped by template.",[35,830,831,834],{},[492,832,833],{},"Reading a 28-day window as current."," CrUX lags. Use the History API's weekly points to see recent changes.",[35,836,837,840],{},[492,838,839],{},"Ignoring form factor."," Phone and desktop CrUX values can differ by 2×. Compare mobile lab to phone field, desktop to desktop.",[35,842,843,846],{},[492,844,845],{},"Loosening lab budgets to match bad field data."," Make the lab test catch what the field sees instead.",[35,848,849,852],{},[492,850,851],{},"Rollback:"," the comparison is a report; the budget and test changes it prompts are ordinary commits that can be reverted individually.",[27,854,856],{"id":855},"conclusion","Conclusion",[14,858,859],{},"Lab and field data answer different questions, and the gap between them is the most useful number in performance work. On this docs site, lining up Lighthouse medians against CrUX and RUM per template showed three templates with comfortable headroom and one where the lab test missed real reader behaviour. Tightening budgets on the first three and making the lab test realistic for the fourth took the share of URLs passing Core Web Vitals on mobile from 81% to 97% in two months.",[27,861,863],{"id":862},"faq","FAQ",[865,866,868],"h3",{"id":867},"what-is-crux","What is CrUX?",[14,870,871],{},"The Chrome User Experience Report is Google's public dataset of real-user performance from opted-in Chrome users. It reports 75th-percentile LCP, INP, CLS and other metrics per origin and for sufficiently popular URLs, over a rolling 28-day window.",[865,873,875],{"id":874},"why-does-my-lighthouse-lcp-differ-from-crux-lcp","Why does my Lighthouse LCP differ from CrUX LCP?",[14,877,878],{},"Lighthouse emulates one device and network on a cold load. CrUX aggregates real devices, networks, cache states and locations. If your readers mostly use fast desktops or return with warm caches, field LCP will be lower than lab; if they use older phones on slow networks, it will be higher.",[865,880,882],{"id":881},"my-page-has-no-crux-data-what-now","My page has no CrUX data. What now?",[14,884,885],{},"CrUX only publishes URLs with enough traffic. Use origin-level data, or group URLs by template with your own real-user monitoring. For a static site, template-level RUM is usually more useful than URL-level CrUX anyway.",[865,887,889],{"id":888},"how-long-after-a-fix-does-crux-reflect-it","How long after a fix does CrUX reflect it?",[14,891,892],{},"The 28-day window means a fix shows up gradually and fully after four weeks. The CrUX History API's weekly data points let you see the trend start within a week or two.",[27,894,896],{"id":895},"related","Related",[32,898,899,908,915,922,929],{},[35,900,901,904,905,907],{},[492,902,903],{},"Parent:"," ",[21,906,24],{"href":23}," — the lab side of the comparison.",[35,909,910,914],{},[21,911,913],{"href":912},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fmeasuring-inp-on-static-sites-with-real-user-monitoring\u002F","Measuring INP on Static Sites with Real-User Monitoring"," — collecting the field data CrUX lacks.",[35,916,917,921],{},[21,918,920],{"href":919},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites\u002Fmeasuring-cls-in-the-field-with-web-vitals-js\u002F","Measuring CLS in the Field with web-vitals.js"," — where late shifts show up.",[35,923,924,928],{},[21,925,927],{"href":926},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Fmeasuring-lcp-subparts-with-devtools\u002F","Measuring LCP Subparts with DevTools"," — diagnosing a template once the gap points at it.",[35,930,931,935],{},[21,932,934],{"href":933},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fwriting-a-performance-budget-that-fails-builds\u002F","Writing a Performance Budget That Fails Builds"," — applying the tightened limits.",[937,938,939],"style",{},"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 pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}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":61,"searchDepth":94,"depth":94,"links":941},[942,943,944,945,946,947,948,949,950,951,957],{"id":29,"depth":94,"text":30},{"id":50,"depth":94,"text":51},{"id":199,"depth":94,"text":200},{"id":484,"depth":94,"text":485},{"id":514,"depth":94,"text":515},{"id":635,"depth":94,"text":636},{"id":646,"depth":94,"text":647},{"id":819,"depth":94,"text":820},{"id":855,"depth":94,"text":856},{"id":862,"depth":94,"text":863,"children":952},[953,954,955,956],{"id":867,"depth":105,"text":868},{"id":874,"depth":105,"text":875},{"id":881,"depth":105,"text":882},{"id":888,"depth":105,"text":889},{"id":895,"depth":94,"text":896},[959,961,964,965],{"name":243,"item":960},"\u002F",{"name":962,"item":963},"Performance Optimization & Core Web Vitals for SSGs","\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002F",{"name":24,"item":23},{"name":5,"item":966},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux\u002F","2026-09-18","Pull Chrome UX Report data for your origin and key URLs, line it up against Lighthouse lab numbers per template, and use the gap to set better budgets.","md",[971,972,973,974],{"q":868,"a":871},{"q":875,"a":878},{"q":882,"a":885},{"q":889,"a":892},{},true,"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux",{"title":5,"description":968},"performance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fcomparing-lab-and-field-data-with-crux\u002Findex","article","g_-eklZ3NuXiBBgAj7A3r8TLjoX_MRGKd1xRiHoTSH4",[983,986,989,992,995,998,1001,1004,1007,1010,1013,1016,1019,1022,1025,1028,1031,1034,1037,1040,1043,1046,1049,1052,1055,1058,1061,1064,1067,1070,1073,1076,1079,1082,1085,1088,1091,1094,1097,1100,1103,1106,1109,1112,1115,1118,1121,1124,1127,1130,1133,1136,1139,1142,1145,1148,1151,1154,1157,1160,1163,1166,1169,1172,1175,1178,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,1262,1264,1267,1270,1272,1275,1277,1280,1283,1286,1289,1292,1295,1298,1301,1304,1307,1310,1313,1316,1319,1322,1325,1328,1331,1334,1337,1340,1343,1346,1349,1352,1355,1358,1361,1364,1367,1370,1373,1376,1379,1382,1385,1388,1391,1394,1397,1399,1402,1405,1408,1411,1414,1417,1420,1423,1426,1429,1432,1435,1438,1441,1444,1447,1450,1453,1456,1459,1462,1465,1468,1471,1474,1477,1480,1483,1486,1489,1492,1495,1498,1501,1504,1507,1510,1513,1516,1519,1522],{"path":984,"title":985},"\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":987,"title":988},"\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":990,"title":991},"\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":993,"title":994},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":996,"title":997},"\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":999,"title":1000},"\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":1002,"title":1003},"\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":1005,"title":1006},"\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":1008,"title":1009},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1011,"title":1012},"\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":1014,"title":1015},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1017,"title":1018},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1020,"title":1021},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1023,"title":1024},"\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":1026,"title":1027},"\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":1029,"title":1030},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1032,"title":1033},"\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":1035,"title":1036},"\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":1038,"title":1039},"\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":1041,"title":1042},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1044,"title":1045},"\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":1047,"title":1048},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1050,"title":1051},"\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":1053,"title":1054},"\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":1056,"title":1057},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1059,"title":1060},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1062,"title":1063},"\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":1065,"title":1066},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1068,"title":1069},"\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":1071,"title":1072},"\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":1074,"title":1075},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1077,"title":1078},"\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":1080,"title":1081},"\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":1083,"title":1084},"\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":1086,"title":1087},"\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":1089,"title":1090},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1092,"title":1093},"\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":1095,"title":1096},"\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":1098,"title":1099},"\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":1101,"title":1102},"\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":1104,"title":1105},"\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":1107,"title":1108},"\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":1110,"title":1111},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1113,"title":1114},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1116,"title":1117},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1119,"title":1120},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1122,"title":1123},"\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":1125,"title":1126},"\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":1128,"title":1129},"\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":1131,"title":1132},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1134,"title":1135},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1137,"title":1138},"\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":1140,"title":1141},"\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":1143,"title":1144},"\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":1146,"title":1147},"\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":1149,"title":1150},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1152,"title":1153},"\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":1155,"title":1156},"\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":1158,"title":1159},"\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":1161,"title":1162},"\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":1164,"title":1165},"\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":1167,"title":1168},"\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":1170,"title":1171},"\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":1173,"title":1174},"\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":1176,"title":1177},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1179,"title":1180},"\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":1182,"title":1183},"\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":1185,"title":1186},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1188,"title":1189},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1191,"title":1192},"\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":1194,"title":1195},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1197,"title":1198},"\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":1200,"title":1201},"\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":1203,"title":1204},"\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":1206,"title":1207},"\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":1209,"title":1210},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1212,"title":1213},"\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":1215,"title":1216},"\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":1218,"title":1219},"\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":1221,"title":1222},"\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":1224,"title":1225},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1227,"title":1228},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1230,"title":1231},"\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":1233,"title":1234},"\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":1236,"title":1237},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1239,"title":1240},"\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":1242,"title":1243},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1245,"title":1246},"\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":1248,"title":1249},"\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":1251,"title":1252},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1254,"title":927},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites\u002Fmeasuring-lcp-subparts-with-devtools",{"path":1256,"title":1257},"\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":1259,"title":1260},"\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":977,"title":5},{"path":1263,"title":24},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci",{"path":1265,"title":1266},"\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":1268,"title":1269},"\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":1271,"title":44},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site",{"path":1273,"title":1274},"\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":1276,"title":934},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fwriting-a-performance-budget-that-fails-builds",{"path":1278,"title":1279},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1281,"title":1282},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1284,"title":1285},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules","Instant Navigation with Speculation Rules",{"path":1287,"title":1288},"\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":1290,"title":1291},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro","Prefetching Links in Astro",{"path":1293,"title":1294},"\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":1296,"title":1297},"\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":1299,"title":1300},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1302,"title":1303},"\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":1305,"title":1306},"\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":1308,"title":1309},"\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":1311,"title":1312},"\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":1314,"title":1315},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1317,"title":1318},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1320,"title":1321},"\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":1323,"title":1324},"\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":1326,"title":1327},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1329,"title":1330},"\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":1332,"title":1333},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1335,"title":1336},"\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":1338,"title":1339},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1341,"title":1342},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1344,"title":1345},"\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":1347,"title":1348},"\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":1350,"title":1351},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1353,"title":1354},"\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":1356,"title":1357},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1359,"title":1360},"\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":1362,"title":1363},"\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":1365,"title":1366},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1368,"title":1369},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1371,"title":1372},"\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":1374,"title":1375},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1377,"title":1378},"\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":1380,"title":1381},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1383,"title":1384},"\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":1386,"title":1387},"\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":1389,"title":1390},"\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":1392,"title":1393},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1395,"title":1396},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1398,"title":643},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fbuilding-a-core-web-vitals-dashboard-from-rum-data",{"path":1400,"title":1401},"\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":1403,"title":1404},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1406,"title":1407},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1409,"title":1410},"\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":1412,"title":1413},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1415,"title":1416},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1418,"title":1419},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1421,"title":1422},"\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":1424,"title":1425},"\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":1427,"title":1428},"\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":1430,"title":1431},"\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":1433,"title":1434},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1436,"title":1437},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests","Preview Environments for Pull Requests",{"path":1439,"title":1440},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1442,"title":1443},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1445,"title":1446},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys","Visual Regression Testing on Preview Deploys",{"path":1448,"title":1449},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1451,"title":1452},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1454,"title":1455},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1457,"title":1458},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1460,"title":1461},"\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":1463,"title":1464},"\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":1466,"title":1467},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1469,"title":1470},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1472,"title":1473},"\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":1475,"title":1476},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1478,"title":1479},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1481,"title":1482},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1484,"title":1485},"\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":1487,"title":1488},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1490,"title":1491},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1493,"title":1494},"\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":1496,"title":1497},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1499,"title":1500},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1502,"title":1503},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1505,"title":1506},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1508,"title":1509},"\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":1511,"title":1512},"\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":1514,"title":1515},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1517,"title":1518},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1520,"title":1521},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1523,"title":1524},"\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",1789722847768]