[{"data":1,"prerenderedAt":3089},["ShallowReactive",2],{"navigation_docs":3,"-essentials-performance":70,"-essentials-performance-surround":3084},[4,30,60],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F2.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F3.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Quick Start","\u002Fgetting-started\u002Fquick-start","1.getting-started\u002F4.quick-start","i-lucide-rocket",{"title":26,"path":27,"stem":28,"icon":29},"Configuration","\u002Fgetting-started\u002Fconfiguration","1.getting-started\u002F5.configuration","i-lucide-settings",{"title":31,"path":32,"stem":33,"children":34,"page":6},"Essentials","\u002Fessentials","2.essentials",[35,40,45,50,55],{"title":36,"path":37,"stem":38,"icon":39},"Composables","\u002Fessentials\u002Fcomposables","2.essentials\u002F1.composables","i-lucide-code",{"title":41,"path":42,"stem":43,"icon":44},"Components","\u002Fessentials\u002Fcomponents","2.essentials\u002F2.components","i-lucide-layers",{"title":46,"path":47,"stem":48,"icon":49},"Image Optimization","\u002Fessentials\u002Fimage-optimization","2.essentials\u002F3.image-optimization","i-lucide-image",{"title":51,"path":52,"stem":53,"icon":54},"Personalization","\u002Fessentials\u002Fpersonalization","2.essentials\u002F4.personalization","i-lucide-users",{"title":56,"path":57,"stem":58,"icon":59},"Performance Optimization","\u002Fessentials\u002Fperformance","2.essentials\u002F5.performance","i-lucide-zap",{"title":61,"path":62,"stem":63,"children":64,"page":6},"Features","\u002Ffeatures","3.features",[65],{"title":66,"path":67,"stem":68,"icon":69},"Live Preview","\u002Ffeatures\u002Flive-preview","3.features\u002F1.live-preview","i-lucide-eye",{"id":71,"title":56,"body":72,"description":3077,"extension":3078,"links":3079,"meta":3080,"navigation":3081,"path":57,"seo":3082,"stem":58,"__hash__":3083},"docs\u002F2.essentials\u002F5.performance.md",{"type":73,"value":74,"toc":3044},"minimark",[75,79,88,93,96,135,138,143,146,151,154,466,470,473,600,604,607,695,699,703,851,855,1072,1076,1079,1201,1204,1208,1211,1352,1356,1359,1518,1522,1525,1621,1624,1628,1631,1770,1774,1777,1875,1879,1882,2093,2097,2100,2103,2214,2218,2221,2283,2287,2290,2370,2374,2378,2381,2730,2734,2737,2891,2895,2899,2922,2926,2949,2953,2956,3017,3021,3040],[76,77,78],"p",{},"Learn how to optimize your Nuxt Contentstack application for maximum performance. This guide covers caching strategies, request optimization, bundle size reduction, and performance monitoring.",[80,81,83,87],"callout",{"icon":82},"i-lucide-info",[84,85,86],"strong",{},"Performance First",": Performance optimization is crucial for user experience and SEO. Follow these best practices to ensure your application loads quickly and efficiently.",[89,90,92],"h2",{"id":91},"overview","Overview",[76,94,95],{},"Performance optimization involves multiple aspects:",[97,98,99,106,112,117,123,129],"ul",{},[100,101,102,105],"li",{},[84,103,104],{},"Request Optimization",": Reduce API calls and optimize queries",[100,107,108,111],{},[84,109,110],{},"Caching Strategies",": Implement effective caching for static and dynamic content",[100,113,114,116],{},[84,115,46],{},": Optimize images for fast loading",[100,118,119,122],{},[84,120,121],{},"Bundle Size",": Reduce JavaScript bundle size",[100,124,125,128],{},[84,126,127],{},"Code Splitting",": Implement proper code splitting strategies",[100,130,131,134],{},[84,132,133],{},"Monitoring",": Track and measure performance metrics",[89,136,104],{"id":137},"request-optimization",[139,140,142],"h3",{"id":141},"reduce-api-calls","Reduce API Calls",[76,144,145],{},"Minimize the number of API requests by:",[147,148,150],"h4",{"id":149},"_1-batch-related-queries","1. Batch Related Queries",[76,152,153],{},"Instead of multiple separate queries, fetch related content together:",[155,156,161],"pre",{"className":157,"code":158,"language":159,"meta":160,"style":160},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003C!-- ❌ Bad - Multiple requests -->\n\u003Cscript setup>\nconst { data: page } = await useGetEntryByUrl({\n  contentTypeUid: 'page',\n  url: '\u002Fabout'\n})\nconst { data: posts } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 5\n})\n\u003C\u002Fscript>\n\n\u003C!-- ✅ Good - Single request with references -->\n\u003Cscript setup>\nconst { data: page } = await useGetEntryByUrl({\n  contentTypeUid: 'page',\n  url: '\u002Fabout',\n  referenceFieldPath: ['featured_posts'] \u002F\u002F Include related content\n})\n\u003C\u002Fscript>\n","vue","",[162,163,164,173,191,230,251,267,275,302,318,330,337,347,354,360,371,396,411,426,450,457],"code",{"__ignoreMap":160},[165,166,169],"span",{"class":167,"line":168},"line",1,[165,170,172],{"class":171},"sHwdD","\u003C!-- ❌ Bad - Multiple requests -->\n",[165,174,176,180,184,188],{"class":167,"line":175},2,[165,177,179],{"class":178},"sMK4o","\u003C",[165,181,183],{"class":182},"swJcz","script",[165,185,187],{"class":186},"spNyl"," setup",[165,189,190],{"class":178},">\n",[165,192,194,197,200,203,206,210,213,216,220,224,227],{"class":167,"line":193},3,[165,195,196],{"class":186},"const",[165,198,199],{"class":178}," {",[165,201,202],{"class":182}," data",[165,204,205],{"class":178},":",[165,207,209],{"class":208},"sTEyZ"," page ",[165,211,212],{"class":178},"}",[165,214,215],{"class":178}," =",[165,217,219],{"class":218},"s7zQu"," await",[165,221,223],{"class":222},"s2Zo4"," useGetEntryByUrl",[165,225,226],{"class":208},"(",[165,228,229],{"class":178},"{\n",[165,231,233,236,238,241,245,248],{"class":167,"line":232},4,[165,234,235],{"class":182},"  contentTypeUid",[165,237,205],{"class":178},[165,239,240],{"class":178}," '",[165,242,244],{"class":243},"sfazB","page",[165,246,247],{"class":178},"'",[165,249,250],{"class":178},",\n",[165,252,254,257,259,261,264],{"class":167,"line":253},5,[165,255,256],{"class":182},"  url",[165,258,205],{"class":178},[165,260,240],{"class":178},[165,262,263],{"class":243},"\u002Fabout",[165,265,266],{"class":178},"'\n",[165,268,270,272],{"class":167,"line":269},6,[165,271,212],{"class":178},[165,273,274],{"class":208},")\n",[165,276,278,280,282,284,286,289,291,293,295,298,300],{"class":167,"line":277},7,[165,279,196],{"class":186},[165,281,199],{"class":178},[165,283,202],{"class":182},[165,285,205],{"class":178},[165,287,288],{"class":208}," posts ",[165,290,212],{"class":178},[165,292,215],{"class":178},[165,294,219],{"class":218},[165,296,297],{"class":222}," useGetEntries",[165,299,226],{"class":208},[165,301,229],{"class":178},[165,303,305,307,309,311,314,316],{"class":167,"line":304},8,[165,306,235],{"class":182},[165,308,205],{"class":178},[165,310,240],{"class":178},[165,312,313],{"class":243},"blog_post",[165,315,247],{"class":178},[165,317,250],{"class":178},[165,319,321,324,326],{"class":167,"line":320},9,[165,322,323],{"class":182},"  limit",[165,325,205],{"class":178},[165,327,329],{"class":328},"sbssI"," 5\n",[165,331,333,335],{"class":167,"line":332},10,[165,334,212],{"class":178},[165,336,274],{"class":208},[165,338,340,343,345],{"class":167,"line":339},11,[165,341,342],{"class":178},"\u003C\u002F",[165,344,183],{"class":182},[165,346,190],{"class":178},[165,348,350],{"class":167,"line":349},12,[165,351,353],{"emptyLinePlaceholder":352},true,"\n",[165,355,357],{"class":167,"line":356},13,[165,358,359],{"class":171},"\u003C!-- ✅ Good - Single request with references -->\n",[165,361,363,365,367,369],{"class":167,"line":362},14,[165,364,179],{"class":178},[165,366,183],{"class":182},[165,368,187],{"class":186},[165,370,190],{"class":178},[165,372,374,376,378,380,382,384,386,388,390,392,394],{"class":167,"line":373},15,[165,375,196],{"class":186},[165,377,199],{"class":178},[165,379,202],{"class":182},[165,381,205],{"class":178},[165,383,209],{"class":208},[165,385,212],{"class":178},[165,387,215],{"class":178},[165,389,219],{"class":218},[165,391,223],{"class":222},[165,393,226],{"class":208},[165,395,229],{"class":178},[165,397,399,401,403,405,407,409],{"class":167,"line":398},16,[165,400,235],{"class":182},[165,402,205],{"class":178},[165,404,240],{"class":178},[165,406,244],{"class":243},[165,408,247],{"class":178},[165,410,250],{"class":178},[165,412,414,416,418,420,422,424],{"class":167,"line":413},17,[165,415,256],{"class":182},[165,417,205],{"class":178},[165,419,240],{"class":178},[165,421,263],{"class":243},[165,423,247],{"class":178},[165,425,250],{"class":178},[165,427,429,432,434,437,439,442,444,447],{"class":167,"line":428},18,[165,430,431],{"class":182},"  referenceFieldPath",[165,433,205],{"class":178},[165,435,436],{"class":208}," [",[165,438,247],{"class":178},[165,440,441],{"class":243},"featured_posts",[165,443,247],{"class":178},[165,445,446],{"class":208},"] ",[165,448,449],{"class":171},"\u002F\u002F Include related content\n",[165,451,453,455],{"class":167,"line":452},19,[165,454,212],{"class":178},[165,456,274],{"class":208},[165,458,460,462,464],{"class":167,"line":459},20,[165,461,342],{"class":178},[165,463,183],{"class":182},[165,465,190],{"class":178},[147,467,469],{"id":468},"_2-use-reference-fields","2. Use Reference Fields",[76,471,472],{},"Include referenced content in a single request:",[155,474,476],{"className":157,"code":475,"language":159,"meta":160,"style":160},"\u003Cscript setup>\n\u002F\u002F ✅ Fetches entry + author + category in one request\nconst { data: post } = await useGetEntry({\n  contentTypeUid: 'blog_post',\n  entryUid: 'blt123',\n  referenceFieldPath: ['author', 'category', 'related_posts']\n})\n\u003C\u002Fscript>\n",[162,477,478,488,493,519,533,549,586,592],{"__ignoreMap":160},[165,479,480,482,484,486],{"class":167,"line":168},[165,481,179],{"class":178},[165,483,183],{"class":182},[165,485,187],{"class":186},[165,487,190],{"class":178},[165,489,490],{"class":167,"line":175},[165,491,492],{"class":171},"\u002F\u002F ✅ Fetches entry + author + category in one request\n",[165,494,495,497,499,501,503,506,508,510,512,515,517],{"class":167,"line":193},[165,496,196],{"class":186},[165,498,199],{"class":178},[165,500,202],{"class":182},[165,502,205],{"class":178},[165,504,505],{"class":208}," post ",[165,507,212],{"class":178},[165,509,215],{"class":178},[165,511,219],{"class":218},[165,513,514],{"class":222}," useGetEntry",[165,516,226],{"class":208},[165,518,229],{"class":178},[165,520,521,523,525,527,529,531],{"class":167,"line":232},[165,522,235],{"class":182},[165,524,205],{"class":178},[165,526,240],{"class":178},[165,528,313],{"class":243},[165,530,247],{"class":178},[165,532,250],{"class":178},[165,534,535,538,540,542,545,547],{"class":167,"line":253},[165,536,537],{"class":182},"  entryUid",[165,539,205],{"class":178},[165,541,240],{"class":178},[165,543,544],{"class":243},"blt123",[165,546,247],{"class":178},[165,548,250],{"class":178},[165,550,551,553,555,557,559,562,564,567,569,572,574,576,578,581,583],{"class":167,"line":269},[165,552,431],{"class":182},[165,554,205],{"class":178},[165,556,436],{"class":208},[165,558,247],{"class":178},[165,560,561],{"class":243},"author",[165,563,247],{"class":178},[165,565,566],{"class":178},",",[165,568,240],{"class":178},[165,570,571],{"class":243},"category",[165,573,247],{"class":178},[165,575,566],{"class":178},[165,577,240],{"class":178},[165,579,580],{"class":243},"related_posts",[165,582,247],{"class":178},[165,584,585],{"class":208},"]\n",[165,587,588,590],{"class":167,"line":277},[165,589,212],{"class":178},[165,591,274],{"class":208},[165,593,594,596,598],{"class":167,"line":304},[165,595,342],{"class":178},[165,597,183],{"class":182},[165,599,190],{"class":178},[147,601,603],{"id":602},"_3-limit-fields","3. Limit Fields",[76,605,606],{},"Only fetch fields you need (if Contentstack API supports field selection):",[155,608,610],{"className":157,"code":609,"language":159,"meta":160,"style":160},"\u003Cscript setup>\n\u002F\u002F Fetch only necessary fields\nconst { data: posts } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 10,\n  \u002F\u002F Use specific field paths if supported\n})\n\u003C\u002Fscript>\n",[162,611,612,622,627,651,665,676,681,687],{"__ignoreMap":160},[165,613,614,616,618,620],{"class":167,"line":168},[165,615,179],{"class":178},[165,617,183],{"class":182},[165,619,187],{"class":186},[165,621,190],{"class":178},[165,623,624],{"class":167,"line":175},[165,625,626],{"class":171},"\u002F\u002F Fetch only necessary fields\n",[165,628,629,631,633,635,637,639,641,643,645,647,649],{"class":167,"line":193},[165,630,196],{"class":186},[165,632,199],{"class":178},[165,634,202],{"class":182},[165,636,205],{"class":178},[165,638,288],{"class":208},[165,640,212],{"class":178},[165,642,215],{"class":178},[165,644,219],{"class":218},[165,646,297],{"class":222},[165,648,226],{"class":208},[165,650,229],{"class":178},[165,652,653,655,657,659,661,663],{"class":167,"line":232},[165,654,235],{"class":182},[165,656,205],{"class":178},[165,658,240],{"class":178},[165,660,313],{"class":243},[165,662,247],{"class":178},[165,664,250],{"class":178},[165,666,667,669,671,674],{"class":167,"line":253},[165,668,323],{"class":182},[165,670,205],{"class":178},[165,672,673],{"class":328}," 10",[165,675,250],{"class":178},[165,677,678],{"class":167,"line":269},[165,679,680],{"class":171},"  \u002F\u002F Use specific field paths if supported\n",[165,682,683,685],{"class":167,"line":277},[165,684,212],{"class":178},[165,686,274],{"class":208},[165,688,689,691,693],{"class":167,"line":304},[165,690,342],{"class":178},[165,692,183],{"class":182},[165,694,190],{"class":178},[139,696,698],{"id":697},"optimize-query-parameters","Optimize Query Parameters",[147,700,702],{"id":701},"use-appropriate-limits","Use Appropriate Limits",[155,704,706],{"className":157,"code":705,"language":159,"meta":160,"style":160},"\u003Cscript setup>\n\u002F\u002F ✅ Good - Reasonable limit\nconst { data: posts } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 10 \u002F\u002F Only fetch what you need\n})\n\n\u002F\u002F ❌ Bad - Fetching too much\nconst { data: posts } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 1000 \u002F\u002F Unnecessary data\n})\n\u003C\u002Fscript>\n",[162,707,708,718,723,747,761,772,778,782,787,811,825,837,843],{"__ignoreMap":160},[165,709,710,712,714,716],{"class":167,"line":168},[165,711,179],{"class":178},[165,713,183],{"class":182},[165,715,187],{"class":186},[165,717,190],{"class":178},[165,719,720],{"class":167,"line":175},[165,721,722],{"class":171},"\u002F\u002F ✅ Good - Reasonable limit\n",[165,724,725,727,729,731,733,735,737,739,741,743,745],{"class":167,"line":193},[165,726,196],{"class":186},[165,728,199],{"class":178},[165,730,202],{"class":182},[165,732,205],{"class":178},[165,734,288],{"class":208},[165,736,212],{"class":178},[165,738,215],{"class":178},[165,740,219],{"class":218},[165,742,297],{"class":222},[165,744,226],{"class":208},[165,746,229],{"class":178},[165,748,749,751,753,755,757,759],{"class":167,"line":232},[165,750,235],{"class":182},[165,752,205],{"class":178},[165,754,240],{"class":178},[165,756,313],{"class":243},[165,758,247],{"class":178},[165,760,250],{"class":178},[165,762,763,765,767,769],{"class":167,"line":253},[165,764,323],{"class":182},[165,766,205],{"class":178},[165,768,673],{"class":328},[165,770,771],{"class":171}," \u002F\u002F Only fetch what you need\n",[165,773,774,776],{"class":167,"line":269},[165,775,212],{"class":178},[165,777,274],{"class":208},[165,779,780],{"class":167,"line":277},[165,781,353],{"emptyLinePlaceholder":352},[165,783,784],{"class":167,"line":304},[165,785,786],{"class":171},"\u002F\u002F ❌ Bad - Fetching too much\n",[165,788,789,791,793,795,797,799,801,803,805,807,809],{"class":167,"line":320},[165,790,196],{"class":186},[165,792,199],{"class":178},[165,794,202],{"class":182},[165,796,205],{"class":178},[165,798,288],{"class":208},[165,800,212],{"class":178},[165,802,215],{"class":178},[165,804,219],{"class":218},[165,806,297],{"class":222},[165,808,226],{"class":208},[165,810,229],{"class":178},[165,812,813,815,817,819,821,823],{"class":167,"line":332},[165,814,235],{"class":182},[165,816,205],{"class":178},[165,818,240],{"class":178},[165,820,313],{"class":243},[165,822,247],{"class":178},[165,824,250],{"class":178},[165,826,827,829,831,834],{"class":167,"line":339},[165,828,323],{"class":182},[165,830,205],{"class":178},[165,832,833],{"class":328}," 1000",[165,835,836],{"class":171}," \u002F\u002F Unnecessary data\n",[165,838,839,841],{"class":167,"line":349},[165,840,212],{"class":178},[165,842,274],{"class":208},[165,844,845,847,849],{"class":167,"line":356},[165,846,342],{"class":178},[165,848,183],{"class":182},[165,850,190],{"class":178},[147,852,854],{"id":853},"implement-pagination","Implement Pagination",[155,856,858],{"className":157,"code":857,"language":159,"meta":160,"style":160},"\u003Cscript setup>\nconst route = useRoute()\nconst page = computed(() => parseInt(route.query.page) || 1)\nconst limit = 10\nconst skip = computed(() => (page.value - 1) * limit)\n\nconst { data: result } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit,\n  skip: skip.value,\n  includeCount: true\n})\n\u003C\u002Fscript>\n",[162,859,860,870,886,930,942,981,985,1010,1024,1030,1047,1058,1064],{"__ignoreMap":160},[165,861,862,864,866,868],{"class":167,"line":168},[165,863,179],{"class":178},[165,865,183],{"class":182},[165,867,187],{"class":186},[165,869,190],{"class":178},[165,871,872,874,877,880,883],{"class":167,"line":175},[165,873,196],{"class":186},[165,875,876],{"class":208}," route ",[165,878,879],{"class":178},"=",[165,881,882],{"class":222}," useRoute",[165,884,885],{"class":208},"()\n",[165,887,888,890,892,894,897,899,902,905,908,911,914,917,919,922,925,928],{"class":167,"line":193},[165,889,196],{"class":186},[165,891,209],{"class":208},[165,893,879],{"class":178},[165,895,896],{"class":222}," computed",[165,898,226],{"class":208},[165,900,901],{"class":178},"()",[165,903,904],{"class":186}," =>",[165,906,907],{"class":222}," parseInt",[165,909,910],{"class":208},"(route",[165,912,913],{"class":178},".",[165,915,916],{"class":208},"query",[165,918,913],{"class":178},[165,920,921],{"class":208},"page) ",[165,923,924],{"class":178},"||",[165,926,927],{"class":328}," 1",[165,929,274],{"class":208},[165,931,932,934,937,939],{"class":167,"line":232},[165,933,196],{"class":186},[165,935,936],{"class":208}," limit ",[165,938,879],{"class":178},[165,940,941],{"class":328}," 10\n",[165,943,944,946,949,951,953,955,957,959,962,964,967,970,972,975,978],{"class":167,"line":253},[165,945,196],{"class":186},[165,947,948],{"class":208}," skip ",[165,950,879],{"class":178},[165,952,896],{"class":222},[165,954,226],{"class":208},[165,956,901],{"class":178},[165,958,904],{"class":186},[165,960,961],{"class":208}," (page",[165,963,913],{"class":178},[165,965,966],{"class":208},"value ",[165,968,969],{"class":178},"-",[165,971,927],{"class":328},[165,973,974],{"class":208},") ",[165,976,977],{"class":178},"*",[165,979,980],{"class":208}," limit)\n",[165,982,983],{"class":167,"line":269},[165,984,353],{"emptyLinePlaceholder":352},[165,986,987,989,991,993,995,998,1000,1002,1004,1006,1008],{"class":167,"line":277},[165,988,196],{"class":186},[165,990,199],{"class":178},[165,992,202],{"class":182},[165,994,205],{"class":178},[165,996,997],{"class":208}," result ",[165,999,212],{"class":178},[165,1001,215],{"class":178},[165,1003,219],{"class":218},[165,1005,297],{"class":222},[165,1007,226],{"class":208},[165,1009,229],{"class":178},[165,1011,1012,1014,1016,1018,1020,1022],{"class":167,"line":304},[165,1013,235],{"class":182},[165,1015,205],{"class":178},[165,1017,240],{"class":178},[165,1019,313],{"class":243},[165,1021,247],{"class":178},[165,1023,250],{"class":178},[165,1025,1026,1028],{"class":167,"line":320},[165,1027,323],{"class":208},[165,1029,250],{"class":178},[165,1031,1032,1035,1037,1040,1042,1045],{"class":167,"line":332},[165,1033,1034],{"class":182},"  skip",[165,1036,205],{"class":178},[165,1038,1039],{"class":208}," skip",[165,1041,913],{"class":178},[165,1043,1044],{"class":208},"value",[165,1046,250],{"class":178},[165,1048,1049,1052,1054],{"class":167,"line":339},[165,1050,1051],{"class":182},"  includeCount",[165,1053,205],{"class":178},[165,1055,1057],{"class":1056},"sfNiH"," true\n",[165,1059,1060,1062],{"class":167,"line":349},[165,1061,212],{"class":178},[165,1063,274],{"class":208},[165,1065,1066,1068,1070],{"class":167,"line":356},[165,1067,342],{"class":178},[165,1069,183],{"class":182},[165,1071,190],{"class":178},[139,1073,1075],{"id":1074},"lazy-loading","Lazy Loading",[76,1077,1078],{},"Load content only when needed:",[155,1080,1082],{"className":157,"code":1081,"language":159,"meta":160,"style":160},"\u003Cscript setup>\n\u002F\u002F Lazy load content\nconst { data: posts, pending } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 10\n}, {\n  lazy: true, \u002F\u002F Don't block page load\n  server: false \u002F\u002F Client-side only\n})\n\u003C\u002Fscript>\n",[162,1083,1084,1094,1099,1129,1143,1151,1159,1174,1187,1193],{"__ignoreMap":160},[165,1085,1086,1088,1090,1092],{"class":167,"line":168},[165,1087,179],{"class":178},[165,1089,183],{"class":182},[165,1091,187],{"class":186},[165,1093,190],{"class":178},[165,1095,1096],{"class":167,"line":175},[165,1097,1098],{"class":171},"\u002F\u002F Lazy load content\n",[165,1100,1101,1103,1105,1107,1109,1112,1114,1117,1119,1121,1123,1125,1127],{"class":167,"line":193},[165,1102,196],{"class":186},[165,1104,199],{"class":178},[165,1106,202],{"class":182},[165,1108,205],{"class":178},[165,1110,1111],{"class":208}," posts",[165,1113,566],{"class":178},[165,1115,1116],{"class":208}," pending ",[165,1118,212],{"class":178},[165,1120,215],{"class":178},[165,1122,219],{"class":218},[165,1124,297],{"class":222},[165,1126,226],{"class":208},[165,1128,229],{"class":178},[165,1130,1131,1133,1135,1137,1139,1141],{"class":167,"line":232},[165,1132,235],{"class":182},[165,1134,205],{"class":178},[165,1136,240],{"class":178},[165,1138,313],{"class":243},[165,1140,247],{"class":178},[165,1142,250],{"class":178},[165,1144,1145,1147,1149],{"class":167,"line":253},[165,1146,323],{"class":182},[165,1148,205],{"class":178},[165,1150,941],{"class":328},[165,1152,1153,1156],{"class":167,"line":269},[165,1154,1155],{"class":178},"},",[165,1157,1158],{"class":178}," {\n",[165,1160,1161,1164,1166,1169,1171],{"class":167,"line":277},[165,1162,1163],{"class":182},"  lazy",[165,1165,205],{"class":178},[165,1167,1168],{"class":1056}," true",[165,1170,566],{"class":178},[165,1172,1173],{"class":171}," \u002F\u002F Don't block page load\n",[165,1175,1176,1179,1181,1184],{"class":167,"line":304},[165,1177,1178],{"class":182},"  server",[165,1180,205],{"class":178},[165,1182,1183],{"class":1056}," false",[165,1185,1186],{"class":171}," \u002F\u002F Client-side only\n",[165,1188,1189,1191],{"class":167,"line":320},[165,1190,212],{"class":178},[165,1192,274],{"class":208},[165,1194,1195,1197,1199],{"class":167,"line":332},[165,1196,342],{"class":178},[165,1198,183],{"class":182},[165,1200,190],{"class":178},[89,1202,110],{"id":1203},"caching-strategies",[139,1205,1207],{"id":1206},"static-content-caching","Static Content Caching",[76,1209,1210],{},"Cache content that rarely changes:",[155,1212,1217],{"className":1213,"code":1214,"filename":1215,"language":1216,"meta":160,"style":160},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  routeRules: {\n    '\u002Fabout': {\n      swr: 3600, \u002F\u002F Cache for 1 hour\n      headers: {\n        'Cache-Control': 's-maxage=3600'\n      }\n    },\n    '\u002Fblog\u002F**': {\n      swr: 1800, \u002F\u002F Cache for 30 minutes\n    }\n  }\n})\n","nuxt.config.ts","ts",[162,1218,1219,1234,1243,1256,1271,1280,1299,1304,1309,1322,1336,1341,1346],{"__ignoreMap":160},[165,1220,1221,1224,1227,1230,1232],{"class":167,"line":168},[165,1222,1223],{"class":218},"export",[165,1225,1226],{"class":218}," default",[165,1228,1229],{"class":222}," defineNuxtConfig",[165,1231,226],{"class":208},[165,1233,229],{"class":178},[165,1235,1236,1239,1241],{"class":167,"line":175},[165,1237,1238],{"class":182},"  routeRules",[165,1240,205],{"class":178},[165,1242,1158],{"class":178},[165,1244,1245,1248,1250,1252,1254],{"class":167,"line":193},[165,1246,1247],{"class":178},"    '",[165,1249,263],{"class":182},[165,1251,247],{"class":178},[165,1253,205],{"class":178},[165,1255,1158],{"class":178},[165,1257,1258,1261,1263,1266,1268],{"class":167,"line":232},[165,1259,1260],{"class":182},"      swr",[165,1262,205],{"class":178},[165,1264,1265],{"class":328}," 3600",[165,1267,566],{"class":178},[165,1269,1270],{"class":171}," \u002F\u002F Cache for 1 hour\n",[165,1272,1273,1276,1278],{"class":167,"line":253},[165,1274,1275],{"class":182},"      headers",[165,1277,205],{"class":178},[165,1279,1158],{"class":178},[165,1281,1282,1285,1288,1290,1292,1294,1297],{"class":167,"line":269},[165,1283,1284],{"class":178},"        '",[165,1286,1287],{"class":182},"Cache-Control",[165,1289,247],{"class":178},[165,1291,205],{"class":178},[165,1293,240],{"class":178},[165,1295,1296],{"class":243},"s-maxage=3600",[165,1298,266],{"class":178},[165,1300,1301],{"class":167,"line":277},[165,1302,1303],{"class":178},"      }\n",[165,1305,1306],{"class":167,"line":304},[165,1307,1308],{"class":178},"    },\n",[165,1310,1311,1313,1316,1318,1320],{"class":167,"line":320},[165,1312,1247],{"class":178},[165,1314,1315],{"class":182},"\u002Fblog\u002F**",[165,1317,247],{"class":178},[165,1319,205],{"class":178},[165,1321,1158],{"class":178},[165,1323,1324,1326,1328,1331,1333],{"class":167,"line":332},[165,1325,1260],{"class":182},[165,1327,205],{"class":178},[165,1329,1330],{"class":328}," 1800",[165,1332,566],{"class":178},[165,1334,1335],{"class":171}," \u002F\u002F Cache for 30 minutes\n",[165,1337,1338],{"class":167,"line":339},[165,1339,1340],{"class":178},"    }\n",[165,1342,1343],{"class":167,"line":349},[165,1344,1345],{"class":178},"  }\n",[165,1347,1348,1350],{"class":167,"line":356},[165,1349,212],{"class":178},[165,1351,274],{"class":208},[139,1353,1355],{"id":1354},"dynamic-content-caching","Dynamic Content Caching",[76,1357,1358],{},"Implement smart caching for frequently updated content:",[155,1360,1362],{"className":157,"code":1361,"language":159,"meta":160,"style":160},"\u003Cscript setup>\nconst { data: posts, refresh } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 10\n})\n\n\u002F\u002F Refresh cache periodically\nconst refreshInterval = setInterval(() => {\n  refresh()\n}, 5 * 60 * 1000) \u002F\u002F Every 5 minutes\n\nonUnmounted(() => clearInterval(refreshInterval))\n\u003C\u002Fscript>\n",[162,1363,1364,1374,1403,1417,1425,1431,1435,1440,1460,1467,1489,1493,1510],{"__ignoreMap":160},[165,1365,1366,1368,1370,1372],{"class":167,"line":168},[165,1367,179],{"class":178},[165,1369,183],{"class":182},[165,1371,187],{"class":186},[165,1373,190],{"class":178},[165,1375,1376,1378,1380,1382,1384,1386,1388,1391,1393,1395,1397,1399,1401],{"class":167,"line":175},[165,1377,196],{"class":186},[165,1379,199],{"class":178},[165,1381,202],{"class":182},[165,1383,205],{"class":178},[165,1385,1111],{"class":208},[165,1387,566],{"class":178},[165,1389,1390],{"class":208}," refresh ",[165,1392,212],{"class":178},[165,1394,215],{"class":178},[165,1396,219],{"class":218},[165,1398,297],{"class":222},[165,1400,226],{"class":208},[165,1402,229],{"class":178},[165,1404,1405,1407,1409,1411,1413,1415],{"class":167,"line":193},[165,1406,235],{"class":182},[165,1408,205],{"class":178},[165,1410,240],{"class":178},[165,1412,313],{"class":243},[165,1414,247],{"class":178},[165,1416,250],{"class":178},[165,1418,1419,1421,1423],{"class":167,"line":232},[165,1420,323],{"class":182},[165,1422,205],{"class":178},[165,1424,941],{"class":328},[165,1426,1427,1429],{"class":167,"line":253},[165,1428,212],{"class":178},[165,1430,274],{"class":208},[165,1432,1433],{"class":167,"line":269},[165,1434,353],{"emptyLinePlaceholder":352},[165,1436,1437],{"class":167,"line":277},[165,1438,1439],{"class":171},"\u002F\u002F Refresh cache periodically\n",[165,1441,1442,1444,1447,1449,1452,1454,1456,1458],{"class":167,"line":304},[165,1443,196],{"class":186},[165,1445,1446],{"class":208}," refreshInterval ",[165,1448,879],{"class":178},[165,1450,1451],{"class":222}," setInterval",[165,1453,226],{"class":208},[165,1455,901],{"class":178},[165,1457,904],{"class":186},[165,1459,1158],{"class":178},[165,1461,1462,1465],{"class":167,"line":320},[165,1463,1464],{"class":222},"  refresh",[165,1466,885],{"class":182},[165,1468,1469,1471,1474,1477,1480,1482,1484,1486],{"class":167,"line":332},[165,1470,1155],{"class":178},[165,1472,1473],{"class":328}," 5",[165,1475,1476],{"class":178}," *",[165,1478,1479],{"class":328}," 60",[165,1481,1476],{"class":178},[165,1483,833],{"class":328},[165,1485,974],{"class":208},[165,1487,1488],{"class":171},"\u002F\u002F Every 5 minutes\n",[165,1490,1491],{"class":167,"line":339},[165,1492,353],{"emptyLinePlaceholder":352},[165,1494,1495,1498,1500,1502,1504,1507],{"class":167,"line":349},[165,1496,1497],{"class":222},"onUnmounted",[165,1499,226],{"class":208},[165,1501,901],{"class":178},[165,1503,904],{"class":186},[165,1505,1506],{"class":222}," clearInterval",[165,1508,1509],{"class":208},"(refreshInterval))\n",[165,1511,1512,1514,1516],{"class":167,"line":356},[165,1513,342],{"class":178},[165,1515,183],{"class":182},[165,1517,190],{"class":178},[139,1519,1521],{"id":1520},"cache-invalidation","Cache Invalidation",[76,1523,1524],{},"Invalidate cache when content changes:",[155,1526,1531],{"className":1527,"code":1528,"filename":1529,"language":1530,"meta":160,"style":160},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export const useContentRefresh = () => {\n  const refreshAll = async () => {\n    \u002F\u002F Refresh all content composables\n    await refreshCookie('contentstack')\n  }\n  \n  return { refreshAll }\n}\n","composables\u002FuseContentRefresh.ts","typescript",[162,1532,1533,1552,1571,1576,1595,1599,1604,1616],{"__ignoreMap":160},[165,1534,1535,1537,1540,1543,1545,1548,1550],{"class":167,"line":168},[165,1536,1223],{"class":218},[165,1538,1539],{"class":186}," const",[165,1541,1542],{"class":208}," useContentRefresh ",[165,1544,879],{"class":178},[165,1546,1547],{"class":178}," ()",[165,1549,904],{"class":186},[165,1551,1158],{"class":178},[165,1553,1554,1557,1560,1562,1565,1567,1569],{"class":167,"line":175},[165,1555,1556],{"class":186},"  const",[165,1558,1559],{"class":208}," refreshAll",[165,1561,215],{"class":178},[165,1563,1564],{"class":186}," async",[165,1566,1547],{"class":178},[165,1568,904],{"class":186},[165,1570,1158],{"class":178},[165,1572,1573],{"class":167,"line":193},[165,1574,1575],{"class":171},"    \u002F\u002F Refresh all content composables\n",[165,1577,1578,1581,1584,1586,1588,1591,1593],{"class":167,"line":232},[165,1579,1580],{"class":218},"    await",[165,1582,1583],{"class":222}," refreshCookie",[165,1585,226],{"class":182},[165,1587,247],{"class":178},[165,1589,1590],{"class":243},"contentstack",[165,1592,247],{"class":178},[165,1594,274],{"class":182},[165,1596,1597],{"class":167,"line":253},[165,1598,1345],{"class":178},[165,1600,1601],{"class":167,"line":269},[165,1602,1603],{"class":182},"  \n",[165,1605,1606,1609,1611,1613],{"class":167,"line":277},[165,1607,1608],{"class":218},"  return",[165,1610,199],{"class":178},[165,1612,1559],{"class":208},[165,1614,1615],{"class":178}," }\n",[165,1617,1618],{"class":167,"line":304},[165,1619,1620],{"class":178},"}\n",[89,1622,46],{"id":1623},"image-optimization",[139,1625,1627],{"id":1626},"use-nuxtimage","Use @nuxt\u002Fimage",[76,1629,1630],{},"Leverage Contentstack's image provider for automatic optimization:",[155,1632,1634],{"className":157,"code":1633,"language":159,"meta":160,"style":160},"\u003Ctemplate>\n  \u003C!-- ✅ Optimized with automatic format conversion -->\n  \u003CNuxtImg\n    :src=\"image.url\"\n    :alt=\"image.title\"\n    width=\"800\"\n    height=\"400\"\n    :modifiers=\"{ auto: 'webp,compress', quality: 85 }\"\n    provider=\"contentstack\"\n    loading=\"lazy\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[162,1635,1636,1645,1650,1658,1674,1688,1702,1716,1730,1743,1757,1762],{"__ignoreMap":160},[165,1637,1638,1640,1643],{"class":167,"line":168},[165,1639,179],{"class":178},[165,1641,1642],{"class":182},"template",[165,1644,190],{"class":178},[165,1646,1647],{"class":167,"line":175},[165,1648,1649],{"class":171},"  \u003C!-- ✅ Optimized with automatic format conversion -->\n",[165,1651,1652,1655],{"class":167,"line":193},[165,1653,1654],{"class":178},"  \u003C",[165,1656,1657],{"class":182},"NuxtImg\n",[165,1659,1660,1663,1665,1668,1671],{"class":167,"line":232},[165,1661,1662],{"class":186},"    :src",[165,1664,879],{"class":178},[165,1666,1667],{"class":178},"\"",[165,1669,1670],{"class":243},"image.url",[165,1672,1673],{"class":178},"\"\n",[165,1675,1676,1679,1681,1683,1686],{"class":167,"line":253},[165,1677,1678],{"class":186},"    :alt",[165,1680,879],{"class":178},[165,1682,1667],{"class":178},[165,1684,1685],{"class":243},"image.title",[165,1687,1673],{"class":178},[165,1689,1690,1693,1695,1697,1700],{"class":167,"line":269},[165,1691,1692],{"class":186},"    width",[165,1694,879],{"class":178},[165,1696,1667],{"class":178},[165,1698,1699],{"class":243},"800",[165,1701,1673],{"class":178},[165,1703,1704,1707,1709,1711,1714],{"class":167,"line":277},[165,1705,1706],{"class":186},"    height",[165,1708,879],{"class":178},[165,1710,1667],{"class":178},[165,1712,1713],{"class":243},"400",[165,1715,1673],{"class":178},[165,1717,1718,1721,1723,1725,1728],{"class":167,"line":304},[165,1719,1720],{"class":186},"    :modifiers",[165,1722,879],{"class":178},[165,1724,1667],{"class":178},[165,1726,1727],{"class":243},"{ auto: 'webp,compress', quality: 85 }",[165,1729,1673],{"class":178},[165,1731,1732,1735,1737,1739,1741],{"class":167,"line":320},[165,1733,1734],{"class":186},"    provider",[165,1736,879],{"class":178},[165,1738,1667],{"class":178},[165,1740,1590],{"class":243},[165,1742,1673],{"class":178},[165,1744,1745,1748,1750,1752,1755],{"class":167,"line":332},[165,1746,1747],{"class":186},"    loading",[165,1749,879],{"class":178},[165,1751,1667],{"class":178},[165,1753,1754],{"class":243},"lazy",[165,1756,1673],{"class":178},[165,1758,1759],{"class":167,"line":339},[165,1760,1761],{"class":178},"  \u002F>\n",[165,1763,1764,1766,1768],{"class":167,"line":349},[165,1765,342],{"class":178},[165,1767,1642],{"class":182},[165,1769,190],{"class":178},[139,1771,1773],{"id":1772},"responsive-images","Responsive Images",[76,1775,1776],{},"Use responsive images for different screen sizes:",[155,1778,1780],{"className":157,"code":1779,"language":159,"meta":160,"style":160},"\u003Ctemplate>\n  \u003CNuxtPicture\n    :src=\"hero.image.url\"\n    :imgAttrs=\"{ alt: hero.image.title }\"\n    sizes=\"100vw sm:90vw md:80vw lg:1200px\"\n    :modifiers=\"{ quality: 85, auto: 'webp,compress' }\"\n    provider=\"contentstack\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[162,1781,1782,1790,1797,1810,1824,1838,1851,1863,1867],{"__ignoreMap":160},[165,1783,1784,1786,1788],{"class":167,"line":168},[165,1785,179],{"class":178},[165,1787,1642],{"class":182},[165,1789,190],{"class":178},[165,1791,1792,1794],{"class":167,"line":175},[165,1793,1654],{"class":178},[165,1795,1796],{"class":182},"NuxtPicture\n",[165,1798,1799,1801,1803,1805,1808],{"class":167,"line":193},[165,1800,1662],{"class":186},[165,1802,879],{"class":178},[165,1804,1667],{"class":178},[165,1806,1807],{"class":243},"hero.image.url",[165,1809,1673],{"class":178},[165,1811,1812,1815,1817,1819,1822],{"class":167,"line":232},[165,1813,1814],{"class":186},"    :imgAttrs",[165,1816,879],{"class":178},[165,1818,1667],{"class":178},[165,1820,1821],{"class":243},"{ alt: hero.image.title }",[165,1823,1673],{"class":178},[165,1825,1826,1829,1831,1833,1836],{"class":167,"line":253},[165,1827,1828],{"class":186},"    sizes",[165,1830,879],{"class":178},[165,1832,1667],{"class":178},[165,1834,1835],{"class":243},"100vw sm:90vw md:80vw lg:1200px",[165,1837,1673],{"class":178},[165,1839,1840,1842,1844,1846,1849],{"class":167,"line":269},[165,1841,1720],{"class":186},[165,1843,879],{"class":178},[165,1845,1667],{"class":178},[165,1847,1848],{"class":243},"{ quality: 85, auto: 'webp,compress' }",[165,1850,1673],{"class":178},[165,1852,1853,1855,1857,1859,1861],{"class":167,"line":277},[165,1854,1734],{"class":186},[165,1856,879],{"class":178},[165,1858,1667],{"class":178},[165,1860,1590],{"class":243},[165,1862,1673],{"class":178},[165,1864,1865],{"class":167,"line":304},[165,1866,1761],{"class":178},[165,1868,1869,1871,1873],{"class":167,"line":320},[165,1870,342],{"class":178},[165,1872,1642],{"class":182},[165,1874,190],{"class":178},[139,1876,1878],{"id":1877},"image-preloading","Image Preloading",[76,1880,1881],{},"Preload critical images:",[155,1883,1885],{"className":157,"code":1884,"language":159,"meta":160,"style":160},"\u003Cscript setup>\nconst { data: page } = await useGetEntryByUrl({\n  contentTypeUid: 'page',\n  url: '\u002F'\n})\n\nif (page.value?.hero?.image) {\n  useHead({\n    link: [\n      {\n        rel: 'preload',\n        href: page.value.hero.image.url,\n        as: 'image'\n      }\n    ]\n  })\n}\n\u003C\u002Fscript>\n",[162,1886,1887,1897,1921,1935,1948,1954,1958,1982,1991,2001,2006,2022,2052,2065,2069,2074,2081,2085],{"__ignoreMap":160},[165,1888,1889,1891,1893,1895],{"class":167,"line":168},[165,1890,179],{"class":178},[165,1892,183],{"class":182},[165,1894,187],{"class":186},[165,1896,190],{"class":178},[165,1898,1899,1901,1903,1905,1907,1909,1911,1913,1915,1917,1919],{"class":167,"line":175},[165,1900,196],{"class":186},[165,1902,199],{"class":178},[165,1904,202],{"class":182},[165,1906,205],{"class":178},[165,1908,209],{"class":208},[165,1910,212],{"class":178},[165,1912,215],{"class":178},[165,1914,219],{"class":218},[165,1916,223],{"class":222},[165,1918,226],{"class":208},[165,1920,229],{"class":178},[165,1922,1923,1925,1927,1929,1931,1933],{"class":167,"line":193},[165,1924,235],{"class":182},[165,1926,205],{"class":178},[165,1928,240],{"class":178},[165,1930,244],{"class":243},[165,1932,247],{"class":178},[165,1934,250],{"class":178},[165,1936,1937,1939,1941,1943,1946],{"class":167,"line":232},[165,1938,256],{"class":182},[165,1940,205],{"class":178},[165,1942,240],{"class":178},[165,1944,1945],{"class":243},"\u002F",[165,1947,266],{"class":178},[165,1949,1950,1952],{"class":167,"line":253},[165,1951,212],{"class":178},[165,1953,274],{"class":208},[165,1955,1956],{"class":167,"line":269},[165,1957,353],{"emptyLinePlaceholder":352},[165,1959,1960,1963,1965,1967,1969,1972,1975,1977,1980],{"class":167,"line":277},[165,1961,1962],{"class":218},"if",[165,1964,961],{"class":208},[165,1966,913],{"class":178},[165,1968,1044],{"class":208},[165,1970,1971],{"class":178},"?.",[165,1973,1974],{"class":208},"hero",[165,1976,1971],{"class":178},[165,1978,1979],{"class":208},"image) ",[165,1981,229],{"class":178},[165,1983,1984,1987,1989],{"class":167,"line":304},[165,1985,1986],{"class":222},"  useHead",[165,1988,226],{"class":182},[165,1990,229],{"class":178},[165,1992,1993,1996,1998],{"class":167,"line":320},[165,1994,1995],{"class":182},"    link",[165,1997,205],{"class":178},[165,1999,2000],{"class":182}," [\n",[165,2002,2003],{"class":167,"line":332},[165,2004,2005],{"class":178},"      {\n",[165,2007,2008,2011,2013,2015,2018,2020],{"class":167,"line":339},[165,2009,2010],{"class":182},"        rel",[165,2012,205],{"class":178},[165,2014,240],{"class":178},[165,2016,2017],{"class":243},"preload",[165,2019,247],{"class":178},[165,2021,250],{"class":178},[165,2023,2024,2027,2029,2032,2034,2036,2038,2040,2042,2045,2047,2050],{"class":167,"line":349},[165,2025,2026],{"class":182},"        href",[165,2028,205],{"class":178},[165,2030,2031],{"class":208}," page",[165,2033,913],{"class":178},[165,2035,1044],{"class":208},[165,2037,913],{"class":178},[165,2039,1974],{"class":208},[165,2041,913],{"class":178},[165,2043,2044],{"class":208},"image",[165,2046,913],{"class":178},[165,2048,2049],{"class":208},"url",[165,2051,250],{"class":178},[165,2053,2054,2057,2059,2061,2063],{"class":167,"line":356},[165,2055,2056],{"class":182},"        as",[165,2058,205],{"class":178},[165,2060,240],{"class":178},[165,2062,2044],{"class":243},[165,2064,266],{"class":178},[165,2066,2067],{"class":167,"line":362},[165,2068,1303],{"class":178},[165,2070,2071],{"class":167,"line":373},[165,2072,2073],{"class":182},"    ]\n",[165,2075,2076,2079],{"class":167,"line":398},[165,2077,2078],{"class":178},"  }",[165,2080,274],{"class":182},[165,2082,2083],{"class":167,"line":413},[165,2084,1620],{"class":178},[165,2086,2087,2089,2091],{"class":167,"line":428},[165,2088,342],{"class":178},[165,2090,183],{"class":182},[165,2092,190],{"class":178},[89,2094,2096],{"id":2095},"bundle-size-optimization","Bundle Size Optimization",[139,2098,127],{"id":2099},"code-splitting",[76,2101,2102],{},"Implement proper code splitting:",[155,2104,2106],{"className":157,"code":2105,"language":159,"meta":160,"style":160},"\u003Cscript setup>\n\u002F\u002F ✅ Lazy load heavy components\nconst HeavyComponent = defineAsyncComponent(() => \n  import('~\u002Fcomponents\u002FHeavyComponent.vue')\n)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CHeavyComponent v-if=\"showHeavy\" \u002F>\n\u003C\u002Ftemplate>\n",[162,2107,2108,2118,2123,2144,2160,2164,2172,2176,2184,2206],{"__ignoreMap":160},[165,2109,2110,2112,2114,2116],{"class":167,"line":168},[165,2111,179],{"class":178},[165,2113,183],{"class":182},[165,2115,187],{"class":186},[165,2117,190],{"class":178},[165,2119,2120],{"class":167,"line":175},[165,2121,2122],{"class":171},"\u002F\u002F ✅ Lazy load heavy components\n",[165,2124,2125,2127,2130,2132,2135,2137,2139,2141],{"class":167,"line":193},[165,2126,196],{"class":186},[165,2128,2129],{"class":208}," HeavyComponent ",[165,2131,879],{"class":178},[165,2133,2134],{"class":222}," defineAsyncComponent",[165,2136,226],{"class":208},[165,2138,901],{"class":178},[165,2140,904],{"class":186},[165,2142,2143],{"class":208}," \n",[165,2145,2146,2149,2151,2153,2156,2158],{"class":167,"line":232},[165,2147,2148],{"class":178},"  import",[165,2150,226],{"class":208},[165,2152,247],{"class":178},[165,2154,2155],{"class":243},"~\u002Fcomponents\u002FHeavyComponent.vue",[165,2157,247],{"class":178},[165,2159,274],{"class":208},[165,2161,2162],{"class":167,"line":253},[165,2163,274],{"class":208},[165,2165,2166,2168,2170],{"class":167,"line":269},[165,2167,342],{"class":178},[165,2169,183],{"class":182},[165,2171,190],{"class":178},[165,2173,2174],{"class":167,"line":277},[165,2175,353],{"emptyLinePlaceholder":352},[165,2177,2178,2180,2182],{"class":167,"line":304},[165,2179,179],{"class":178},[165,2181,1642],{"class":182},[165,2183,190],{"class":178},[165,2185,2186,2188,2191,2194,2196,2198,2201,2203],{"class":167,"line":320},[165,2187,1654],{"class":178},[165,2189,2190],{"class":182},"HeavyComponent",[165,2192,2193],{"class":186}," v-if",[165,2195,879],{"class":178},[165,2197,1667],{"class":178},[165,2199,2200],{"class":243},"showHeavy",[165,2202,1667],{"class":178},[165,2204,2205],{"class":178}," \u002F>\n",[165,2207,2208,2210,2212],{"class":167,"line":332},[165,2209,342],{"class":178},[165,2211,1642],{"class":182},[165,2213,190],{"class":178},[139,2215,2217],{"id":2216},"tree-shaking","Tree Shaking",[76,2219,2220],{},"Import only what you need:",[155,2222,2224],{"className":1527,"code":2223,"language":1530,"meta":160,"style":160},"\u002F\u002F ✅ Good - Import specific functions\nimport { useGetEntry } from '#imports'\n\n\u002F\u002F ❌ Bad - Import entire module\nimport * as Contentstack from '#imports'\n",[162,2225,2226,2231,2253,2257,2262],{"__ignoreMap":160},[165,2227,2228],{"class":167,"line":168},[165,2229,2230],{"class":171},"\u002F\u002F ✅ Good - Import specific functions\n",[165,2232,2233,2236,2238,2240,2243,2246,2248,2251],{"class":167,"line":175},[165,2234,2235],{"class":218},"import",[165,2237,199],{"class":178},[165,2239,514],{"class":208},[165,2241,2242],{"class":178}," }",[165,2244,2245],{"class":218}," from",[165,2247,240],{"class":178},[165,2249,2250],{"class":243},"#imports",[165,2252,266],{"class":178},[165,2254,2255],{"class":167,"line":193},[165,2256,353],{"emptyLinePlaceholder":352},[165,2258,2259],{"class":167,"line":232},[165,2260,2261],{"class":171},"\u002F\u002F ❌ Bad - Import entire module\n",[165,2263,2264,2266,2268,2271,2274,2277,2279,2281],{"class":167,"line":253},[165,2265,2235],{"class":218},[165,2267,1476],{"class":178},[165,2269,2270],{"class":218}," as",[165,2272,2273],{"class":208}," Contentstack ",[165,2275,2276],{"class":218},"from",[165,2278,240],{"class":178},[165,2280,2250],{"class":243},[165,2282,266],{"class":178},[139,2284,2286],{"id":2285},"reduce-dependencies","Reduce Dependencies",[76,2288,2289],{},"Minimize external dependencies:",[155,2291,2296],{"className":2292,"code":2293,"filename":2294,"language":2295,"meta":160,"style":160},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"dependencies\": {\n    \"nuxt-contentstack\": \"^latest\",\n    \"@nuxt\u002Fimage\": \"^2.0.0\"\n    \u002F\u002F Only essential dependencies\n  }\n}\n","package.json","json",[162,2297,2298,2302,2316,2339,2357,2362,2366],{"__ignoreMap":160},[165,2299,2300],{"class":167,"line":168},[165,2301,229],{"class":178},[165,2303,2304,2307,2310,2312,2314],{"class":167,"line":175},[165,2305,2306],{"class":178},"  \"",[165,2308,2309],{"class":186},"dependencies",[165,2311,1667],{"class":178},[165,2313,205],{"class":178},[165,2315,1158],{"class":178},[165,2317,2318,2321,2325,2327,2329,2332,2335,2337],{"class":167,"line":193},[165,2319,2320],{"class":178},"    \"",[165,2322,2324],{"class":2323},"sBMFI","nuxt-contentstack",[165,2326,1667],{"class":178},[165,2328,205],{"class":178},[165,2330,2331],{"class":178}," \"",[165,2333,2334],{"class":243},"^latest",[165,2336,1667],{"class":178},[165,2338,250],{"class":178},[165,2340,2341,2343,2346,2348,2350,2352,2355],{"class":167,"line":232},[165,2342,2320],{"class":178},[165,2344,2345],{"class":2323},"@nuxt\u002Fimage",[165,2347,1667],{"class":178},[165,2349,205],{"class":178},[165,2351,2331],{"class":178},[165,2353,2354],{"class":243},"^2.0.0",[165,2356,1673],{"class":178},[165,2358,2359],{"class":167,"line":253},[165,2360,2361],{"class":171},"    \u002F\u002F Only essential dependencies\n",[165,2363,2364],{"class":167,"line":269},[165,2365,1345],{"class":178},[165,2367,2368],{"class":167,"line":277},[165,2369,1620],{"class":178},[89,2371,2373],{"id":2372},"performance-monitoring","Performance Monitoring",[139,2375,2377],{"id":2376},"measure-performance","Measure Performance",[76,2379,2380],{},"Use browser DevTools and performance APIs:",[155,2382,2385],{"className":1527,"code":2383,"filename":2384,"language":1530,"meta":160,"style":160},"export const usePerformance = () => {\n  const measureContentLoad = (name: string) => {\n    if (import.meta.client && 'performance' in window) {\n      const mark = `content-${name}-start`\n      performance.mark(mark)\n      \n      return () => {\n        const endMark = `content-${name}-end`\n        performance.mark(endMark)\n        performance.measure(`content-${name}`, mark, endMark)\n        \n        const measure = performance.getEntriesByName(`content-${name}`)[0]\n        console.log(`${name} loaded in ${measure.duration}ms`)\n      }\n    }\n    return () => {}\n  }\n  \n  return { measureContentLoad }\n}\n","composables\u002FusePerformance.ts",[162,2386,2387,2404,2432,2471,2500,2516,2521,2532,2557,2573,2606,2611,2648,2688,2692,2696,2708,2712,2716,2726],{"__ignoreMap":160},[165,2388,2389,2391,2393,2396,2398,2400,2402],{"class":167,"line":168},[165,2390,1223],{"class":218},[165,2392,1539],{"class":186},[165,2394,2395],{"class":208}," usePerformance ",[165,2397,879],{"class":178},[165,2399,1547],{"class":178},[165,2401,904],{"class":186},[165,2403,1158],{"class":178},[165,2405,2406,2408,2411,2413,2416,2420,2422,2425,2428,2430],{"class":167,"line":175},[165,2407,1556],{"class":186},[165,2409,2410],{"class":208}," measureContentLoad",[165,2412,215],{"class":178},[165,2414,2415],{"class":178}," (",[165,2417,2419],{"class":2418},"sHdIc","name",[165,2421,205],{"class":178},[165,2423,2424],{"class":2323}," string",[165,2426,2427],{"class":178},")",[165,2429,904],{"class":186},[165,2431,1158],{"class":178},[165,2433,2434,2437,2439,2441,2443,2446,2448,2451,2454,2456,2459,2461,2464,2467,2469],{"class":167,"line":193},[165,2435,2436],{"class":218},"    if",[165,2438,2415],{"class":182},[165,2440,2235],{"class":218},[165,2442,913],{"class":178},[165,2444,2445],{"class":208},"meta",[165,2447,913],{"class":178},[165,2449,2450],{"class":208},"client",[165,2452,2453],{"class":178}," &&",[165,2455,240],{"class":178},[165,2457,2458],{"class":243},"performance",[165,2460,247],{"class":178},[165,2462,2463],{"class":178}," in",[165,2465,2466],{"class":208}," window",[165,2468,974],{"class":182},[165,2470,229],{"class":178},[165,2472,2473,2476,2479,2481,2484,2487,2490,2492,2494,2497],{"class":167,"line":232},[165,2474,2475],{"class":186},"      const",[165,2477,2478],{"class":208}," mark",[165,2480,215],{"class":178},[165,2482,2483],{"class":178}," `",[165,2485,2486],{"class":243},"content-",[165,2488,2489],{"class":178},"${",[165,2491,2419],{"class":208},[165,2493,212],{"class":178},[165,2495,2496],{"class":243},"-start",[165,2498,2499],{"class":178},"`\n",[165,2501,2502,2505,2507,2510,2512,2514],{"class":167,"line":253},[165,2503,2504],{"class":208},"      performance",[165,2506,913],{"class":178},[165,2508,2509],{"class":222},"mark",[165,2511,226],{"class":182},[165,2513,2509],{"class":208},[165,2515,274],{"class":182},[165,2517,2518],{"class":167,"line":269},[165,2519,2520],{"class":182},"      \n",[165,2522,2523,2526,2528,2530],{"class":167,"line":277},[165,2524,2525],{"class":218},"      return",[165,2527,1547],{"class":178},[165,2529,904],{"class":186},[165,2531,1158],{"class":178},[165,2533,2534,2537,2540,2542,2544,2546,2548,2550,2552,2555],{"class":167,"line":304},[165,2535,2536],{"class":186},"        const",[165,2538,2539],{"class":208}," endMark",[165,2541,215],{"class":178},[165,2543,2483],{"class":178},[165,2545,2486],{"class":243},[165,2547,2489],{"class":178},[165,2549,2419],{"class":208},[165,2551,212],{"class":178},[165,2553,2554],{"class":243},"-end",[165,2556,2499],{"class":178},[165,2558,2559,2562,2564,2566,2568,2571],{"class":167,"line":320},[165,2560,2561],{"class":208},"        performance",[165,2563,913],{"class":178},[165,2565,2509],{"class":222},[165,2567,226],{"class":182},[165,2569,2570],{"class":208},"endMark",[165,2572,274],{"class":182},[165,2574,2575,2577,2579,2582,2584,2587,2589,2591,2593,2596,2598,2600,2602,2604],{"class":167,"line":332},[165,2576,2561],{"class":208},[165,2578,913],{"class":178},[165,2580,2581],{"class":222},"measure",[165,2583,226],{"class":182},[165,2585,2586],{"class":178},"`",[165,2588,2486],{"class":243},[165,2590,2489],{"class":178},[165,2592,2419],{"class":208},[165,2594,2595],{"class":178},"}`",[165,2597,566],{"class":178},[165,2599,2478],{"class":208},[165,2601,566],{"class":178},[165,2603,2539],{"class":208},[165,2605,274],{"class":182},[165,2607,2608],{"class":167,"line":339},[165,2609,2610],{"class":182},"        \n",[165,2612,2613,2615,2618,2620,2623,2625,2628,2630,2632,2634,2636,2638,2640,2643,2646],{"class":167,"line":349},[165,2614,2536],{"class":186},[165,2616,2617],{"class":208}," measure",[165,2619,215],{"class":178},[165,2621,2622],{"class":208}," performance",[165,2624,913],{"class":178},[165,2626,2627],{"class":222},"getEntriesByName",[165,2629,226],{"class":182},[165,2631,2586],{"class":178},[165,2633,2486],{"class":243},[165,2635,2489],{"class":178},[165,2637,2419],{"class":208},[165,2639,2595],{"class":178},[165,2641,2642],{"class":182},")[",[165,2644,2645],{"class":328},"0",[165,2647,585],{"class":182},[165,2649,2650,2653,2655,2658,2660,2663,2665,2667,2670,2672,2674,2676,2679,2681,2684,2686],{"class":167,"line":356},[165,2651,2652],{"class":208},"        console",[165,2654,913],{"class":178},[165,2656,2657],{"class":222},"log",[165,2659,226],{"class":182},[165,2661,2662],{"class":178},"`${",[165,2664,2419],{"class":208},[165,2666,212],{"class":178},[165,2668,2669],{"class":243}," loaded in ",[165,2671,2489],{"class":178},[165,2673,2581],{"class":208},[165,2675,913],{"class":178},[165,2677,2678],{"class":208},"duration",[165,2680,212],{"class":178},[165,2682,2683],{"class":243},"ms",[165,2685,2586],{"class":178},[165,2687,274],{"class":182},[165,2689,2690],{"class":167,"line":362},[165,2691,1303],{"class":178},[165,2693,2694],{"class":167,"line":373},[165,2695,1340],{"class":178},[165,2697,2698,2701,2703,2705],{"class":167,"line":398},[165,2699,2700],{"class":218},"    return",[165,2702,1547],{"class":178},[165,2704,904],{"class":186},[165,2706,2707],{"class":178}," {}\n",[165,2709,2710],{"class":167,"line":413},[165,2711,1345],{"class":178},[165,2713,2714],{"class":167,"line":428},[165,2715,1603],{"class":182},[165,2717,2718,2720,2722,2724],{"class":167,"line":452},[165,2719,1608],{"class":218},[165,2721,199],{"class":178},[165,2723,2410],{"class":208},[165,2725,1615],{"class":178},[165,2727,2728],{"class":167,"line":459},[165,2729,1620],{"class":178},[139,2731,2733],{"id":2732},"track-api-performance","Track API Performance",[76,2735,2736],{},"Monitor API request times:",[155,2738,2740],{"className":157,"code":2739,"language":159,"meta":160,"style":160},"\u003Cscript setup>\nconst startTime = Date.now()\n\nconst { data: posts } = await useGetEntries({\n  contentTypeUid: 'blog_post',\n  limit: 10\n})\n\nconst loadTime = Date.now() - startTime\nconsole.log(`Posts loaded in ${loadTime}ms`)\n\u003C\u002Fscript>\n",[162,2741,2742,2752,2771,2775,2799,2813,2821,2827,2831,2854,2883],{"__ignoreMap":160},[165,2743,2744,2746,2748,2750],{"class":167,"line":168},[165,2745,179],{"class":178},[165,2747,183],{"class":182},[165,2749,187],{"class":186},[165,2751,190],{"class":178},[165,2753,2754,2756,2759,2761,2764,2766,2769],{"class":167,"line":175},[165,2755,196],{"class":186},[165,2757,2758],{"class":208}," startTime ",[165,2760,879],{"class":178},[165,2762,2763],{"class":208}," Date",[165,2765,913],{"class":178},[165,2767,2768],{"class":222},"now",[165,2770,885],{"class":208},[165,2772,2773],{"class":167,"line":193},[165,2774,353],{"emptyLinePlaceholder":352},[165,2776,2777,2779,2781,2783,2785,2787,2789,2791,2793,2795,2797],{"class":167,"line":232},[165,2778,196],{"class":186},[165,2780,199],{"class":178},[165,2782,202],{"class":182},[165,2784,205],{"class":178},[165,2786,288],{"class":208},[165,2788,212],{"class":178},[165,2790,215],{"class":178},[165,2792,219],{"class":218},[165,2794,297],{"class":222},[165,2796,226],{"class":208},[165,2798,229],{"class":178},[165,2800,2801,2803,2805,2807,2809,2811],{"class":167,"line":253},[165,2802,235],{"class":182},[165,2804,205],{"class":178},[165,2806,240],{"class":178},[165,2808,313],{"class":243},[165,2810,247],{"class":178},[165,2812,250],{"class":178},[165,2814,2815,2817,2819],{"class":167,"line":269},[165,2816,323],{"class":182},[165,2818,205],{"class":178},[165,2820,941],{"class":328},[165,2822,2823,2825],{"class":167,"line":277},[165,2824,212],{"class":178},[165,2826,274],{"class":208},[165,2828,2829],{"class":167,"line":304},[165,2830,353],{"emptyLinePlaceholder":352},[165,2832,2833,2835,2838,2840,2842,2844,2846,2849,2851],{"class":167,"line":320},[165,2834,196],{"class":186},[165,2836,2837],{"class":208}," loadTime ",[165,2839,879],{"class":178},[165,2841,2763],{"class":208},[165,2843,913],{"class":178},[165,2845,2768],{"class":222},[165,2847,2848],{"class":208},"() ",[165,2850,969],{"class":178},[165,2852,2853],{"class":208}," startTime\n",[165,2855,2856,2859,2861,2863,2865,2867,2870,2872,2875,2877,2879,2881],{"class":167,"line":332},[165,2857,2858],{"class":208},"console",[165,2860,913],{"class":178},[165,2862,2657],{"class":222},[165,2864,226],{"class":208},[165,2866,2586],{"class":178},[165,2868,2869],{"class":243},"Posts loaded in ",[165,2871,2489],{"class":178},[165,2873,2874],{"class":208},"loadTime",[165,2876,212],{"class":178},[165,2878,2683],{"class":243},[165,2880,2586],{"class":178},[165,2882,274],{"class":208},[165,2884,2885,2887,2889],{"class":167,"line":339},[165,2886,342],{"class":178},[165,2888,183],{"class":182},[165,2890,190],{"class":178},[89,2892,2894],{"id":2893},"best-practices-summary","Best Practices Summary",[139,2896,2898],{"id":2897},"dos","Do's ✅",[97,2900,2901,2904,2907,2910,2913,2916,2919],{},[100,2902,2903],{},"Use reference fields to fetch related content in one request",[100,2905,2906],{},"Implement proper pagination for large datasets",[100,2908,2909],{},"Cache static content aggressively",[100,2911,2912],{},"Optimize images with @nuxt\u002Fimage",[100,2914,2915],{},"Use lazy loading for non-critical content",[100,2917,2918],{},"Monitor performance metrics",[100,2920,2921],{},"Implement code splitting for large components",[139,2923,2925],{"id":2924},"donts","Don'ts ❌",[97,2927,2928,2931,2934,2937,2940,2943,2946],{},[100,2929,2930],{},"Don't fetch more data than needed",[100,2932,2933],{},"Don't make unnecessary API calls",[100,2935,2936],{},"Don't ignore cache invalidation",[100,2938,2939],{},"Don't load all images immediately",[100,2941,2942],{},"Don't bundle unnecessary dependencies",[100,2944,2945],{},"Don't block page load with heavy queries",[100,2947,2948],{},"Don't ignore performance monitoring",[89,2950,2952],{"id":2951},"performance-checklist","Performance Checklist",[76,2954,2955],{},"Use this checklist to optimize your application:",[97,2957,2960,2969,2975,2981,2987,2993,2999,3005,3011],{"className":2958},[2959],"contains-task-list",[100,2961,2964,2968],{"className":2962},[2963],"task-list-item",[2965,2966],"input",{"disabled":352,"type":2967},"checkbox"," Reduced API calls using reference fields",[100,2970,2972,2974],{"className":2971},[2963],[2965,2973],{"disabled":352,"type":2967}," Implemented pagination for large datasets",[100,2976,2978,2980],{"className":2977},[2963],[2965,2979],{"disabled":352,"type":2967}," Configured appropriate cache strategies",[100,2982,2984,2986],{"className":2983},[2963],[2965,2985],{"disabled":352,"type":2967}," Optimized images with @nuxt\u002Fimage",[100,2988,2990,2992],{"className":2989},[2963],[2965,2991],{"disabled":352,"type":2967}," Implemented lazy loading for non-critical content",[100,2994,2996,2998],{"className":2995},[2963],[2965,2997],{"disabled":352,"type":2967}," Reduced bundle size with code splitting",[100,3000,3002,3004],{"className":3001},[2963],[2965,3003],{"disabled":352,"type":2967}," Set up performance monitoring",[100,3006,3008,3010],{"className":3007},[2963],[2965,3009],{"disabled":352,"type":2967}," Tested on slow networks",[100,3012,3014,3016],{"className":3013},[2963],[2965,3015],{"disabled":352,"type":2967}," Verified Core Web Vitals",[89,3018,3020],{"id":3019},"next-steps","Next Steps",[3022,3023,3030,3037],"div",{"className":3024},[3025,3026,3027,3028,3029],"grid","grid-cols-1","md:grid-cols-2","gap-4","mt-6",[3031,3032,3036],"card",{"icon":3033,"title":3034,"to":3035},"i-lucide-database","Caching Guide","\u002Fessentials\u002Fcomposables#caching","Learn more about caching strategies in the composables guide.",[3031,3038,3039],{"icon":49,"title":46,"to":47},"Deep dive into image optimization techniques.",[3041,3042,3043],"style",{},"html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}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);}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":160,"searchDepth":175,"depth":175,"links":3045},[3046,3047,3052,3057,3062,3067,3071,3075,3076],{"id":91,"depth":175,"text":92},{"id":137,"depth":175,"text":104,"children":3048},[3049,3050,3051],{"id":141,"depth":193,"text":142},{"id":697,"depth":193,"text":698},{"id":1074,"depth":193,"text":1075},{"id":1203,"depth":175,"text":110,"children":3053},[3054,3055,3056],{"id":1206,"depth":193,"text":1207},{"id":1354,"depth":193,"text":1355},{"id":1520,"depth":193,"text":1521},{"id":1623,"depth":175,"text":46,"children":3058},[3059,3060,3061],{"id":1626,"depth":193,"text":1627},{"id":1772,"depth":193,"text":1773},{"id":1877,"depth":193,"text":1878},{"id":2095,"depth":175,"text":2096,"children":3063},[3064,3065,3066],{"id":2099,"depth":193,"text":127},{"id":2216,"depth":193,"text":2217},{"id":2285,"depth":193,"text":2286},{"id":2372,"depth":175,"text":2373,"children":3068},[3069,3070],{"id":2376,"depth":193,"text":2377},{"id":2732,"depth":193,"text":2733},{"id":2893,"depth":175,"text":2894,"children":3072},[3073,3074],{"id":2897,"depth":193,"text":2898},{"id":2924,"depth":193,"text":2925},{"id":2951,"depth":175,"text":2952},{"id":3019,"depth":175,"text":3020},"Optimize your Nuxt Contentstack application for speed, efficiency, and scalability with best practices, caching strategies, and performance tips.","md",null,{},{"icon":59},{"title":56,"description":3077},"b6Vky79fGYuKAhMhBnmfWuV6J1LMUHQhlNxz6z0u6ug",[3085,3087],{"title":51,"path":52,"stem":53,"description":3086,"icon":54,"children":-1},"Deliver personalized content experiences with Contentstack Personalize integration, including user attributes, events, and variant-based content delivery.",{"title":66,"path":67,"stem":68,"description":3088,"icon":69,"children":-1},"Enable real-time content editing with Contentstack's Live Preview and Visual Builder integration for seamless content management workflows.",1775639653935]