1"use strict";(self.webpackChunkyolo=self.webpackChunkyolo||[]).push([["5562"],{35824(e,i,n){n.r(i),n.d(i,{metadata:()=>t,default:()=>c,frontMatter:()=>l,contentTitle:()=>r,toc:()=>d,assets:()=>a});var t=JSON.parse('{"id":"notes/develop/web/page-loading-optimization","title":"Page Loading Optimizations","description":"Web page loading optimizations.","source":"@site/docs/notes/develop/web/page-loading-optimization.mdx","sourceDirName":"notes/develop/web","slug":"/notes/develop/web/page-loading-optimization","permalink":"/docs/notes/develop/web/page-loading-optimization","draft":false,"unlisted":false,"tags":[{"inline":false,"label":"\u5907\u5FD8\u6E05\u5355","permalink":"/docs/tags/cheat-sheet"}],"version":"current","lastUpdatedAt":1750741867000,"frontMatter":{"description":"Web page loading optimizations.","tags":["cheat-sheet"]},"sidebar":"docsSidebar","previous":{"title":"IPv6 Pitfalls and Happy Eyeballs","permalink":"/docs/notes/develop/web/ipv6-pitfalls-and-happy-eyeballs/"},"next":{"title":"WordPress \u7F51\u7AD9\u52A0\u8F7D\u4F18\u5316","permalink":"/docs/notes/develop/web/wordpress-website-loading-optimization"}}'),s=n(74848),o=n(28453);let l={description:"Web page loading optimizations.",tags:["cheat-sheet"]},r="Page Loading Optimizations",a={},d=[{value:"Metrics",id:"metrics",level:2},{value:"Optimizations",id:"optimizations",level:2},{value:"Pre-render",id:"pre-render",level:3},{value:"Async",id:"async",level:3}];function p(e){let i={a:"a",h1:"h1",h2:"h2",h3:"h3",header:"header",li:"li",ul:"ul",...(0,o.R)(),...e.components},{Head:n}=i;return n||function(e,i){throw Error("Expected "+(i?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Head",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(i.header,{children:(0,s.jsx)(i.h1,{id:"page-loading-optimizations",children:"Page Loading Optimizations"})}),"\n",(0,s.jsx)(n,{children:(0,s.jsx)("html",{lang:"en"})}),"\n",(0,s.jsx)(i.h2,{id:"metrics",children:"Metrics"}),"\n",(0,s.jsxs)(i.ul,{children:["\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://developer.mozilla.org/docs/Glossary/Time_to_first_byte",children:"TTFB"})}),"\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://developer.mozilla.org/en-US/docs/Glossary/First_contentful_paint",children:"FCP"})}),"\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://developer.mozilla.org/en-US/docs/Glossary/Largest_contentful_paint",children:"LCP"})}),"\n"]}),"\n",(0,s.jsx)(i.h2,{id:"optimizations",children:"Optimizations"}),"\n",(0,s.jsx)(i.h3,{id:"pre-render",children:"Pre-render"}),"\n",(0,s.jsxs)(i.ul,{children:["\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://vuejs.org/guide/scaling-up/ssr.html#what-is-ssr",children:"SSR"})}),"\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://vuejs.org/guide/scaling-up/ssr.html#ssr-vs-ssg",children:"SSG"})}),"\n"]}),"\n",(0,s.jsx)(i.h3,{id:"async",children:"Async"}),"\n",(0,s.jsxs)(i.ul,{children:["\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming#what-is-streaming",children:"Streaming"})}),"\n",(0,s.jsx)(i.li,{children:(0,s.jsx)(i.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading",children:"Lazy Loading"})}),"\n"]})]})}function c(e={}){let{wrapper:i}={...(0,o.R)(),...e.components};return i?(0,s.jsx)(i,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}},28453(e,i,n){n.d(i,{R:()=>l,x:()=>r});var t=n(96540);let s={},o=t.createContext(s);function l(e){let i=t.useContext(o);return t.useMemo(function(){return"function"==typeof e?e(i):{...i,...e}},[i,e])}function r(e){let i;return i=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:l(e.components),t.createElement(o.Provider,{value:i},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.