"lcp" का चीनी में अनुवाद करें

ZH 如需深入了解如何改进 LCP，请参阅优化 LCP。有关其他能够改进 LCP 的单个性能技巧的进一步指导，请参阅：

लिप्यंतरण rú xū shēn rù le jiě rú hé gǎi jìn LCP， qǐng cān yuè yōu huà LCP。yǒu guān qí tā néng gòu gǎi jìn LCP de dān gè xìng néng jì qiǎo de jìn yī bù zhǐ dǎo， qǐng cān yuè：

• 如需深入了解如何改进
• LCP

ZH Chrome 开发者工具中性能面板的时间点部分包括一个 LCP 标记，并会在您将鼠标悬停在相关节点字段上时显示哪些元素与 LCP 相关联。

लिप्यंतरण Chrome kāi fā zhě gōng jù zhōng xìng néng miàn bǎn de shí jiān diǎn bù fēn bāo kuò yī gè LCP biāo jì， bìng huì zài nín jiāng shǔ biāo xuán tíng zài xiāng guān jié diǎn zì duàn shàng shí xiǎn shì nǎ xiē yuán sù yǔ LCP xiāng guān lián。

• Chrome 开发者工具中性能面板的时间点部分包括一个 LCP
• LCP

ZH 最大内容绘制 (LCP) 指标会根据页面首次开始加载的时间点来报告可视区域内可见的最大图像或文本块完成渲染的相对时间。

लिप्यंतरण zuì dà nèi róng huì zhì (LCP) zhǐ biāo huì gēn jù yè miàn shǒu cì kāi shǐ jiā zài de shí jiān diǎn lái bào gào kě shì qū yù nèi kě jiàn de zuì dà tú xiàng huò wén běn kuài wán chéng xuàn rǎn de xiāng duì shí jiān。

• 最大内容绘制
• LCP

ZH 为了使计算和分发新性能条目的性能开销保持较低的水平，对元素大小或位置的更改不会生成新的 LCP 候选对象。只有元素在可视区域内的初始大小和位置会被纳入考量范围。

लिप्यंतरण wèi le shǐ jì suàn hé fēn fā xīn xìng néng tiáo mù de xìng néng kāi xiāo bǎo chí jiào dī de shuǐ píng， duì yuán sù dà xiǎo huò wèi zhì de gèng gǎi bù huì shēng chéng xīn de LCP hòu xuǎn duì xiàng。zhǐ yǒu yuán sù zài kě shì qū yù nèi de chū shǐ dà xiǎo hé wèi zhì huì bèi nà rù kǎo liàng fàn wéi。

• LCP

ZH LCP 可以进行实验室测量或实际测量，并且可以在以下工具中使用：

लिप्यंतरण LCP kě yǐ jìn xíng shí yàn shì cè liàng huò shí jì cè liàng， bìng qiě kě yǐ zài yǐ xià gōng jù zhōng shǐ yòng：

• LCP

ZH 要在 JavaScript 中测量 LCP，您可以使用最大内容绘制 API 。以下示例说明了如何创建一个PerformanceObserver来侦听largest-contentful-paint条目并记录在控制台中。

लिप्यंतरण yào zài JavaScript zhōng cè liàng LCP， nín kě yǐ shǐ yòng zuì dà nèi róng huì zhì API 。yǐ xià shì lì shuō míng le rú hé chuàng jiàn yī gèPerformanceObserver lái zhēn tīnglargest-contentful-paint tiáo mù bìng jì lù zài kòng zhì tái zhōng。

• 要在 JavaScript 中测量

ZH 上述代码说明了如何将largest-contentful-paint条目记录在控制台中，但在 JavaScript 中测量 LCP 要更为复杂。详情请见下文：

लिप्यंतरण shàng shù dài mǎ shuō míng le rú hé jiānglargest-contentful-paint tiáo mù jì lù zài kòng zhì tái zhōng， dàn zài JavaScript zhōng cè liàng LCP yào gèng wèi fù zá。xiáng qíng qǐng jiàn xià wén：

• JavaScript 中测量 LCP

ZH API 会为在后台选项卡中加载的页面分发largest-contentful-paint条目，但在计算 LCP 时应忽略这些页面。

लिप्यंतरण API huì wèi zài hòu tái xuǎn xiàng kǎ zhōng jiā zài de yè miàn fēn fālargest-contentful-paint tiáo mù， dàn zài jì suàn LCP shí yīng hū lüè zhè xiē yè miàn。

• LCP

ZH API 在页面转移到后台后，会继续分发largest-contentful-paint条目，但在计算 LCP 时应忽略这些条目（只有当页面始终处于前台时才考虑元素）。

