[{"data":1,"prerenderedAt":40},["ShallowReactive",2],{"blog-\u002Fblog\u002Foptimizing-dashboard-charts":3},{"id":4,"title":5,"amazingFeatures":6,"author":7,"body":8,"category":27,"changelog":6,"date":28,"description":29,"downloads":6,"extension":30,"faqs":6,"features":6,"framework":6,"gradient":6,"gumroadProductId":6,"gumroadUrl":6,"icon":6,"image":31,"images":6,"lastUpdated":6,"meta":32,"navigation":33,"path":34,"payhipProductId":6,"payhipUrl":6,"previewUrl":6,"price":6,"readTime":35,"relatedTemplates":6,"reviews":6,"seo":36,"stem":37,"tech":6,"techSpec":6,"techStack":6,"testimonials":6,"trustItems":6,"type":38,"version":6,"__hash__":39},"content\u002Fblog\u002Foptimizing-dashboard-charts.md","Optimizing Web Performance and Core Web Vitals",null,"Peter Magdy",{"type":9,"value":10,"toc":23},"minimark",[11,15],[12,13,14],"p",{},"Visualizing rich web layouts and landing page components in real time can slow down client browsers if not optimized properly.",[12,16,17,18,22],{},"When displaying complex images, interactive customizers, or template grids on your website, use ",[19,20,21],"strong",{},"lazy loading"," and dynamic imports before loading them. Optimize CSS asset compiling, and delay loading off-screen components until they enter the viewport to maintain a perfect Core Web Vitals score.",{"title":24,"searchDepth":25,"depth":25,"links":26},"",2,[],"SaaS","08 June 2026","How to handle complex layout rendering and speed up initial page load in Nuxt websites.","md","from-yellow-500\u002F10 to-amber-500\u002F10",{},true,"\u002Fblog\u002Foptimizing-dashboard-charts","3 min read",{"title":5,"description":29},"blog\u002Foptimizing-dashboard-charts","blog","YvNB9GTMvtTV35fBEwDy3TV1y2nC5uN8XbhaBM2KOO8",1782618252581]