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