लिप्यंतरण API zài yè miàn zhuǎn yí dào hòu tái hòu， huì jì xù fēn fālargest-contentful-paint tiáo mù， dàn zài jì suàn LCP shí yīng hū lüè zhè xiē tiáo mù （zhǐ yǒu dāng yè miàn shǐ zhōng chù yú qián tái shí cái kǎo lǜ yuán sù）。

• LCP

ZH 当页面通过往返缓存恢复时，API 不会报告largest-contentful-paint条目，但在这些情况下应该测量 LCP，因为这对用户来说是多次不同的页面访问体验。

लिप्यंतरण dāng yè miàn tōng guò wǎng fǎn huǎn cún huī fù shí，API bù huì bào gàolargest-contentful-paint tiáo mù， dàn zài zhè xiē qíng kuàng xià yīng gāi cè liàng LCP， yīn wèi zhè duì yòng hù lái shuō shì duō cì bù tóng de yè miàn fǎng wèn tǐ yàn。

ZH API 不考虑 iframe 中的元素，但要想正确测量 LCP，您应该考虑这些元素。子框架可以使用 API 将这些元素的largest-contentful-paint条目报告给父框架来进行聚合。

लिप्यंतरण API bù kǎo lǜ iframe zhōng de yuán sù， dàn yào xiǎng zhèng què cè liàng LCP， nín yīng gāi kǎo lǜ zhè xiē yuán sù。zi kuāng jià kě yǐ shǐ yòng API jiāng zhè xiē yuán sù delargest-contentful-paint tiáo mù bào gào gěi fù kuāng jià lái jìn xíng jù hé。

• 不考虑 iframe

ZH 开发者不必记住所有这些细微差异，而是可以使用web-vitals JavaScript 库来测量 LCP，库会自行处理这些差异（在可能的情况下）：

लिप्यंतरण kāi fā zhě bù bì jì zhù suǒ yǒu zhè xiē xì wēi chà yì， ér shì kě yǐ shǐ yòngweb-vitals JavaScript kù lái cè liàng LCP， kù huì zì xíng chù lǐ zhè xiē chà yì （zài kě néng de qíng kuàng xià）：

• JavaScript 库来测量

ZH // 当 LCP 可用时立即进行测量和记录。

लिप्यंतरण // dāng LCP kě yòng shí lì jí jìn xíng cè liàng hé jì lù。

• 当 LCP

ZH 您可以参考getLCP()的源代码，了解如何在 JavaScript 中测量 LCP 的完整示例。

लिप्यंतरण nín kě yǐ cān kǎogetLCP () de yuán dài mǎ， le jiě rú hé zài JavaScript zhōng cè liàng LCP de wán zhěng shì lì。

• 您可以参考getLCP
• JavaScript 中测量 LCP

ZH 在某些情况下（例如跨域 iframe），LCP 无法在 JavaScript 中进行测量。详情请参阅web-vitals库的局限性部分。

लिप्यंतरण zài mǒu xiē qíng kuàng xià （lì rú kuà yù iframe），LCP wú fǎ zài JavaScript zhōng jìn xíng cè liàng。xiáng qíng qǐng cān yuèweb-vitals kù de jú xiàn xìng bù fēn。

• 无法在 JavaScript

ZH LCP 主要受四个因素影响：

लिप्यंतरण LCP zhǔ yào shòu sì gè yīn sù yǐng xiǎng：

• LCP

ZH 最大内容绘制 (LCP) 是核心 Web 指标中的一项指标，用于测量可视区域中最大内容元素变为可见的时间点。该项指标可用于确定页面主要内容在屏幕上完成渲染的时间点。

लिप्यंतरण zuì dà nèi róng huì zhì (LCP) shì hé xīn Web zhǐ biāo zhōng de yī xiàng zhǐ biāo， yòng yú cè liàng kě shì qū yù zhōng zuì dà nèi róng yuán sù biàn wèi kě jiàn de shí jiān diǎn。gāi xiàng zhǐ biāo kě yòng yú què dìng yè miàn zhǔ yào nèi róng zài píng mù shàng wán chéng xuàn rǎn de shí jiān diǎn。

• 最大内容绘制
• LCP
• 是核心 Web

ZH 导致 LCP 不佳的最常见原因是：

लिप्यंतरण dǎo zhì LCP bù jiā de zuì cháng jiàn yuán yīn shì：

• 导致 LCP

ZH 浏览器从服务器接收内容所需的时间越长，在屏幕上渲染任何内容所需的时间就越长。更快的服务器响应速度能直接改善包括 LCP 在内的各项页面加载指标。

