[{"data":1,"prerenderedAt":1612},["ShallowReactive",2],{"page:\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys":3,"all-docs-nav":1072},{"id":4,"title":5,"body":6,"breadcrumb":1047,"dateModified":1057,"datePublished":1057,"description":1058,"extension":1059,"faq":1060,"meta":1065,"navigation":1066,"path":1067,"seo":1068,"slug":12,"stem":1069,"type":1070,"__hash__":1071},"content\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys\u002Findex.md","Running WebPageTest Scripts Against Preview Deploys",{"type":7,"value":8,"toc":1028},"minimark",[9,13,17,26,31,59,63,66,88,91,95,106,116,122,133,285,289,292,487,494,498,501,600,607,611,614,730,815,826,830,884,887,891,894,897,901,941,945,948,952,957,960,964,967,971,974,978,981,985,1024],[10,11,5],"h1",{"id":12},"running-webpagetest-scripts-against-preview-deploys",[14,15,16],"p",{},"Lighthouse CI answers one question well: how does this page load, cold, on an emulated mid-range phone? Many regressions on static sites do not show up in that question. A search dialog that freezes when opened, a client-side route change that takes a second, a repeat visit that re-downloads fonts because a cache header broke, a page that is fast in Virginia and slow in Singapore — each needs a multi-step journey, a real browser on a real network, or a specific location.",[14,18,19,20,25],{},"WebPageTest runs scripted journeys on real browsers in dozens of locations and produces filmstrips and waterfalls that make a regression easy to explain. This guide scripts three journeys for a documentation site, runs them against each preview deploy, and reports what they caught that Lighthouse CI did not. It complements ",[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,42,45,56],"ul",{},[35,36,37,38,25],"li",{},"A preview deploy per pull request — see ",[21,39,41],{"href":40},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002F","Preview Environments for Pull Requests",[35,43,44],{},"A WebPageTest API key (hosted plan with API access) or a private instance.",[35,46,47,48,52,53,25],{},"The ",[49,50,51],"code",{},"webpagetest"," CLI: ",[49,54,55],{},"npm i -D webpagetest",[35,57,58],{},"Two or three journeys that matter to your readers, written down in plain language first.",[27,60,62],{"id":61},"step-1-choose-journeys-not-pages","Step 1: Choose Journeys, Not Pages",[14,64,65],{},"Pick journeys that exercise what Lighthouse cannot. For this docs site:",[67,68,69,76,82],"ol",{},[35,70,71,75],{},[72,73,74],"strong",{},"Search to answer:"," load the homepage, open search, type a query, click the first result. Measures the search dialog's load and the navigation after it.",[35,77,78,81],{},[72,79,80],{},"Browse three pages:"," land on a guide, click to the next guide, click to a reference page. Measures repeat-view caching and navigation.",[35,83,84,87],{},[72,85,86],{},"Far-away reader:"," load a long guide from a location far from the origin (Singapore and São Paulo here). Measures CDN reach and asset cacheability.",[14,89,90],{},"Each journey should map to a real behaviour visible in your analytics. Search journeys are worth scripting only if a meaningful share of sessions use search.",[27,92,94],{"id":93},"step-2-write-the-scripts","Step 2: Write the Scripts",[14,96,97,98,101,102,105],{},"WebPageTest scripts are tab-separated commands. ",[49,99,100],{},"logData 0"," turns off measurement for setup steps; ",[49,103,104],{},"logData 1"," turns it back on for the step you care about.",[107,108,114],"pre",{"className":109,"code":111,"language":112,"meta":113},[110],"language-text","\u002F\u002F search-journey.wpt\nlogData 0\nnavigate    %PREVIEW%\u002F\nlogData 1\nexecAndWait document.querySelector('#search-open').click()\nexecAndWait (async()=>{const i=document.querySelector('#search input');i.value='cache headers';i.dispatchEvent(new Event('input',{bubbles:true}));await new Promise(r=>setTimeout(r,800));})()\nexecAndWait document.querySelector('.pagefind-ui__result-link').click()\n","text","",[49,115,111],{"__ignoreMap":113},[107,117,120],{"className":118,"code":119,"language":112,"meta":113},[110],"\u002F\u002F browse-journey.wpt\nnavigate    %PREVIEW%\u002Fguides\u002Fdeploying-hugo\u002F\nnavigate    %PREVIEW%\u002Fguides\u002Fcaching-hugo-builds\u002F\nnavigate    %PREVIEW%\u002Freference\u002Fconfiguration\u002F\n",[49,121,119],{"__ignoreMap":113},[14,123,124,125,128,129,132],{},"Each ",[49,126,127],{},"navigate"," and ",[49,130,131],{},"execAndWait"," becomes a measured step with its own filmstrip, waterfall and metrics.",[134,135,136,281],"figure",{},[137,138,145,146,145,150,145,154,145,161,145,267],"svg",{"viewBox":139,"role":140,"ariaLabelledBy":141,"xmlns":144},"0 0 760 290","img",[142,143],"wpt-steps-title","wpt-steps-desc","http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg","\n  ",[147,148,149],"title",{"id":142},"The search journey as measured steps",[151,152,153],"desc",{"id":143},"Four steps in sequence. Step 0, load the homepage, is setup and not logged. Step 1 opens search and measures the dialog's script load. Step 2 types a query and measures time until results render. Step 3 clicks the first result and measures the navigation to the answer page. Each measured step has its own filmstrip and waterfall.",[155,156],"rect",{"x":157,"y":157,"width":158,"height":159,"fill":160},"0","760","290","#ffffff",[162,163,165,166,165,173,165,182,165,188,165,194,165,199,165,203,165,206,165,210,165,214,165,217,165,224,165,228,165,231,165,247,165,257,165,263,145],"g",{"style":164},"font-family:system-ui, sans-serif;font-size:12px","\n    ",[112,167,172],{"x":168,"y":169,"fill":170,"style":171},"380","28","#1f2937","font-size:16px;font-weight:700;text-anchor:middle","One journey, three measured steps",[155,174],{"x":175,"y":176,"width":177,"height":176,"rx":178,"fill":179,"stroke":180,"style":181},"30","70","160","10","#f8fafc","#d9e2ef","stroke-width:1.5px",[112,183,187],{"x":184,"y":185,"fill":170,"style":186},"110","96","font-weight:700;text-anchor:middle","0 · load home",[112,189,193],{"x":184,"y":190,"fill":191,"style":192},"118","#556071","font-size:11px;text-anchor:middle","logData 0 (setup)",[155,195],{"x":196,"y":176,"width":177,"height":176,"rx":178,"fill":197,"opacity":198,"stroke":197,"style":181},"215","#1982c4","0.14",[112,200,202],{"x":201,"y":185,"fill":170,"style":186},"295","1 · open search",[112,204,205],{"x":201,"y":190,"fill":191,"style":192},"script + CSS load",[155,207],{"x":208,"y":176,"width":177,"height":176,"rx":178,"fill":209,"opacity":198,"stroke":209,"style":181},"400","#6a4c93",[112,211,213],{"x":212,"y":185,"fill":170,"style":186},"480","2 · type query",[112,215,216],{"x":212,"y":190,"fill":191,"style":192},"fragments → results",[155,218],{"x":219,"y":176,"width":220,"height":176,"rx":178,"fill":221,"opacity":222,"stroke":223,"style":181},"585","150","#8ac926","0.18","#5a8a16",[112,225,227],{"x":226,"y":185,"fill":170,"style":186},"660","3 · click result",[112,229,230],{"x":226,"y":190,"fill":191,"style":192},"navigation, warm cache",[162,232,235,236,235,241,235,244,165],{"stroke":191,"fill":233,"style":234},"none","stroke-width:2px","\n      ",[237,238],"path",{"d":239,"style":240},"M192 105 L211 105","marker-end:url(#wpt-arrow)",[237,242],{"d":243,"style":240},"M377 105 L396 105",[237,245],{"d":246,"style":240},"M562 105 L581 105",[155,248],{"x":196,"y":249,"width":250,"height":251,"rx":252,"fill":253,"opacity":254,"stroke":255,"style":256},"170","520","40","8","#ffca3a","0.2","#a97b00","stroke-width:1px",[112,258,262],{"x":259,"y":260,"fill":170,"style":261},"475","195","text-anchor:middle","each measured step: filmstrip · waterfall · LCP · TBT · CLS · requests",[112,264,266],{"x":168,"y":265,"fill":191,"style":192},"248","Lighthouse sees only a cold load of step 0; every regression below happened in steps 1–3",[268,269,165,270,145],"defs",{},[271,272,235,278,165],"marker",{"id":273,"viewBox":274,"refX":252,"refY":275,"markerWidth":276,"markerHeight":276,"orient":277},"wpt-arrow","0 0 10 10","5","7","auto-start-reverse",[237,279],{"d":280,"fill":191},"M0 0 L10 5 L0 10 z",[282,283,284],"figcaption",{},"Splitting a journey into logged steps turns \"search feels slow\" into a specific step with its own waterfall.",[27,286,288],{"id":287},"step-3-run-from-ci-against-the-preview","Step 3: Run From CI Against the Preview",[14,290,291],{},"Substitute the preview URL, submit each script, wait for results and write a summary:",[107,293,297],{"className":294,"code":295,"language":296,"meta":113,"style":113},"language-yaml shiki shiki-themes github-light github-dark","# .github\u002Fworkflows\u002Fpreview.yml (excerpt)\nwpt:\n  needs: deploy-preview\n  runs-on: ubuntu-latest\n  steps:\n    - uses: actions\u002Fcheckout@v4\n    - run: npm ci\n    - name: Run WebPageTest journeys\n      env:\n        WPT_API_KEY: ${{ secrets.WPT_API_KEY }}\n        PREVIEW: ${{ needs.deploy-preview.outputs.url }}\n      run: |\n        for s in search browse; do\n          sed \"s#%PREVIEW%#$PREVIEW#g\" wpt\u002F$s-journey.wpt > \u002Ftmp\u002F$s.wpt\n          npx webpagetest test \u002Ftmp\u002F$s.wpt --key \"$WPT_API_KEY\" \\\n            --location ec2-us-east-1:Chrome.4G --runs 3 --first --poll 10 \\\n            --reporter json > wpt-$s.json\n        done\n        npx webpagetest test \"$PREVIEW\u002Fguides\u002Fdeploying-hugo\u002F\" --key \"$WPT_API_KEY\" \\\n          --location ec2-ap-southeast-1:Chrome.4G --runs 3 --poll 10 --reporter json > wpt-far.json\n        node scripts\u002Fwpt-summary.mjs wpt-*.json >> \"$GITHUB_STEP_SUMMARY\"\n","yaml",[49,298,299,308,319,332,343,351,365,378,391,399,410,421,433,439,445,451,457,463,469,475,481],{"__ignoreMap":113},[300,301,304],"span",{"class":302,"line":303},"line",1,[300,305,307],{"class":306},"sJ8bj","# .github\u002Fworkflows\u002Fpreview.yml (excerpt)\n",[300,309,311,315],{"class":302,"line":310},2,[300,312,314],{"class":313},"s9eBZ","wpt",[300,316,318],{"class":317},"sVt8B",":\n",[300,320,322,325,328],{"class":302,"line":321},3,[300,323,324],{"class":313},"  needs",[300,326,327],{"class":317},": ",[300,329,331],{"class":330},"sZZnC","deploy-preview\n",[300,333,335,338,340],{"class":302,"line":334},4,[300,336,337],{"class":313},"  runs-on",[300,339,327],{"class":317},[300,341,342],{"class":330},"ubuntu-latest\n",[300,344,346,349],{"class":302,"line":345},5,[300,347,348],{"class":313},"  steps",[300,350,318],{"class":317},[300,352,354,357,360,362],{"class":302,"line":353},6,[300,355,356],{"class":317},"    - ",[300,358,359],{"class":313},"uses",[300,361,327],{"class":317},[300,363,364],{"class":330},"actions\u002Fcheckout@v4\n",[300,366,368,370,373,375],{"class":302,"line":367},7,[300,369,356],{"class":317},[300,371,372],{"class":313},"run",[300,374,327],{"class":317},[300,376,377],{"class":330},"npm ci\n",[300,379,381,383,386,388],{"class":302,"line":380},8,[300,382,356],{"class":317},[300,384,385],{"class":313},"name",[300,387,327],{"class":317},[300,389,390],{"class":330},"Run WebPageTest journeys\n",[300,392,394,397],{"class":302,"line":393},9,[300,395,396],{"class":313},"      env",[300,398,318],{"class":317},[300,400,402,405,407],{"class":302,"line":401},10,[300,403,404],{"class":313},"        WPT_API_KEY",[300,406,327],{"class":317},[300,408,409],{"class":330},"${{ secrets.WPT_API_KEY }}\n",[300,411,413,416,418],{"class":302,"line":412},11,[300,414,415],{"class":313},"        PREVIEW",[300,417,327],{"class":317},[300,419,420],{"class":330},"${{ needs.deploy-preview.outputs.url }}\n",[300,422,424,427,429],{"class":302,"line":423},12,[300,425,426],{"class":313},"      run",[300,428,327],{"class":317},[300,430,432],{"class":431},"szBVR","|\n",[300,434,436],{"class":302,"line":435},13,[300,437,438],{"class":330},"        for s in search browse; do\n",[300,440,442],{"class":302,"line":441},14,[300,443,444],{"class":330},"          sed \"s#%PREVIEW%#$PREVIEW#g\" wpt\u002F$s-journey.wpt > \u002Ftmp\u002F$s.wpt\n",[300,446,448],{"class":302,"line":447},15,[300,449,450],{"class":330},"          npx webpagetest test \u002Ftmp\u002F$s.wpt --key \"$WPT_API_KEY\" \\\n",[300,452,454],{"class":302,"line":453},16,[300,455,456],{"class":330},"            --location ec2-us-east-1:Chrome.4G --runs 3 --first --poll 10 \\\n",[300,458,460],{"class":302,"line":459},17,[300,461,462],{"class":330},"            --reporter json > wpt-$s.json\n",[300,464,466],{"class":302,"line":465},18,[300,467,468],{"class":330},"        done\n",[300,470,472],{"class":302,"line":471},19,[300,473,474],{"class":330},"        npx webpagetest test \"$PREVIEW\u002Fguides\u002Fdeploying-hugo\u002F\" --key \"$WPT_API_KEY\" \\\n",[300,476,478],{"class":302,"line":477},20,[300,479,480],{"class":330},"          --location ec2-ap-southeast-1:Chrome.4G --runs 3 --poll 10 --reporter json > wpt-far.json\n",[300,482,484],{"class":302,"line":483},21,[300,485,486],{"class":330},"        node scripts\u002Fwpt-summary.mjs wpt-*.json >> \"$GITHUB_STEP_SUMMARY\"\n",[14,488,489,490,25],{},"The summary script reads the median run of each step and compares it against thresholds. Start with thresholds as warnings — real browsers on real networks vary more than Lighthouse's simulation — and promote the stable ones to failures after a few weeks, as described in ",[21,491,493],{"href":492},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Freducing-lighthouse-score-variance-in-ci\u002F","Reducing Lighthouse Score Variance in CI",[27,495,497],{"id":496},"step-4-read-the-filmstrip","Step 4: Read the Filmstrip",[14,499,500],{},"When a step regresses, the filmstrip is the fastest explanation. Link it from the step summary so reviewers can see, frame by frame, what readers see. The waterfall then shows why: a request that used to be cached, a script that moved earlier, a font that now blocks text.",[134,502,503,597],{},[137,504,145,509,145,512,145,515,145,518],{"viewBox":505,"role":140,"ariaLabelledBy":506,"xmlns":144},"0 0 760 250",[507,508],"wpt-film-title","wpt-film-desc",[147,510,511],{"id":507},"Filmstrip of the search step before and after a regression",[151,513,514],{"id":508},"Two rows of frames at 100 millisecond intervals after clicking search. On main, the dialog appears by 100 milliseconds and the input is ready by 200. On the pull request, the dialog frame stays empty until 600 milliseconds and the input is ready at 740, because a large bundle now loads first.",[155,516],{"x":157,"y":157,"width":158,"height":517,"fill":160},"250",[162,519,165,520,165,523,165,528,165,534,165,538,165,542,165,547,165,551,165,554,165,556,165,558,165,561,165,564,165,566,165,570,165,573,165,577,165,581,165,585,165,587,165,589,165,593,145],{"style":164},[112,521,522],{"x":168,"y":169,"fill":170,"style":171},"Search step filmstrip, 100 ms per frame",[112,524,527],{"x":175,"y":525,"fill":170,"style":526},"84","font-weight:700","main",[155,529],{"x":530,"y":531,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},"120","60","44","4",[155,535],{"x":536,"y":531,"width":176,"height":532,"rx":533,"fill":221,"opacity":537,"stroke":223,"style":256},"200","0.25",[155,539],{"x":540,"y":531,"width":176,"height":532,"rx":533,"fill":221,"opacity":541,"stroke":223,"style":256},"280","0.45",[112,543,546],{"x":544,"y":545,"fill":170,"style":192},"315","87","ready",[112,548,550],{"x":175,"y":549,"fill":170,"style":526},"164","this PR",[155,552],{"x":530,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},"140",[155,555],{"x":536,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},[155,557],{"x":540,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},[155,559],{"x":560,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},"360",[155,562],{"x":563,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},"440",[155,565],{"x":250,"y":553,"width":176,"height":532,"rx":533,"fill":179,"stroke":180,"style":256},[155,567],{"x":568,"y":553,"width":176,"height":532,"rx":533,"fill":253,"opacity":569,"stroke":255,"style":256},"600","0.35",[155,571],{"x":572,"y":553,"width":531,"height":532,"rx":533,"fill":221,"opacity":541,"stroke":223,"style":256},"680",[112,574,546],{"x":575,"y":576,"fill":170,"style":192},"710","167",[112,578,157],{"x":579,"y":580,"fill":191,"style":192},"155","124",[112,582,584],{"x":583,"y":580,"fill":191,"style":192},"235","100",[112,586,536],{"x":544,"y":580,"fill":191,"style":192},[112,588,208],{"x":259,"y":580,"fill":191,"style":192},[112,590,592],{"x":591,"y":580,"fill":191,"style":192},"635","600 ms",[112,594,596],{"x":168,"y":595,"fill":191,"style":192},"222","Six empty frames made the regression obvious in review before anyone opened the waterfall",[282,598,599],{},"A filmstrip turns a number into something a designer or product owner can see and agree is a problem.",[14,601,602,603,606],{},"The waterfall for the regressed step showed a 190 KB chunk requested on click, where main had loaded a 22 KB one; the pull request had imported the search UI's full component library into the dialog. Moving the import back behind a dynamic ",[49,604,605],{},"import()"," fixed it. Without the filmstrip, the discussion would have been about whether 740 ms \"really\" mattered; with it, the answer was visible.",[27,608,610],{"id":609},"what-the-journeys-caught","What the Journeys Caught",[14,612,613],{},"Over four months on the docs site, the scripted journeys flagged six regressions that Lighthouse CI passed:",[615,616,617,636],"table",{},[618,619,620],"thead",{},[621,622,623,627,630,633],"tr",{},[624,625,626],"th",{},"Regression",[624,628,629],{},"Journey step",[624,631,632],{},"Measured change",[624,634,635],{},"Root cause",[637,638,639,654,668,689,703,717],"tbody",{},[621,640,641,645,648,651],{},[642,643,644],"td",{},"Search dialog opened slowly",[642,646,647],{},"search · step 1",[642,649,650],{},"180 → 740 ms",[642,652,653],{},"UI bundle imported eagerly into the dialog chunk",[621,655,656,659,662,665],{},[642,657,658],{},"Results rendered late",[642,660,661],{},"search · step 2",[642,663,664],{},"310 → 920 ms",[642,666,667],{},"Index entry file cached for a year, stale fragments refetched",[621,669,670,673,676,679],{},[642,671,672],{},"Second page re-downloaded fonts",[642,674,675],{},"browse · step 2",[642,677,678],{},"0 → 96 KB fonts",[642,680,681,684,685,688],{},[49,682,683],{},"Cache-Control"," missing on ",[49,686,687],{},"\u002Ffonts\u002F"," after a host migration",[621,690,691,694,697,700],{},[642,692,693],{},"Reference page long task",[642,695,696],{},"browse · step 3",[642,698,699],{},"TBT 40 → 380 ms",[642,701,702],{},"Table-sorting script running on load",[621,704,705,708,711,714],{},[642,706,707],{},"Far location LCP",[642,709,710],{},"far · load",[642,712,713],{},"2.1 → 3.6 s",[642,715,716],{},"New image domain not behind the CDN",[621,718,719,722,724,727],{},[642,720,721],{},"Layout shift on navigation",[642,723,675],{},[642,725,726],{},"CLS 0.01 → 0.14",[642,728,729],{},"Sticky header height changing after font swap",[134,731,732,812],{},[137,733,145,737,145,740,145,743,145,745],{"viewBox":139,"role":140,"ariaLabelledBy":734,"xmlns":144},[735,736],"wpt-catch-title","wpt-catch-desc",[147,738,739],{"id":735},"Where the six regressions occurred",[151,741,742],{"id":736},"A timeline of a reader journey with six markers. Two regressions occurred in the search dialog, three during subsequent navigations with a warm cache, and one only from a distant location. None occurred in a cold single-page load from a nearby location, which is what Lighthouse CI tests.",[155,744],{"x":157,"y":157,"width":158,"height":159,"fill":160},[162,746,165,747,165,750,165,754,165,758,165,762,165,766,165,769,165,772,165,775,165,779,165,782,165,786,165,789,165,792,165,797,165,801,165,804,165,808,145],{"style":164},[112,748,749],{"x":168,"y":169,"fill":170,"style":171},"Six regressions, none in a nearby cold page load",[155,751],{"x":175,"y":531,"width":177,"height":249,"rx":752,"fill":221,"opacity":753,"stroke":223,"style":181},"12","0.1",[112,755,757],{"x":184,"y":756,"fill":170,"style":186},"86","Cold load, nearby",[112,759,761],{"x":184,"y":760,"fill":191,"style":192},"108","what Lighthouse tests",[112,763,157],{"x":184,"y":177,"fill":764,"style":765},"#3f6410","font-size:22px;font-weight:700;text-anchor:middle",[155,767],{"x":768,"y":531,"width":177,"height":249,"rx":752,"fill":197,"opacity":753,"stroke":197,"style":181},"210",[112,770,771],{"x":159,"y":756,"fill":170,"style":186},"Interaction",[112,773,774],{"x":159,"y":760,"fill":191,"style":192},"search dialog",[112,776,778],{"x":159,"y":177,"fill":777,"style":765},"#166a9e","2",[155,780],{"x":781,"y":531,"width":177,"height":249,"rx":752,"fill":209,"opacity":753,"stroke":209,"style":181},"390",[112,783,785],{"x":784,"y":756,"fill":170,"style":186},"470","Next pages",[112,787,788],{"x":784,"y":760,"fill":191,"style":192},"warm cache, navigation",[112,790,791],{"x":784,"y":177,"fill":209,"style":765},"3",[155,793],{"x":794,"y":531,"width":177,"height":249,"rx":752,"fill":795,"opacity":753,"stroke":796,"style":181},"570","#ff595e","#d83b41",[112,798,800],{"x":799,"y":756,"fill":170,"style":186},"650","Far location",[112,802,803],{"x":799,"y":760,"fill":191,"style":192},"Singapore, São Paulo",[112,805,807],{"x":799,"y":177,"fill":806,"style":765},"#b32b30","1",[112,809,811],{"x":168,"y":810,"fill":191,"style":192},"266","Four months of pull requests on a 900-page docs site; all six passed Lighthouse CI",[282,813,814],{},"Journeys, warm caches and distance are exactly the three dimensions a single cold Lighthouse run holds constant.",[14,816,817,818,128,822,25],{},"Three of the six were caching problems, which is the category Lighthouse is structurally blind to: it always starts cold. The caching fixes themselves are covered in ",[21,819,821],{"href":820},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fsetting-cache-control-headers-on-cloudflare-pages\u002F","Setting Cache-Control Headers on Cloudflare Pages",[21,823,825],{"href":824},"\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",[27,827,829],{"id":828},"measured-impact","Measured Impact",[615,831,832,842],{},[618,833,834],{},[621,835,836,839],{},[624,837,838],{},"Measure",[624,840,841],{},"Value",[637,843,844,852,860,868,876],{},[621,845,846,849],{},[642,847,848],{},"Journeys per pull request",[642,850,851],{},"3 (search, browse, far location)",[621,853,854,857],{},[642,855,856],{},"Median job duration",[642,858,859],{},"3 min 40 s, parallel with Lighthouse CI",[621,861,862,865],{},[642,863,864],{},"Regressions caught that Lighthouse CI passed",[642,866,867],{},"6 in four months",[621,869,870,873],{},[642,871,872],{},"False alarms (threshold crossed, no real change)",[642,874,875],{},"4, all in the far-location test",[621,877,878,881],{},[642,879,880],{},"Tests used per month",[642,882,883],{},"about 540 (60 pull requests × 3 journeys × 3 runs)",[14,885,886],{},"The far-location test was the noisiest, because real network paths across oceans vary. Its threshold stayed a warning; the other two journeys were promoted to failures after five weeks.",[27,888,890],{"id":889},"choosing-locations-and-devices","Choosing Locations and Devices",[14,892,893],{},"The location and device list decides what the journeys can find, so choose it from your audience rather than from the default. Start with the analytics breakdown of sessions by country and by device category. On this docs site, 38% of sessions came from North America, 31% from Europe, 17% from South and Southeast Asia and 6% from South America; mobile was 29% overall but 52% in Southeast Asia. That produced three test configurations: US East on emulated 4G for the main journeys, Frankfurt as a second nearby check, and Singapore on a real mid-range Android device for the far-location test.",[14,895,896],{},"Real devices matter most for interaction-heavy steps. A Moto G-class phone in WebPageTest's device lab took 3.1 times longer than a desktop agent to run the search dialog's script, which is roughly what CPU throttling in Lighthouse predicts, but the real device also exposed a touch-event handler that emulation did not trigger. Use real devices for the one or two journeys where input handling matters, and cheaper desktop agents with throttling for the rest. Revisit the list twice a year; audience mixes shift, and a new market can make a previously irrelevant location the most important one to test.",[27,898,900],{"id":899},"pitfalls-rollback","Pitfalls & Rollback",[32,902,903,909,923,929,935],{},[35,904,905,908],{},[72,906,907],{},"Scripting every page."," Journeys are for behaviour Lighthouse cannot see. Three good journeys beat twenty page loads.",[35,910,911,914,915,918,919,922],{},[72,912,913],{},"Brittle selectors."," Scripts that click ",[49,916,917],{},".css-1x2y3z"," break on every style change. Add stable ",[49,920,921],{},"data-testid"," hooks to the elements your journeys use.",[35,924,925,928],{},[72,926,927],{},"Failing on the first run."," Real devices vary; use the median of three and warnings until the spread is known.",[35,930,931,934],{},[72,932,933],{},"Exhausting the test allowance."," Skip WebPageTest on documentation-only pull requests, or run it only when templates, scripts or headers change.",[35,936,937,940],{},[72,938,939],{},"Rollback:"," the journeys are a separate job. Removing it from required checks makes it advisory; deleting it removes it.",[27,942,944],{"id":943},"conclusion","Conclusion",[14,946,947],{},"WebPageTest scripts fill the gaps a cold, nearby Lighthouse run leaves: interactions, warm-cache navigations and distant readers. Three journeys against each preview deploy caught six regressions in four months that Lighthouse CI had passed — half of them caching problems no cold load can reveal. Keep the journeys few and tied to real reader behaviour, start with warnings, and let the filmstrips do the explaining in review.",[27,949,951],{"id":950},"faq","FAQ",[953,954,956],"h3",{"id":955},"when-is-webpagetest-worth-adding-next-to-lighthouse-ci","When is WebPageTest worth adding next to Lighthouse CI?",[14,958,959],{},"When regressions hide in journeys rather than cold single-page loads, when your readers are far from your CDN or on specific devices, or when you need filmstrips and waterfalls to explain a regression in review. For a simple content site, Lighthouse CI alone is usually enough.",[953,961,963],{"id":962},"does-webpagetest-cost-money","Does WebPageTest cost money?",[14,965,966],{},"The hosted service has a free tier with a monthly test allowance and paid plans with API access for CI. You can also run a private WebPageTest instance with your own agents, which suits teams that test on every pull request.",[953,968,970],{"id":969},"how-long-does-a-scripted-test-take","How long does a scripted test take?",[14,972,973],{},"A three-step script with three runs and a repeat view took about three to four minutes per location on the hosted service, depending on queue length. Run it after the preview deploy and in parallel with Lighthouse CI.",[953,975,977],{"id":976},"can-webpagetest-fail-a-pull-request","Can WebPageTest fail a pull request?",[14,979,980],{},"Yes. The CLI or API returns metrics as JSON, and a small script can compare them against thresholds and exit non-zero. Treat journey metrics as warnings at first, because real-device results vary more than emulated ones.",[27,982,984],{"id":983},"related","Related",[32,986,987,996,1003,1010,1017],{},[35,988,989,992,993,995],{},[72,990,991],{},"Parent:"," ",[21,994,24],{"href":23}," — the page-level checks this extends.",[35,997,998,1002],{},[21,999,1001],{"href":1000},"\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"," — the job this runs beside.",[35,1004,1005,1009],{},[21,1006,1008],{"href":1007},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules\u002F","Instant Navigation with Speculation Rules"," — making the browse journey faster.",[35,1011,1012,1016],{},[21,1013,1015],{"href":1014},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fuptime-and-synthetic-checks-for-static-sites\u002F","Uptime and Synthetic Checks for Static Sites"," — similar scripts run against production.",[35,1018,1019,1023],{},[21,1020,1022],{"href":1021},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys\u002F","Visual Regression Testing on Preview Deploys"," — the visual counterpart on the same previews.",[1025,1026,1027],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .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":113,"searchDepth":310,"depth":310,"links":1029},[1030,1031,1032,1033,1034,1035,1036,1037,1038,1039,1040,1046],{"id":29,"depth":310,"text":30},{"id":61,"depth":310,"text":62},{"id":93,"depth":310,"text":94},{"id":287,"depth":310,"text":288},{"id":496,"depth":310,"text":497},{"id":609,"depth":310,"text":610},{"id":828,"depth":310,"text":829},{"id":889,"depth":310,"text":890},{"id":899,"depth":310,"text":900},{"id":943,"depth":310,"text":944},{"id":950,"depth":310,"text":951,"children":1041},[1042,1043,1044,1045],{"id":955,"depth":321,"text":956},{"id":962,"depth":321,"text":963},{"id":969,"depth":321,"text":970},{"id":976,"depth":321,"text":977},{"id":983,"depth":310,"text":984},[1048,1051,1054,1055],{"name":1049,"item":1050},"Home","\u002F",{"name":1052,"item":1053},"Performance Optimization & Core Web Vitals for SSGs","\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002F",{"name":24,"item":23},{"name":5,"item":1056},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys\u002F","2026-09-18","Script multi-step WebPageTest journeys — search, navigation, repeat views — against every preview deploy, from locations Lighthouse cannot emulate.","md",[1061,1062,1063,1064],{"q":956,"a":959},{"q":963,"a":966},{"q":970,"a":973},{"q":977,"a":980},{},true,"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys",{"title":5,"description":1058},"performance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Frunning-webpagetest-scripts-against-preview-deploys\u002Findex","article","_SqxjlLm3u1wKVn1uaVveOE9Rv-n8UHpHgMNRl6U1ak",[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,1237,1240,1243,1246,1249,1252,1255,1258,1261,1264,1267,1270,1273,1276,1279,1282,1285,1288,1291,1294,1297,1300,1303,1306,1309,1312,1315,1318,1321,1324,1327,1330,1333,1336,1339,1342,1345,1348,1351,1354,1356,1358,1359,1361,1364,1367,1370,1373,1375,1378,1381,1384,1387,1390,1393,1396,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,1500,1503,1506,1509,1512,1515,1518,1521,1524,1526,1529,1532,1534,1537,1540,1543,1546,1549,1552,1555,1558,1561,1564,1567,1570,1573,1576,1579,1582,1585,1588,1591,1594,1597,1600,1603,1606,1609],{"path":1074,"title":1075},"\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":1077,"title":1078},"\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":1080,"title":1081},"\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":1083,"title":1084},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fastro-vs-eleventy-for-documentation-sites","Astro vs Eleventy for Documentation Sites",{"path":1086,"title":1087},"\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":1089,"title":1090},"\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":1092,"title":1093},"\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":1095,"title":1096},"\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":1098,"title":1099},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress","Docs Frameworks: Docusaurus, Starlight and VitePress",{"path":1101,"title":1102},"\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":1104,"title":1105},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fmigrating-from-mkdocs-to-starlight","Migrating from MkDocs to Starlight",{"path":1107,"title":1108},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fversioned-documentation-with-docusaurus","Versioned Documentation with Docusaurus",{"path":1110,"title":1111},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fdocs-frameworks-docusaurus-starlight-vitepress\u002Fvitepress-for-library-documentation","VitePress for Library Documentation",{"path":1113,"title":1114},"\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":1116,"title":1117},"\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":1119,"title":1120},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fhugo-build-times-for-large-repositories","Hugo Build Times for Large Repositories",{"path":1122,"title":1123},"\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":1125,"title":1126},"\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":1128,"title":1129},"\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":1131,"title":1132},"\u002Fchoosing-the-right-static-site-generator-for-production","Choosing the Right Static Site Generator for Production",{"path":1134,"title":1135},"\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":1137,"title":1138},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem","Jekyll Plugin Ecosystem",{"path":1140,"title":1141},"\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":1143,"title":1144},"\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":1146,"title":1147},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fspeeding-up-slow-jekyll-builds","Speeding Up Slow Jekyll Builds",{"path":1149,"title":1150},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fjekyll-plugin-ecosystem\u002Fupgrading-jekyll-and-ruby-versions-safely","Upgrading Jekyll and Ruby Versions Safely",{"path":1152,"title":1153},"\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":1155,"title":1156},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators","Migrating Between Static Site Generators",{"path":1158,"title":1159},"\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":1161,"title":1162},"\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":1164,"title":1165},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fmigrating-between-static-site-generators\u002Fmigrating-from-gatsby-to-astro","Migrating from Gatsby to Astro",{"path":1167,"title":1168},"\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":1170,"title":1171},"\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":1173,"title":1174},"\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":1176,"title":1177},"\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":1179,"title":1180},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fnextjs-static-export-for-content-sites","Next.js Static Export for Content Sites",{"path":1182,"title":1183},"\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":1185,"title":1186},"\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":1188,"title":1189},"\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":1191,"title":1192},"\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":1194,"title":1195},"\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":1197,"title":1198},"\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":1200,"title":1201},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites","Search for Static Sites",{"path":1203,"title":1204},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Findexing-hugo-sites-with-pagefind","Indexing Hugo Sites with Pagefind",{"path":1206,"title":1207},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fmultilingual-search-on-static-sites","Multilingual Search on Static Sites",{"path":1209,"title":1210},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fsearch-for-static-sites\u002Fpagefind-vs-algolia-docsearch","Pagefind vs Algolia DocSearch",{"path":1212,"title":1213},"\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":1215,"title":1216},"\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":1218,"title":1219},"\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":1221,"title":1222},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix\u002Fevaluating-ssg-accessibility-defaults","Evaluating SSG Accessibility Defaults",{"path":1224,"title":1225},"\u002Fchoosing-the-right-static-site-generator-for-production\u002Fssg-framework-selection-matrix","SSG Framework Selection Matrix",{"path":1227,"title":1228},"\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":1230,"title":1231},"\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":1233,"title":1234},"\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":1236,"title":825},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs\u002Fcache-busting-with-content-hashed-filenames",{"path":1238,"title":1239},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcdn-caching-rules-for-ssgs","CDN Caching Rules for SSGs",{"path":1241,"title":1242},"\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":1244,"title":1245},"\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":1247,"title":1248},"\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":1250,"title":1251},"\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":1253,"title":1254},"\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":1256,"title":1257},"\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":1259,"title":1260},"\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":1262,"title":1263},"\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":1265,"title":1266},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fcumulative-layout-shift-fixes-for-static-sites","Cumulative Layout Shift Fixes for Static Sites",{"path":1268,"title":1269},"\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":1271,"title":1272},"\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":1274,"title":1275},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Ffont-display-optional-vs-swap","font-display: optional vs swap",{"path":1277,"title":1278},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites","Font Loading Strategies for Static Sites",{"path":1280,"title":1281},"\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":1283,"title":1284},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Ffont-loading-strategies-for-static-sites\u002Fpreloading-fonts-without-double-downloads","Preloading Fonts Without Double Downloads",{"path":1286,"title":1287},"\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":1289,"title":1290},"\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":1292,"title":1293},"\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":1295,"title":1296},"\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":1298,"title":1299},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fimage-optimization-pipelines-in-astro","Image Optimization Pipelines in Astro",{"path":1301,"title":1302},"\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":1304,"title":1305},"\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":1307,"title":1308},"\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":1310,"title":1311},"\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":1313,"title":1314},"\u002Fperformance-optimization-core-web-vitals-for-ssgs","Core Web Vitals Optimization for SSGs",{"path":1316,"title":1317},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Fastro-islands-vs-full-hydration-performance","Astro Islands vs Full Hydration Performance",{"path":1319,"title":1320},"\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":1322,"title":1323},"\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":1325,"title":1326},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering","JavaScript Hydration & Partial Rendering",{"path":1328,"title":1329},"\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":1331,"title":1332},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fjavascript-hydration-partial-rendering\u002Freplacing-react-islands-with-web-components","Replacing React Islands with Web Components",{"path":1334,"title":1335},"\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":1337,"title":1338},"\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":1340,"title":1341},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Flargest-contentful-paint-optimization-for-static-sites","Largest Contentful Paint Optimization for Static Sites",{"path":1343,"title":1344},"\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":1346,"title":1347},"\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":1349,"title":1350},"\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":1352,"title":1353},"\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":1355,"title":24},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci",{"path":1357,"title":493},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Freducing-lighthouse-score-variance-in-ci",{"path":1067,"title":5},{"path":1360,"title":1001},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fperformance-budgets-and-lighthouse-ci\u002Fsetting-up-lighthouse-ci-for-a-static-site",{"path":1362,"title":1363},"\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":1365,"title":1366},"\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":1368,"title":1369},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fauditing-unused-preloads","Auditing Unused Preloads",{"path":1371,"title":1372},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed","Resource Hints and Navigation Speed",{"path":1374,"title":1008},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Finstant-navigation-with-speculation-rules",{"path":1376,"title":1377},"\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":1379,"title":1380},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fresource-hints-and-navigation-speed\u002Fprefetching-links-in-astro","Prefetching Links in Astro",{"path":1382,"title":1383},"\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":1385,"title":1386},"\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":1388,"title":1389},"\u002Fperformance-optimization-core-web-vitals-for-ssgs\u002Fthird-party-script-performance-on-static-sites","Third-Party Script Performance on Static Sites",{"path":1391,"title":1392},"\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":1394,"title":1395},"\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":1397,"title":1398},"\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":1400,"title":1401},"\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":1403,"title":1404},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fautomating-eleventy-deployments-with-cloudflare-pages","Automating Eleventy Deployments on Cloudflare Pages",{"path":1406,"title":1407},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup\u002Fconfiguring-redirects-on-cloudflare-pages","Configuring Redirects on Cloudflare Pages",{"path":1409,"title":1410},"\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":1412,"title":1413},"\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":1415,"title":1416},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcloudflare-pages-edge-caching-setup","Cloudflare Pages Edge Caching Setup",{"path":1418,"title":1419},"\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":1421,"title":1422},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Fchecking-links-in-pull-requests","Checking Links in Pull Requests",{"path":1424,"title":1425},"\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":1427,"title":1428},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams\u002Feditorial-checks-with-vale-in-ci","Editorial Checks with Vale in CI",{"path":1430,"title":1431},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fcontent-workflows-for-documentation-teams","Content Workflows for Documentation Teams",{"path":1433,"title":1434},"\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":1436,"title":1437},"\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":1439,"title":1440},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fbuilding-astro-sites-with-github-actions","Building Astro Sites with GitHub Actions",{"path":1442,"title":1443},"\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":1445,"title":1446},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fdeploying-to-github-pages-with-actions","Deploying to GitHub Pages with Actions",{"path":1448,"title":1449},"\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":1451,"title":1452},"\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":1454,"title":1455},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds","GitHub Actions for Automated SSG Builds",{"path":1457,"title":1458},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fgithub-actions-for-automated-ssg-builds\u002Fmatrix-builds-for-multi-site-monorepos","Matrix Builds for Multi-Site Monorepos",{"path":1460,"title":1461},"\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":1463,"title":1464},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs\u002Fenabling-incremental-builds-in-eleventy","Enabling Incremental Builds in Eleventy",{"path":1466,"title":1467},"\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":1469,"title":1470},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fincremental-builds-and-build-caching-for-ssgs","Incremental Builds and Build Caching for SSGs",{"path":1472,"title":1473},"\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":1475,"title":1476},"\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":1478,"title":1479},"\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":1481,"title":1482},"\u002Fproduction-ready-deployment-cicd-workflows","Production-Ready Deployment & CI\u002FCD for SSGs",{"path":1484,"title":1485},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Falerting-on-cache-hit-ratio-drops","Alerting on Cache Hit Ratio Drops",{"path":1487,"title":1488},"\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":1490,"title":1491},"\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":1493,"title":1494},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production","Monitoring Static Sites in Production",{"path":1496,"title":1497},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Flogging-404s-at-the-edge","Logging 404s at the Edge",{"path":1499,"title":1015},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fmonitoring-static-sites-in-production\u002Fuptime-and-synthetic-checks-for-static-sites",{"path":1501,"title":1502},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fconfiguring-vercel-for-hugo-and-eleventy","Configuring Vercel for Hugo and Eleventy",{"path":1504,"title":1505},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies","Netlify vs Vercel Deployment Strategies",{"path":1507,"title":1508},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fnetlify-vs-vercel-deployment-strategies\u002Fnetlify-build-hooks-for-content-updates","Netlify Build Hooks for Content Updates",{"path":1510,"title":1511},"\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":1513,"title":1514},"\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":1516,"title":1517},"\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":1519,"title":1520},"\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":1522,"title":1523},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fcleaning-up-stale-preview-deployments","Cleaning Up Stale Preview Deployments",{"path":1525,"title":41},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests",{"path":1527,"title":1528},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpassword-protecting-preview-deployments","Password-Protecting Preview Deployments",{"path":1530,"title":1531},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fpreviewing-headless-cms-drafts","Previewing Headless CMS Drafts",{"path":1533,"title":1022},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fpreview-environments-for-pull-requests\u002Fvisual-regression-testing-on-preview-deploys",{"path":1535,"title":1536},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fatomic-deploys-vs-incremental-uploads","Atomic Deploys vs Incremental Uploads",{"path":1538,"title":1539},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Fcanary-releases-for-static-sites","Canary Releases for Static Sites",{"path":1541,"title":1542},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites\u002Ffeature-flags-on-static-sites","Feature Flags on Static Sites",{"path":1544,"title":1545},"\u002Fproduction-ready-deployment-cicd-workflows\u002Frollbacks-and-deploy-safety-for-static-sites","Rollbacks and Deploy Safety for Static Sites",{"path":1547,"title":1548},"\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":1550,"title":1551},"\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":1553,"title":1554},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fauditing-npm-dependencies-in-ssg-pipelines","Auditing npm Dependencies in SSG Pipelines",{"path":1556,"title":1557},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fenabling-hsts-and-preload-safely","Enabling HSTS and Preload Safely",{"path":1559,"title":1560},"\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":1562,"title":1563},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites","Security Headers and Hardening for Static Sites",{"path":1565,"title":1566},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsecuring-deploy-credentials-with-github-oidc","Securing Deploy Credentials with GitHub OIDC",{"path":1568,"title":1569},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fsecurity-headers-for-static-sites\u002Fsubresource-integrity-for-third-party-assets","Subresource Integrity for Third-Party Assets",{"path":1571,"title":1572},"\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":1574,"title":1575},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fclean-urls-and-trailing-slashes-on-s3","Clean URLs and Trailing Slashes on S3",{"path":1577,"title":1578},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fcloudfront-functions-for-redirects","CloudFront Functions for Redirects",{"path":1580,"title":1581},"\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":1583,"title":1584},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites","Self-Hosting Static Sites on S3, Nginx and Caddy",{"path":1586,"title":1587},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-caddy","Serving a Static Site with Caddy",{"path":1589,"title":1590},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fserving-a-static-site-with-nginx","Serving a Static Site with Nginx",{"path":1592,"title":1593},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fself-hosting-static-sites\u002Fzero-downtime-deploys-with-symlink-swaps","Zero-Downtime Deploys with Symlink Swaps",{"path":1595,"title":1596},"\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":1598,"title":1599},"\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":1601,"title":1602},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites","Serverless Functions for Static Sites",{"path":1604,"title":1605},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fnetlify-functions-vs-cloudflare-workers","Netlify Functions vs Cloudflare Workers",{"path":1607,"title":1608},"\u002Fproduction-ready-deployment-cicd-workflows\u002Fserverless-functions-for-static-sites\u002Fprotecting-a-static-site-behind-authentication","Protecting a Static Site Behind Authentication",{"path":1610,"title":1611},"\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",1789722847784]