[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-vercel-speed-insights":8},{"v5":4,"v4":5,"v3":6,"v2":7},"5 (nightly)","4.4.4","3.21.4","2.18.1",{"name":9,"description":10,"repo":11,"npm":12,"icon":13,"github":14,"website":15,"learn_more":16,"category":17,"type":18,"maintainers":19,"compatibility":23,"generatedAt":26,"contributors":27,"stats":57,"readme":65},"vercel-speed-insights","Real user performance metrics and suggestions for your Nuxt app","vercel\u002Fspeed-insights#main\u002Fpackages\u002Fweb","@vercel\u002Fspeed-insights","vercel.svg","https:\u002F\u002Fgithub.com\u002Fvercel\u002Fspeed-insights","https:\u002F\u002Fvercel.com\u002Fdocs\u002Fspeed-insights","https:\u002F\u002Fvercel.com\u002Fdocs\u002Fspeed-insights\u002Fquickstart?framework=nuxt","Performance","3rd-party",[20],{"name":21,"github":22},"Vercel","vercel",{"nuxt":24,"requires":25},">=3.0.0",{},"2026-05-09T20:37:40.711Z",[28,32,36,40,44,48,51,54],{"id":29,"username":30,"contributions":31},186268,"feugy",25,{"id":33,"username":34,"contributions":35},2978876,"tobiaslins",9,{"id":37,"username":38,"contributions":39},71938701,"HugoRCD",3,{"id":41,"username":42,"contributions":43},4800338,"huozhi",2,{"id":45,"username":46,"contributions":47},651787,"emspishak",1,{"id":49,"username":50,"contributions":47},1302540,"fgascon",{"id":52,"username":53,"contributions":47},81974850,"MoustaphaDev",{"id":55,"username":56,"contributions":47},47612057,"skve",{"version":58,"downloads":59,"stars":60,"watchers":60,"forks":61,"defaultBranch":62,"publishedAt":63,"createdAt":64},"2.0.0",8100912,105,22,"main",1776463309934,1694014490977,{"data":66,"body":68,"toc":483},{"title":67,"description":67},"",{"type":69,"children":70},"root",[71,82,94,99,103,134,141,152,164,169,316,321,327,468,472],{"type":72,"tag":73,"props":74,"children":75},"element","p",{},[76],{"type":72,"tag":77,"props":78,"children":81},"img",{"alt":79,"src":80},"Speed Insights","https:\u002F\u002Fgithub.com\u002Fvercel\u002Fspeed-insights\u002Fblob\u002Fmain\u002F.github\u002Fbanner.png",[],{"type":72,"tag":83,"props":84,"children":86},"div",{"align":85},"center",[87],{"type":72,"tag":88,"props":89,"children":90},"strong",{},[91],{"type":92,"value":93},"text","Vercel Speed Insights",{"type":72,"tag":83,"props":95,"children":96},{"align":85},[97],{"type":92,"value":98},"Performance insights for your website",{"type":72,"tag":100,"props":101,"children":102},"br",{},[],{"type":72,"tag":83,"props":104,"children":105},{"align":85},[106,112,118,124,128],{"type":72,"tag":107,"props":108,"children":109},"a",{"href":15},[110],{"type":92,"value":111},"Website",{"type":72,"tag":113,"props":114,"children":115},"span",{},[116],{"type":92,"value":117}," · ",{"type":72,"tag":107,"props":119,"children":121},{"href":120},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fspeed-insights\u002Fpackage",[122],{"type":92,"value":123},"Documentation",{"type":72,"tag":113,"props":125,"children":126},{},[127],{"type":92,"value":117},{"type":72,"tag":107,"props":129,"children":131},{"href":130},"https:\u002F\u002Ftwitter.com\u002Fvercel",[132],{"type":92,"value":133},"Twitter",{"type":72,"tag":135,"props":136,"children":138},"h2",{"id":137},"overview",[139],{"type":92,"value":140},"Overview",{"type":72,"tag":73,"props":142,"children":143},{},[144,150],{"type":72,"tag":145,"props":146,"children":148},"code",{"className":147},[],[149],{"type":92,"value":12},{"type":92,"value":151}," automatically tracks web vitals and other performance metrics for your website.",{"type":72,"tag":73,"props":153,"children":154},{},[155,157,162],{"type":92,"value":156},"This package does ",{"type":72,"tag":88,"props":158,"children":159},{},[160],{"type":92,"value":161},"not",{"type":92,"value":163}," track data in development mode.",{"type":72,"tag":73,"props":165,"children":166},{},[167],{"type":92,"value":168},"It has 1st class integration with:",{"type":72,"tag":170,"props":171,"children":172},"table",{},[173,192],{"type":72,"tag":174,"props":175,"children":176},"thead",{},[177],{"type":72,"tag":178,"props":179,"children":180},"tr",{},[181,187],{"type":72,"tag":182,"props":183,"children":184},"th",{},[185],{"type":92,"value":186},"Framework",{"type":72,"tag":182,"props":188,"children":189},{},[190],{"type":92,"value":191},"Package",{"type":72,"tag":193,"props":194,"children":195},"tbody",{},[196,214,231,248,265,282,299],{"type":72,"tag":178,"props":197,"children":198},{},[199,205],{"type":72,"tag":200,"props":201,"children":202},"td",{},[203],{"type":92,"value":204},"Next.js",{"type":72,"tag":200,"props":206,"children":207},{},[208],{"type":72,"tag":145,"props":209,"children":211},{"className":210},[],[212],{"type":92,"value":213},"@vercel\u002Fspeed-insights\u002Fnext",{"type":72,"tag":178,"props":215,"children":216},{},[217,222],{"type":72,"tag":200,"props":218,"children":219},{},[220],{"type":92,"value":221},"Nuxt",{"type":72,"tag":200,"props":223,"children":224},{},[225],{"type":72,"tag":145,"props":226,"children":228},{"className":227},[],[229],{"type":92,"value":230},"@vercel\u002Fspeed-insights\u002Fnuxt",{"type":72,"tag":178,"props":232,"children":233},{},[234,239],{"type":72,"tag":200,"props":235,"children":236},{},[237],{"type":92,"value":238},"Sveltekit",{"type":72,"tag":200,"props":240,"children":241},{},[242],{"type":72,"tag":145,"props":243,"children":245},{"className":244},[],[246],{"type":92,"value":247},"@vercel\u002Fspeed-insights\u002Fsveltekit",{"type":72,"tag":178,"props":249,"children":250},{},[251,256],{"type":72,"tag":200,"props":252,"children":253},{},[254],{"type":92,"value":255},"Remix",{"type":72,"tag":200,"props":257,"children":258},{},[259],{"type":72,"tag":145,"props":260,"children":262},{"className":261},[],[263],{"type":92,"value":264},"@vercel\u002Fspeed-insights\u002Fremix",{"type":72,"tag":178,"props":266,"children":267},{},[268,273],{"type":72,"tag":200,"props":269,"children":270},{},[271],{"type":92,"value":272},"React",{"type":72,"tag":200,"props":274,"children":275},{},[276],{"type":72,"tag":145,"props":277,"children":279},{"className":278},[],[280],{"type":92,"value":281},"@vercel\u002Fspeed-insights\u002Freact",{"type":72,"tag":178,"props":283,"children":284},{},[285,290],{"type":72,"tag":200,"props":286,"children":287},{},[288],{"type":92,"value":289},"Astro",{"type":72,"tag":200,"props":291,"children":292},{},[293],{"type":72,"tag":145,"props":294,"children":296},{"className":295},[],[297],{"type":92,"value":298},"@vercel\u002Fspeed-insights\u002Fastro",{"type":72,"tag":178,"props":300,"children":301},{},[302,307],{"type":72,"tag":200,"props":303,"children":304},{},[305],{"type":92,"value":306},"Vue",{"type":72,"tag":200,"props":308,"children":309},{},[310],{"type":72,"tag":145,"props":311,"children":313},{"className":312},[],[314],{"type":92,"value":315},"@vercel\u002Fspeed-insights\u002Fvue",{"type":72,"tag":73,"props":317,"children":318},{},[319],{"type":92,"value":320},"It also supports other frameworks, vanilla JS and static websites.",{"type":72,"tag":135,"props":322,"children":324},{"id":323},"quickstart",[325],{"type":92,"value":326},"Quickstart",{"type":72,"tag":328,"props":329,"children":330},"ol",{},[331,347,359,463],{"type":72,"tag":332,"props":333,"children":334},"li",{},[335,337,345],{"type":92,"value":336},"Enable Vercel Speed Insights for a project in the ",{"type":72,"tag":107,"props":338,"children":342},{"href":339,"rel":340},"https:\u002F\u002Fvercel.com\u002Fd?to=%2F%5Bteam%5D%2F%5Bproject%5D%2Fspeed-insights&title=Open+Web+Analytics",[341],"nofollow",[343],{"type":92,"value":344},"Vercel Dashboard",{"type":92,"value":346},".",{"type":72,"tag":332,"props":348,"children":349},{},[350,352,357],{"type":92,"value":351},"Add the ",{"type":72,"tag":145,"props":353,"children":355},{"className":354},[],[356],{"type":92,"value":12},{"type":92,"value":358}," package to your project",{"type":72,"tag":332,"props":360,"children":361},{},[362,364],{"type":92,"value":363},"Inject Speed Insights to your app",{"type":72,"tag":365,"props":366,"children":367},"ul",{},[368,404,437,450],{"type":72,"tag":332,"props":369,"children":370},{},[371,373,377,379,383,384,388,390,394,396,402],{"type":92,"value":372},"If you are using ",{"type":72,"tag":88,"props":374,"children":375},{},[376],{"type":92,"value":204},{"type":92,"value":378},", ",{"type":72,"tag":88,"props":380,"children":381},{},[382],{"type":92,"value":272},{"type":92,"value":378},{"type":72,"tag":88,"props":385,"children":386},{},[387],{"type":92,"value":221},{"type":92,"value":389}," or ",{"type":72,"tag":88,"props":391,"children":392},{},[393],{"type":92,"value":306},{"type":92,"value":395}," you can use the framework-specific ",{"type":72,"tag":145,"props":397,"children":399},{"className":398},[],[400],{"type":92,"value":401},"\u003CSpeedInsights \u002F>",{"type":92,"value":403}," component to inject the script into your app.",{"type":72,"tag":332,"props":405,"children":406},{},[407,408,412,414,420,422,427,429,435],{"type":92,"value":372},{"type":72,"tag":88,"props":409,"children":410},{},[411],{"type":92,"value":238},{"type":92,"value":413},", you can use the ",{"type":72,"tag":145,"props":415,"children":417},{"className":416},[],[418],{"type":92,"value":419},"injectSpeedInsights()",{"type":92,"value":421}," function ",{"type":72,"tag":145,"props":423,"children":425},{"className":424},[],[426],{"type":92,"value":247},{"type":92,"value":428}," in your top-level ",{"type":72,"tag":145,"props":430,"children":432},{"className":431},[],[433],{"type":92,"value":434},"+layout.js\u002Fts",{"type":92,"value":436}," file.",{"type":72,"tag":332,"props":438,"children":439},{},[440,442,448],{"type":92,"value":441},"For other frameworks, you can use the ",{"type":72,"tag":145,"props":443,"children":445},{"className":444},[],[446],{"type":92,"value":447},"inject",{"type":92,"value":449}," function add the tracking script to your app.",{"type":72,"tag":332,"props":451,"children":452},{},[453,455,462],{"type":92,"value":454},"If you want to use Vercel Speed Insights on a static site without npm, follow the instructions in the ",{"type":72,"tag":107,"props":456,"children":459},{"href":457,"rel":458},"https:\u002F\u002Fvercel.com\u002Fdocs\u002Fspeed-insights\u002Fquickstart",[341],[460],{"type":92,"value":461},"documentation",{"type":92,"value":346},{"type":72,"tag":332,"props":464,"children":465},{},[466],{"type":92,"value":467},"Deploy your app to Vercel and see data flowing in.",{"type":72,"tag":135,"props":469,"children":470},{"id":461},[471],{"type":92,"value":123},{"type":72,"tag":73,"props":473,"children":474},{},[475,477,482],{"type":92,"value":476},"Find more details about this package in our ",{"type":72,"tag":107,"props":478,"children":480},{"href":457,"rel":479},[341],[481],{"type":92,"value":461},{"type":92,"value":346},{"title":67,"searchDepth":43,"depth":43,"links":484},[485,486,487],{"id":137,"depth":43,"text":140},{"id":323,"depth":43,"text":326},{"id":461,"depth":43,"text":123}]