लिप्यंतरण liú lǎn qì cóng fú wù qì jiē shōu nèi róng suǒ xū de shí jiān yuè zhǎng， zài píng mù shàng xuàn rǎn rèn hé nèi róng suǒ xū de shí jiān jiù yuè zhǎng。gèng kuài de fú wù qì xiǎng yīng sù dù néng zhí jiē gǎi shàn bāo kuò LCP zài nèi de gè xiàng yè miàn jiā zài zhǐ biāo。

• LCP

ZH 下方的图表显示使用该模式能够减少网站的 LCP 分布：最大内容绘制分布，使用（和未使用）Service Worker 进行页面加载的情况 - philipwalton.com

लिप्यंतरण xià fāng de tú biǎo xiǎn shì shǐ yòng gāi mó shì néng gòu jiǎn shǎo wǎng zhàn de LCP fēn bù： zuì dà nèi róng huì zhì fēn bù， shǐ yòng （hé wèi shǐ yòng）Service Worker jìn xíng yè miàn jiā zài de qíng kuàng - philipwalton.com

• 下方的图表显示使用该模式能够减少网站的 LCP
• Worker 进行页面加载的情况

ZH Largest Contentful Paint (LCP) 指标用于了解最大的图像或文本块何时绘制到屏幕上，但在某些情况下，您希望测量不同元素的渲染时间。

लिप्यंतरण Largest Contentful Paint (LCP) zhǐ biāo yòng yú le jiě zuì dà de tú xiàng huò wén běn kuài hé shí huì zhì dào píng mù shàng， dàn zài mǒu xiē qíng kuàng xià， nín xī wàng cè liàng bù tóng yuán sù de xuàn rǎn shí jiān。

• Largest Contentful Paint
• LCP

ZH 对第三方域的服务器请求也会影响 LCP，尤其是当浏览器需要这些请求来在页面上显示关键内容的情况下。使用rel="preconnect"来告知浏览器您的页面打算尽快建立连接。

लिप्यंतरण duì dì sān fāng yù de fú wù qì qǐng qiú yě huì yǐng xiǎng LCP， yóu qí shì dāng liú lǎn qì xū yào zhè xiē qǐng qiú lái zài yè miàn shàng xiǎn shì guān jiàn nèi róng de qíng kuàng xià。shǐ yòngrel="preconnect"lái gào zhī liú lǎn qì nín de yè miàn dǎ suàn jǐn kuài jiàn lì lián jiē。

• 对第三方域的服务器请求也会影响

ZH 脚本和样式表都是阻塞渲染的资源，这些资源会使 FCP 延迟，进而导致 LCP 延迟。延迟加载任何非关键的 JavaScript 和 CSS，从而提高网页主要内容的加载速度。

लिप्यंतरण jiǎo běn hé yàng shì biǎo dōu shì zǔ sāi xuàn rǎn de zī yuán， zhè xiē zī yuán huì shǐ FCP yán chí， jìn ér dǎo zhì LCP yán chí。yán chí jiā zài rèn hé fēi guān jiàn de JavaScript hé CSS， cóng ér tí gāo wǎng yè zhǔ yào nèi róng de jiā zài sù dù。

• FCP
• LCP

ZH 对于 Rollup：rollup-plugin-css-porterLCP 改进示例：削减 CSS 前后对比

लिप्यंतरण duì yú Rollup：rollup-plugin-css-porterLCP gǎi jìn shì lì： xuē jiǎn CSS qián hòu duì bǐ

• 对于
• CSS 前后对比

ZH LCP 改进示例：延迟加载非关键 CSS 前后对比

लिप्यंतरण LCP gǎi jìn shì lì： yán chí jiā zài fēi guān jiàn CSS qián hòu duì bǐ

• LCP
• CSS 前后对比

ZH Critters 是一个 webpack 插件，能够内联关键 CSS 并对其余部分进行懒加载LCP 改进示例：内联关键 CSS 前后对比

लिप्यंतरण Critters shì yī gè webpack chā jiàn， néng gòu nèi lián guān jiàn CSS bìng duì qí yú bù fēn jìn xíng lǎn jiā zàiLCP gǎi jìn shì lì： nèi lián guān jiàn CSS qián hòu duì bǐ

• Critters 是一个 webpack
• CSS 并对其余部分进行懒加载LCP
• CSS 前后对比

ZH 下载并向用户提供尽可能少的必要 JavaScript。减少阻塞渲染的 JavaScript 数量能够让渲染速度更快，从而获得更好的 LCP。

लिप्यंतरण xià zài bìng xiàng yòng hù tí gōng jǐn kě néng shǎo de bì yào JavaScript。jiǎn shǎo zǔ sāi xuàn rǎn de JavaScript shù liàng néng gòu ràng xuàn rǎn sù dù gèng kuài， cóng ér huò dé gèng hǎo de LCP。

