[{"data":1,"prerenderedAt":606},["ShallowReactive",2],{"knowledge-routes":3,"zh:footer-pages":327,"zh:term:largest-contentful-paint":340,"zh:term:largest-contentful-paint:article":350,"zh:related:term-cumulative-layout-shift,presentation-hero,presentation-banner,presentation-scroll-reveal,shopify-storefront-performance":595},{"en":4,"zh":20},[5,6,7,8,9,10,11,12,13,14,15,16,17,18,19],"\u002Fshopify\u002Fshopify-app-boundaries","\u002Fshopify\u002Fshopify-app-distribution","\u002Fshopify\u002Fshopify-app-environment-strategy","\u002Fshopify\u002Fshopify-app-review-access","\u002Fshopify\u002Fshopify-app-usage-billing","\u002Fshopify\u002Fshopify-multiple-apps-shared-backend","\u002Fshopify\u002Fshopify-oauth-redirect-callback","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fadd-to-cart-race","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fcomponent-base","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fkeyed-hydration","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Flayout-thrashing","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fliquid-smart-contrast","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fsection-rendering-morph","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fview-transitions","\u002Fshopify\u002Ftopics\u002Fapps-integrations",[21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,5,6,7,8,9,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,10,181,182,11,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,12,238,239,240,241,242,13,243,244,245,14,246,15,16,247,248,249,250,251,252,253,17,254,255,256,18,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,19,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326],"\u002Fcommerce\u002Faccessibility-compliance-baseline","\u002Fcommerce\u002Fcheckout-funnel","\u002Fcommerce\u002Fcross-border-basics","\u002Fcommerce\u002Fdtc-customer-journey","\u002Fcommerce\u002Ffulfillment-delivery","\u002Fcommerce\u002Finventory-basics","\u002Fcommerce\u002Fpayments-chargebacks","\u002Fcommerce\u002Fpricing-discounts","\u002Fcommerce\u002Fproduct-search-visibility","\u002Fcommerce\u002Frepeat-purchase-retention","\u002Fcommerce\u002Freturns-refunds","\u002Fcontent-types\u002Fbrand-story","\u002Fcontent-types\u002Fbrand-values","\u002Fcontent-types\u002Fcore-message","\u002Fcontent-types\u002Fcustomer-reviews","\u002Fcontent-types\u002Fcustomer-testimonials","\u002Fcontent-types\u002Femail-signup","\u002Fcontent-types\u002Ffaq","\u002Fcontent-types\u002Ffeatured-products","\u002Fcontent-types\u002Fguarantee","\u002Fcontent-types\u002Floyalty-rewards","\u002Fcontent-types\u002Fmedia-coverage","\u002Fcontent-types\u002Fpackage-contents","\u002Fcontent-types\u002Fpayment-options","\u002Fcontent-types\u002Fproduct-categories","\u002Fcontent-types\u002Fproduct-overview","\u002Fcontent-types\u002Fproduct-showcase","\u002Fcontent-types\u002Fproduct-specifications","\u002Fcontent-types\u002Fproduct-video","\u002Fcontent-types\u002Fpromotions","\u002Fcontent-types\u002Fproof-metrics","\u002Fcontent-types\u002Frelated-products","\u002Fcontent-types\u002Fresources","\u002Fcontent-types\u002Fshipping-delivery-info","\u002Fcontent-types\u002Fsocial-follow","\u002Fcontent-types\u002Fsupport-contact","\u002Fcontent-types\u002Fthird-party-reviews","\u002Fcontent-types\u002Ftrust-marks","\u002Fcontent-types\u002Ftypes","\u002Fcontent-types\u002Fuser-generated-content","\u002Fmodules\u002Favailability-notification","\u002Fmodules\u002Fbuy-box","\u002Fmodules\u002Fcart-summary","\u002Fmodules\u002Fcollection-browse-filter","\u002Fmodules\u002Fcookie-consent","\u002Fmodules\u002Fcross-sell-upsell","\u002Fmodules\u002Ffit-guidance","\u002Fmodules\u002Fpage-composition","\u002Fmodules\u002Fpatterns","\u002Fmodules\u002Fproduct-selection","\u002Fmodules\u002Fproduct-support-navigation","\u002Fmodules\u002Fpromotion-redemption","\u002Fmodules\u002Freview-display","\u002Fmodules\u002Fsignup-capture","\u002Fmodules\u002Fsite-search","\u002Fmodules\u002Fsocial-proof-strip","\u002Fmodules\u002Fsubscription-terms-summary","\u002Fmodules\u002Fvariant-media-gallery","\u002Fpresentation\u002Faccordion","\u002Fpresentation\u002Fbadge","\u002Fpresentation\u002Fbanner","\u002Fpresentation\u002Fbefore-after","\u002Fpresentation\u002Fcallout","\u002Fpresentation\u002Fcards","\u002Fpresentation\u002Fcarousel","\u002Fpresentation\u002Fcomparison","\u002Fpresentation\u002Fcountdown-timer","\u002Fpresentation\u002Fdrawer","\u002Fpresentation\u002Fempty-state","\u002Fpresentation\u002Fgrid","\u002Fpresentation\u002Fhero","\u002Fpresentation\u002Fhotspot","\u002Fpresentation\u002Finline-form","\u002Fpresentation\u002Flist","\u002Fpresentation\u002Fmarquee","\u002Fpresentation\u002Fmasonry","\u002Fpresentation\u002Fmedia-gallery","\u002Fpresentation\u002Fmodal","\u002Fpresentation\u002Fnavigation-menu","\u002Fpresentation\u002Foverlay","\u002Fpresentation\u002Fpagination","\u002Fpresentation\u002Fpatterns","\u002Fpresentation\u002Fpopover","\u002Fpresentation\u002Fprogress-bar","\u002Fpresentation\u002Frating-stars","\u002Fpresentation\u002Fscroll-reveal","\u002Fpresentation\u002Fsingle-column","\u002Fpresentation\u002Fskeleton-loader","\u002Fpresentation\u002Fsplit","\u002Fpresentation\u002Fstepper","\u002Fpresentation\u002Fsticky-bar","\u002Fpresentation\u002Fswatch","\u002Fpresentation\u002Ftable","\u002Fpresentation\u002Ftabs","\u002Fpresentation\u002Ftimeline","\u002Fpresentation\u002Ftoast","\u002Fshopify\u002Farticle","\u002Fshopify\u002Farticle\u002Fbuying-guide-article","\u002Fshopify\u002Farticle\u002Fhow-to-article","\u002Fshopify\u002Fblog","\u002Fshopify\u002Fcart","\u002Fshopify\u002Fcollection","\u002Fshopify\u002Fcollection\u002Fcampaign-collection-page","\u002Fshopify\u002Fcollection\u002Fcategory-collection-page","\u002Fshopify\u002Fhomepage","\u002Fshopify\u002Flist-collections","\u002Fshopify\u002Fpage","\u002Fshopify\u002Fpage\u002Fabout-us","\u002Fshopify\u002Fpage\u002Fbrand-story","\u002Fshopify\u002Fpage\u002Fcampaign-landing","\u002Fshopify\u002Fpage\u002Fcontact-us","\u002Fshopify\u002Fpage\u002Ffaq","\u002Fshopify\u002Fpage\u002Floyalty-program","\u002Fshopify\u002Fpage\u002Forder-tracking","\u002Fshopify\u002Fpage\u002Fpolicies","\u002Fshopify\u002Fpage\u002Fpress","\u002Fshopify\u002Fpage\u002Freviews","\u002Fshopify\u002Fpage\u002Fshipping-returns","\u002Fshopify\u002Fpage\u002Fsize-guide","\u002Fshopify\u002Fpage\u002Fstore-locator","\u002Fshopify\u002Fproduct","\u002Fshopify\u002Fproduct\u002Ffit-sensitive-product-page","\u002Fshopify\u002Fproduct\u002Fpreorder-subscription-page","\u002Fshopify\u002Fproduct\u002Fstandard-product-page","\u002Fshopify\u002Fsearch","\u002Fshopify\u002Fshopify-admin-api-graphql","\u002Fshopify\u002Fshopify-admin-map","\u002Fshopify\u002Fshopify-amount-check","\u002Fshopify\u002Fshopify-analytics-reports","\u002Fshopify\u002Fshopify-b2b","\u002Fshopify\u002Fshopify-bundles","\u002Fshopify\u002Fshopify-checkout-customization","\u002Fshopify\u002Fshopify-collections-publishing","\u002Fshopify\u002Fshopify-custom-data","\u002Fshopify\u002Fshopify-customer-accounts","\u002Fshopify\u002Fshopify-customer-privacy","\u002Fshopify\u002Fshopify-customer-segments","\u002Fshopify\u002Fshopify-discounts","\u002Fshopify\u002Fshopify-domains-dns","\u002Fshopify\u002Fshopify-ecosystem","\u002Fshopify\u002Fshopify-ecosystem-analysis","\u002Fshopify\u002Fshopify-entry-map","\u002Fshopify\u002Fshopify-file-sync-diff","\u002Fshopify\u002Fshopify-files-media","\u002Fshopify\u002Fshopify-flow","\u002Fshopify\u002Fshopify-follow-on-shop","\u002Fshopify\u002Fshopify-fraud-disputes","\u002Fshopify\u002Fshopify-fulfillment-delivery","\u002Fshopify\u002Fshopify-functions-extensions","\u002Fshopify\u002Fshopify-gift-cards","\u002Fshopify\u002Fshopify-headless","\u002Fshopify\u002Fshopify-identities-permissions","\u002Fshopify\u002Fshopify-inventory-locations","\u002Fshopify\u002Fshopify-knowledge-base-method","\u002Fshopify\u002Fshopify-knowledge-source-inventory","\u002Fshopify\u002Fshopify-local-delivery-pickup","\u002Fshopify\u002Fshopify-marketing-channels","\u002Fshopify\u002Fshopify-marketing-messaging","\u002Fshopify\u002Fshopify-markets-shipping","\u002Fshopify\u002Fshopify-multi-currency-pricing","\u002Fshopify\u002Fshopify-navigation-menus","\u002Fshopify\u002Fshopify-notifications-emails","\u002Fshopify\u002Fshopify-online-store-preferences","\u002Fshopify\u002Fshopify-order-payment-status","\u002Fshopify\u002Fshopify-orders-management","\u002Fshopify\u002Fshopify-payments-checkout","\u002Fshopify\u002Fshopify-plans","\u002Fshopify\u002Fshopify-pos","\u002Fshopify\u002Fshopify-product-import-export","\u002Fshopify\u002Fshopify-products-variants","\u002Fshopify\u002Fshopify-purchase-journey","\u002Fshopify\u002Fshopify-purchase-validation","\u002Fshopify\u002Fshopify-returns-refunds","\u002Fshopify\u002Fshopify-sales-channels","\u002Fshopify\u002Fshopify-search-and-discovery","\u002Fshopify\u002Fshopify-selling-plans","\u002Fshopify\u002Fshopify-shipping-rates-labels","\u002Fshopify\u002Fshopify-storefront","\u002Fshopify\u002Fshopify-storefront-performance","\u002Fshopify\u002Fshopify-storefront-seo-framework","\u002Fshopify\u002Fshopify-tagging-options","\u002Fshopify\u002Fshopify-taxes-duties","\u002Fshopify\u002Fshopify-theme-management","\u002Fshopify\u002Fshopify-translation-localization","\u002Fshopify\u002Fshopify-url-redirects","\u002Fshopify\u002Fshopify-verification-priorities","\u002Fshopify\u002Fshopify-web-pixels","\u002Fshopify\u002Fshopify-webhooks-events","\u002Fshopify\u002Ftheme\u002Farchitecture","\u002Fshopify\u002Ftheme\u002Fcapability-modules","\u002Fshopify\u002Ftheme\u002Fcontent-architecture","\u002Fshopify\u002Ftheme\u002Fdelivery-framework","\u002Fshopify\u002Ftheme\u002Fglobal-regions","\u002Fshopify\u002Ftheme\u002Flayout","\u002Fshopify\u002Ftheme\u002Flocales","\u002Fshopify\u002Ftheme\u002Fsettings","\u002Fshopify\u002Ftheme\u002Ftemplates","\u002Fshopify\u002Fthemes\u002Fdawn\u002Faccessibility-patterns","\u002Fshopify\u002Fthemes\u002Fdawn\u002Farchitecture","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fbuy-form-and-availability","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fcart-drawer-notification","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fcolor-schemes","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fcontent-sections-and-animations","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fcountdown-timer","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fcustom-elements-pubsub","\u002Fshopify\u002Fthemes\u002Fdawn\u002Ffacets-and-pagination","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fheader-navigation","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fhtml-update-utility","\u002Fshopify\u002Fthemes\u002Fdawn\u002Floading-performance","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fnewsletter-and-badges","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fpredictive-search","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fproduct-media","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fquantity-input","\u002Fshopify\u002Fthemes\u002Fdawn\u002Frecommendations","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fsection-rendering","\u002Fshopify\u002Fthemes\u002Fdawn\u002Ftheme-editor-events","\u002Fshopify\u002Fthemes\u002Fdawn\u002Fvariant-update-protocol","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Farchitecture","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fbadges-reviews-signup","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fbuying","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fcart","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fcollection-search","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fcontent-modules","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Ffacets-and-pagination","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fheader-navigation","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Flayout","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fmarquee-slideshow-animations","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fmedia-zoom-and-hotspots","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fpredictive-search","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fproduct-cards","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fproduct-page","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Freading-source","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Frecommendations","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fsticky-add-to-cart-and-availability","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fstyles","\u002Fshopify\u002Fthemes\u002Fhorizon\u002Fvariants","\u002Fshopify\u002Fthemes\u002Fimpact\u002Fbehavior-components","\u002Fshopify\u002Fthemes\u002Fimpact\u002Fcart-events","\u002Fshopify\u002Fthemes\u002Fimpact\u002Fdialog-element","\u002Fshopify\u002Fthemes\u002Fimpact","\u002Fshopify\u002Fthemes\u002Fimpact\u002Flazy-media-player","\u002Fshopify\u002Fthemes\u002Fimpact\u002Fsection-spacing-collapsing","\u002Fshopify\u002Fthemes\u002Fimpact\u002Fvariant-picker-rerender","\u002Fshopify\u002Fthemes","\u002Fshopify\u002Fthemes\u002Fpattern-coverage","\u002Fterms\u002Faccessible-rich-internet-applications","\u002Fterms\u002Famericans-with-disabilities-act","\u002Fterms\u002Faverage-order-value","\u002Fterms\u002Fbusiness-to-business","\u002Fterms\u002Fbuy-now-pay-later","\u002Fterms\u002Fcall-to-action","\u002Fterms\u002Fcart-abandonment-rate","\u002Fterms\u002Fcash-on-delivery","\u002Fterms\u002Fclick-through-rate","\u002Fterms\u002Fconversion-rate","\u002Fterms\u002Fcumulative-layout-shift","\u002Fterms\u002Fcustomer-acquisition-cost","\u002Fterms\u002Fcustomer-lifetime-value","\u002Fterms\u002Fdelivered-at-place","\u002Fterms\u002Fdelivered-duty-paid","\u002Fterms\u002Feuropean-accessibility-act","\u002Fterms\u002Fgeneral-data-protection-regulation","\u002Fterms\u002Fglobal-trade-item-number","\u002Fterms\u002Fgross-merchandise-value","\u002Fterms\u002Fharmonized-system-code","\u002Fterms\u002Fhash-based-message-authentication-code","\u002Fterms\u002Fimport-one-stop-shop","\u002Fterms\u002Flargest-contentful-paint","\u002Fterms\u002Fminimum-order-quantity","\u002Fterms\u002Fmonth-to-date","\u002Fterms\u002Fpoint-of-sale","\u002Fterms\u002Freturn-on-ad-spend","\u002Fterms\u002Frevenue-per-session","\u002Fterms\u002Fstock-keeping-unit","\u002Fterms\u002Fstrong-customer-authentication","\u002Fterms\u002Ftelevision-commercial","\u002Fterms\u002Fthree-domain-secure","\u002Fterms\u002Furchin-tracking-module","\u002Fterms\u002Fuser-generated-content","\u002Fterms\u002Fvalue-added-tax","\u002Fterms\u002Fweb-content-accessibility-guidelines","\u002Fcommerce\u002Ftopics\u002Fcommerce","\u002Fshopify\u002Ftopics\u002Fcustomers","\u002Fshopify\u002Ftopics\u002Fdata-automation","\u002Fshopify\u002Ftopics\u002Fecosystem","\u002Fshopify\u002Ftopics\u002Fofficial-themes","\u002Fshopify\u002Ftopics\u002Fpage-composition-patterns","\u002Fshopify\u002Ftopics\u002Fproducts-content","\u002Fshopify\u002Ftopics\u002Fstore-management","\u002Fshopify\u002Ftopics\u002Fstorefront","\u002Fshopify\u002Ftopics\u002Fstorefront-content-types","\u002Fshopify\u002Ftopics\u002Fstorefront-modules","\u002Fshopify\u002Ftopics\u002Fstorefront-pages","\u002Fshopify\u002Ftopics\u002Ftransactions","\u002Fcommerce\u002Fpaths\u002Fcommerce-concepts","\u002Fshopify\u002Fpaths\u002Fbuild-your-store","\u002Fshopify\u002Fpaths\u002Fcontent-foundations","\u002Fshopify\u002Fpaths\u002Fdawn","\u002Fshopify\u002Fpaths\u002Fofficial-themes","\u002Fshopify\u002Fpaths\u002Fpage-recipes","\u002Fshopify\u002Fpaths\u002Fplatform-basics","\u002Fshopify\u002Fpaths\u002Fpresentation-accessibility","\u002Fshopify\u002Fpaths\u002Fstorefront-platform-mechanisms","\u002Fshopify\u002Fpaths\u002Ftheme-foundations","\u002Fshopify\u002Fpaths\u002Ftheme-pattern-audit","\u002Fshopify\u002Fpaths\u002Fvalidate-purchase-tracking",[328,332,336],{"id":329,"path":330,"title":331},"zh_sitePages\u002Fabout.md","\u002Fabout","关于 WooDawn",{"id":333,"path":334,"title":335},"zh_sitePages\u002Flegal\u002Fprivacy.md","\u002Flegal\u002Fprivacy","隐私说明",{"id":337,"path":338,"title":339},"zh_sitePages\u002Flegal\u002Fterms.md","\u002Flegal\u002Fterms","内容使用说明",[341],{"contentId":342,"path":288,"slug":343,"term":344,"abbreviations":345,"domains":347,"description":349},"term-largest-contentful-paint","largest-contentful-paint","Largest Contentful Paint",[346],"LCP",[348],"web-performance","依据 web.dev 解释 LCP 衡量的是视口内最大图片、视频或文本块的渲染时间，列出候选元素类型、被排除的情形、2.5 秒与 4.0 秒阈值、四个子部分，并说明首屏大图与滚动显现的影响。",{"id":351,"title":352,"abbreviations":353,"aliases":354,"articleType":358,"body":359,"contentId":342,"currency":568,"description":349,"discussionUrl":569,"domains":570,"evidenceStatus":571,"extension":572,"indexable":573,"locale":574,"meta":575,"navigation":573,"originalSources":576,"path":288,"platform":569,"primaryTopic":569,"relatedIds":577,"relatedTopics":583,"seo":584,"seoImage":569,"seoTitle":569,"slug":343,"sources":585,"status":586,"stem":587,"supersededBy":569,"tags":588,"term":344,"themeSources":591,"updatedAt":592,"verification":593,"verifiedAt":592,"__hash__":594},"zh_articles\u002Fterms\u002Flargest-contentful-paint.md","Largest Contentful Paint（LCP）：最大内容绘制的候选元素与阈值",[346],[355,356,357],"最大内容绘制","最大内容渲染","最大内容绘制时间","concept",{"type":360,"value":361,"toc":557},"minimark",[362,370,374,394,407,410,413,416,419,422,487,498,501,520,523,531,534,537,540],[363,364,365,366,369],"p",{},"LCP 是 ",[367,368,344],"strong",{}," 的缩写。web.dev 把它定义为，相对于用户开始导航到页面的时间，视口内最大的图片、文本块或视频的渲染时间。它是“主要内容大概什么时候出现”的代理指标，并不表示整页加载完成。",[371,372,373],"h2",{"id":373},"哪些元素会成为候选",[363,375,376,377,381,382,385,386,389,390,393],{},"web.dev 列出的候选类型：",[378,379,380],"code",{},"\u003Cimg>","、SVG 内的 ",[378,383,384],{},"\u003Cimage>","、",[378,387,388],{},"\u003Cvideo>","、通过 ",[378,391,392],{},"url()"," 加载的背景图，以及含文本节点或行内文本子元素的块级元素。页面同时列出按启发式被排除的情形：",[395,396,397,401,404],"ul",{},[398,399,400],"li",{},"不透明度为 0、用户看不到的元素；",[398,402,403],{},"覆盖整个视口、更像背景而非内容的元素；",[398,405,406],{},"占位图或信息熵很低的图片。",[363,408,409],{},"LCP 的时间包含上一页面的卸载时间、连接建立、重定向及其他 TTFB 延迟，因此服务器与网络同样影响它。",[371,411,412],{"id":412},"阈值",[363,414,415],{},"web.dev 的目标值：LCP 在 2.5 秒或以内为 good，超过 4.0 秒为 poor；衡量标准是页面加载的第 75 百分位，分别按移动与桌面设备统计。本次未读到两者之间区间的命名文字，本文不代为命名。",[371,417,418],{"id":418},"四个子部分",[363,420,421],{},"Optimize LCP 页把 LCP 拆成四段，并给出各段占总时间的目标比例：",[423,424,425,441],"table",{},[426,427,428],"thead",{},[429,430,431,435,438],"tr",{},[432,433,434],"th",{},"子部分",[432,436,437],{},"含义",[432,439,440],{},"目标比例",[442,443,444,456,467,477],"tbody",{},[429,445,446,450,453],{},[447,448,449],"td",{},"TTFB",[447,451,452],{},"从开始加载到收到 HTML 首字节",[447,454,455],{},"约 40%",[429,457,458,461,464],{},[447,459,460],{},"Resource load delay",[447,462,463],{},"TTFB 之后到浏览器开始加载 LCP 资源之间的等待，无资源时为零",[447,465,466],{},"小于 10%",[429,468,469,472,475],{},[447,470,471],{},"Resource load duration",[447,473,474],{},"LCP 资源本身的加载时长",[447,476,455],{},[429,478,479,482,485],{},[447,480,481],{},"Element render delay",[447,483,484],{},"资源完成后到元素完整渲染",[447,486,466],{},[363,488,489,490,493,494,497],{},"该页强调，LCP 时间的绝大部分应花在加载 HTML 与 LCP 资源上。优化建议包括给很可能是 LCP 的图片设置 ",[378,491,492],{},"fetchpriority=\"high\"","；不要对 LCP 图片做懒加载，否则总会带来不必要的资源加载延迟；保证 LCP 资源能在初始 HTML 中被预加载扫描器发现，而不是藏在外部 CSS 或 JavaScript 里；减少 ",[378,495,496],{},"\u003Chead>"," 中会阻塞渲染的样式与同步脚本。",[371,499,500],{"id":500},"与展现形式的关系",[363,502,503,504,509,510,514,515,519],{},"首屏的 ",[505,506,508],"a",{"href":507},"\u002Fzh\u002Fpresentation\u002Fhero","Hero"," 与 ",[505,511,513],{"href":512},"\u002Fzh\u002Fpresentation\u002Fbanner","Banner"," 通常含最大图片或最大文本块，因而常成为 LCP 候选；具体是哪个元素要以实测为准。",[505,516,518],{"href":517},"\u002Fzh\u002Fpresentation\u002Fscroll-reveal","Scroll Reveal"," 让元素以透明度 0 起始，按上面的排除项，透明元素不计入候选，主图与标题若走显现动画，被计入的时间可能被推后，所以首屏主内容不应使用滚动显现。",[371,521,522],{"id":522},"与相邻概念的边界",[363,524,525,526,530],{},"LCP 衡量出现速度，",[505,527,529],{"href":528},"\u002Fzh\u002Fterms\u002Fcumulative-layout-shift","CLS"," 衡量出现后的稳定性。LCP 也不等于加载事件或首次绘制：它只记录视口内最大的那一块内容的渲染时间。",[371,532,533],{"id":533},"怎样解释变化",[363,535,536],{},"LCP 变差时，先按四个子部分定位：慢在服务器响应、资源发现、资源体积还是渲染阻塞。更换首屏大图、加入 cookie 提示条（若其文本块变成最大元素）或调整懒加载策略，都可能让 LCP 元素发生变化，前后对比要先确认元素身份。",[371,538,539],{"id":539},"参考资料",[395,541,542,550],{},[398,543,544],{},[505,545,549],{"href":546,"rel":547},"https:\u002F\u002Fweb.dev\u002Farticles\u002Flcp",[548],"nofollow","web.dev：Largest Contentful Paint (LCP)",[398,551,552],{},[505,553,556],{"href":554,"rel":555},"https:\u002F\u002Fweb.dev\u002Farticles\u002Foptimize-lcp",[548],"web.dev：Optimize Largest Contentful Paint",{"title":558,"searchDepth":559,"depth":559,"links":560},"",2,[561,562,563,564,565,566,567],{"id":373,"depth":559,"text":373},{"id":412,"depth":559,"text":412},{"id":418,"depth":559,"text":418},{"id":500,"depth":559,"text":500},{"id":522,"depth":559,"text":522},{"id":533,"depth":559,"text":533},{"id":539,"depth":559,"text":539},"current",null,[348],"verified","md",true,"zh",{},[],[578,579,580,581,582],"term-cumulative-layout-shift","presentation-hero","presentation-banner","presentation-scroll-reveal","shopify-storefront-performance",[],{"title":352,"description":349},[546,554],"published","terms\u002Flargest-contentful-paint",[346,344,355,589,590],"Web Vitals","页面性能",[],"2026-09-29","定义、候选元素、排除项与阈值依据 web.dev 的 LCP 页核验，子部分与优化建议依据 web.dev 的 Optimize LCP 页核验。web.dev 页面对 good 与 poor 之间区间的命名此次未读到明确文字；LCP 元素在具体主题中的落点未核验；未在真实页面用 Chrome 工具实测。","mDfV8gT2TnFLgglW7Y5A0yb-TQehLmcyYGWphlXpjos",[596,598,600,602,604],{"contentId":578,"title":597,"path":276},"Cumulative Layout Shift（CLS）：布局偏移的计算与阈值",{"contentId":579,"title":599,"path":91},"Hero：页面开场如何建立主张与行动",{"contentId":580,"title":601,"path":81},"Banner：短消息横幅的适用条件与风险",{"contentId":581,"title":603,"path":106},"Scroll Reveal：滚动触发动效",{"contentId":582,"title":605,"path":199},"店面性能：Web Vitals、图片与应用脚本",1791510311903]