[{"data":1,"prerenderedAt":209},["ShallowReactive",2],{"navigation":3,"\u002Fblog\u002Fpyrenees":47,"\u002Fblog\u002Fpyrenees-surround":199},[4,22],{"title":5,"path":6,"stem":7,"children":8,"icon":21},"Getting Started","\u002Fdocs\u002Fgetting-started","1.docs\u002F1.getting-started\u002F1.index",[9,12,16],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":5,"path":13,"stem":14,"icon":15},"\u002Fdocs\u002Fgetting-started\u002Finstallation","1.docs\u002F1.getting-started\u002F2.installation","i-lucide-rocket",{"title":17,"path":18,"stem":19,"icon":20},"Deployment Workflow","\u002Fdocs\u002Fgetting-started\u002Fusage","1.docs\u002F1.getting-started\u002F3.usage","i-lucide-git-branch",false,{"title":23,"path":24,"stem":25,"children":26,"page":21},"Essentials","\u002Fdocs\u002Fessentials","1.docs\u002F2.essentials",[27,32,37,42],{"title":28,"path":29,"stem":30,"icon":31},"Custom Domains","\u002Fdocs\u002Fessentials\u002Fmarkdown-syntax","1.docs\u002F2.essentials\u002F1.markdown-syntax","i-lucide-link",{"title":33,"path":34,"stem":35,"icon":36},"Environment Variables","\u002Fdocs\u002Fessentials\u002Fcode-blocks","1.docs\u002F2.essentials\u002F2.code-blocks","i-lucide-key",{"title":38,"path":39,"stem":40,"icon":41},"Serverless Functions","\u002Fdocs\u002Fessentials\u002Fprose-components","1.docs\u002F2.essentials\u002F3.prose-components","i-lucide-server",{"title":43,"path":44,"stem":45,"icon":46},"Analytics & Monitoring","\u002Fdocs\u002Fessentials\u002Fimages-embeds","1.docs\u002F2.essentials\u002F4.images-embeds","i-lucide-bar-chart",{"id":48,"title":49,"authors":50,"badge":55,"body":57,"date":188,"description":189,"extension":190,"image":191,"meta":193,"navigation":194,"path":195,"seo":196,"stem":197,"__hash__":198},"posts\u002F3.blog\u002F2.pyrenees.md","Optimizing Your Deployments for Performance",[51],{"name":52,"avatar":53},"DeployHub Team",{"src":54},"https:\u002F\u002Fi.pravatar.cc\u002F128?u=1",{"label":56},"Performance",{"type":58,"value":59,"toc":176},"minimark",[60,65,69,73,76,80,93,97,100,111,115,118,121,124,135,139,142,156,159,162,173],[61,62,64],"h2",{"id":63},"performance-optimization-guide","Performance Optimization Guide",[66,67,68],"p",{},"DeployHub is built for speed, but there are steps you can take to optimize your applications even further.",[61,70,72],{"id":71},"enable-compression","Enable Compression",[66,74,75],{},"Make sure your build process includes gzip or Brotli compression for static assets. Most modern frameworks do this automatically.",[61,77,79],{"id":78},"optimize-images","Optimize Images",[81,82,83,87,90],"ul",{},[84,85,86],"li",{},"Use modern formats like WebP or AVIF",[84,88,89],{},"Implement responsive images with srcset",[84,91,92],{},"Consider using an image CDN",[61,94,96],{"id":95},"code-splitting","Code Splitting",[66,98,99],{},"Leverage your framework's code splitting capabilities to only load what's needed:",[81,101,102,105,108],{},[84,103,104],{},"Next.js: Automatic with App Router",[84,106,107],{},"Nuxt: Uses Vue's async components",[84,109,110],{},"React: React.lazy and Suspense",[61,112,114],{"id":113},"caching-strategy","Caching Strategy",[66,116,117],{},"Configure proper cache headers for static assets. DeployHub automatically sets appropriate headers, but you can customize them if needed.",[61,119,33],{"id":120},"environment-variables",[66,122,123],{},"Keep sensitive configuration out of your codebase. Use DeployHub's environment variables for:",[81,125,126,129,132],{},[84,127,128],{},"API keys",[84,130,131],{},"Database connections",[84,133,134],{},"Feature flags",[61,136,138],{"id":137},"monitoring","Monitoring",[66,140,141],{},"Use our analytics dashboard to monitor:",[81,143,144,147,150,153],{},[84,145,146],{},"Core Web Vitals",[84,148,149],{},"Request latency",[84,151,152],{},"Error rates",[84,154,155],{},"Bandwidth usage",[61,157,38],{"id":158},"serverless-functions",[66,160,161],{},"When using serverless functions:",[81,163,164,167,170],{},[84,165,166],{},"Keep functions small and focused",[84,168,169],{},"Use environment variables for configuration",[84,171,172],{},"Take advantage of edge caching",[66,174,175],{},"By following these best practices, you'll ensure your applications load quickly and perform optimally for your users.",{"title":177,"searchDepth":178,"depth":178,"links":179},"",2,[180,181,182,183,184,185,186,187],{"id":63,"depth":178,"text":64},{"id":71,"depth":178,"text":72},{"id":78,"depth":178,"text":79},{"id":95,"depth":178,"text":96},{"id":113,"depth":178,"text":114},{"id":120,"depth":178,"text":33},{"id":137,"depth":178,"text":138},{"id":158,"depth":178,"text":38},"2024-04-20","Tips and best practices for getting the most out of your DeployHub deployments","md",{"src":192},"https:\u002F\u002Fpicsum.photos\u002Fid\u002F10\u002F640\u002F360",{},true,"\u002Fblog\u002Fpyrenees",{"title":49,"description":189},"3.blog\u002F2.pyrenees","6A_KKDNHhkTI7EAhuk29K05Ya_th05ry2_l5pFcAhVk",[200,205],{"title":201,"path":202,"stem":203,"description":204,"children":-1},"Getting Started with DeployHub","\u002Fblog\u002Fasian-cuisine","3.blog\u002F1.asian-cuisine","A comprehensive guide to deploying your first application on DeployHub",{"title":206,"path":207,"stem":208,"description":177,"children":-1},"[object Object]","\u002Fblog\u002Fjames-webb","3.blog\u002F3.james-webb",1777349421065]