• 下载并向用户提供尽可能少的必要
• JavaScript

ZH 虽然 CSS 或 JavaScript 阻塞时间的增加会直接导致性能下降，但加载许多其他类型资源所需的时间也会影响绘制时间。影响 LCP 的元素类型为：

लिप्यंतरण suī rán CSS huò JavaScript zǔ sāi shí jiān de zēng jiā huì zhí jiē dǎo zhì xìng néng xià jiàng， dàn jiā zài xǔ duō qí tā lèi xíng zī yuán suǒ xū de shí jiān yě huì yǐng xiǎng huì zhì shí jiān。yǐng xiǎng LCP de yuán sù lèi xíng wèi：

• LCP

ZH &LTvideo>元素（使用封面图像测量 LCP）

लिप्यंतरण &LTvideo> yuán sù （shǐ yòng fēng miàn tú xiàng cè liàng LCP）

ZH 如果在首屏渲染，加载这些元素所需的时间将对 LCP 产生直接影响。有几种方法可以确保尽快加载这些文件：

लिप्यंतरण rú guǒ zài shǒu píng xuàn rǎn， jiā zài zhè xiē yuán sù suǒ xū de shí jiān jiāng duì LCP chǎn shēng zhí jiē yǐng xiǎng。yǒu jǐ zhǒng fāng fǎ kě yǐ què bǎo jǐn kuài jiā zài zhè xiē wén jiàn：

• LCP

ZH 改善这些类型的图像进行加载和渲染所需的时间将直接提升 LCP 的速度。实现方式：

लिप्यंतरण gǎi shàn zhè xiē lèi xíng de tú xiàng jìn xíng jiā zài hé xuàn rǎn suǒ xū de shí jiān jiāng zhí jiē tí shēng LCP de sù dù。shí xiàn fāng shì：

• 改善这些类型的图像进行加载和渲染所需的时间将直接提升 LCP

ZH 压缩您的资源将最大限度地减少这些资源的交付大小、缩短加载时间，从而改善 LCP。

लिप्यंतरण yā suō nín de zī yuán jiāng zuì dà xiàn dù de jiǎn shǎo zhè xiē zī yuán de jiāo fù dà xiǎo、 suō duǎn jiā zài shí jiān， cóng ér gǎi shàn LCP。

ZH 对于主要由客户端渲染的网站来说，首先需要关注的始终应该是将 JavaScript 的数量最小化。但是，您还应该考虑结合服务端渲染体验来尽可能地改善 LCP。

लिप्यंतरण duì yú zhǔ yào yóu kè hù duān xuàn rǎn de wǎng zhàn lái shuō， shǒu xiān xū yào guān zhù de shǐ zhōng yīng gāi shì jiāng JavaScript de shù liàng zuì xiǎo huà。dàn shì， nín hái yīng gāi kǎo lǜ jié hé fú wù duān xuàn rǎn tǐ yàn lái jǐn kě néng de gǎi shàn LCP。

• JavaScript

ZH 许多工具都可以用于测量和调试 LCP：

लिप्यंतरण xǔ duō gōng jù dōu kě yǐ yòng yú cè liàng hé diào shì LCP：

• 许多工具都可以用于测量和调试

ZH 灯塔 6.0 支持在实验室环境中测量 LCP。

लिप्यंतरण dēng tǎ 6.0 zhī chí zài shí yàn shì huán jìng zhōng cè liàng LCP。

• 灯塔 支持在实验室环境中测量

ZH Chrome 用户体验报告提供在域级聚合下的真实 LCP 值

लिप्यंतरण Chrome yòng hù tǐ yàn bào gào tí gōng zài yù jí jù hé xià de zhēn shí LCP zhí

• Chrome 用户体验报告提供在域级聚合下的真实 LCP

ZH Web 指标 Chrome 扩展程序： Web 指标 Chrome 扩展程序对给定页面的核心 Web 指标（LCP 最大内容绘制、FID 和 CLS）进行测量和报告。该工具旨在为开发者进行代码更改时提供实时性能反馈。

लिप्यंतरण Web zhǐ biāo Chrome kuò zhǎn chéng xù： Web zhǐ biāo Chrome kuò zhǎn chéng xù duì gěi dìng yè miàn de hé xīn Web zhǐ biāo （LCP zuì dà nèi róng huì zhì、FID hé CLS） jìn xíng cè liàng hé bào gào。gāi gōng jù zhǐ zài wèi kāi fā zhě jìn xíng dài mǎ gèng gǎi shí tí gōng shí shí xìng néng fǎn kuì。

• 指标 Chrome
• 指标 Chrome 扩展程序对给定页面的核心