爱分享论坛

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 301|回复: 0

电话号码数据库剖析

[复制链接]

1

主题

1

帖子

5

积分

新手上路

Rank: 1

积分
5
发表于 2023-9-21 18:46:30 | 显示全部楼层 |阅读模式
Core Web Vitals 由三个组件组成:LCP、FID 和 CLS。

油漆最大含量(LCP)是多少以及如何提高这个参数?
这个参数反映了加载速度。为了方便起见,页面 LCP 值从加载开始应小于 2.5 秒。粗略地说,这是加载第一个屏幕的速度,或者更确切地说是其最大片段的速度。

要提高 LCP,您可以:

减少服务器响应时间(这可以使用第一个字节的时间度量来测量)。
使用 Cloudflare 等内容交付网络 (CDN)。
实施服务器端缓存。
使用 rel="preconnect" 进行初始第三方连接。
减少 JS 阻塞时间并最小化 JavaScript。
最小化 CSS,延迟加载非关键 CSS,并实现关键 CSS。
优化图像并减小其尺寸。
实施关键资源的预加载。
减小文本文件大小。
使用服务器端渲染或预渲染。
首次输入延迟(FID)以及如何改进该参数
该参数反映了交互作用。为了保证站点的舒适使用,FID值必须小于100ms。粗略地说,这就是您的网站响应按钮点击的速度。一切都开始改变得有多快。

要改进 FID,您可以:

将长任务分解为较小的异步任务。
优化交互准备(例如使用渐进式代码加载)。
检查第三方代码并确定下载的优先级。
我使用 Comlink、Workway 和 Workerize。
减少 JS 执行时间(最小化未使用的 JS 延迟、未使用的 polyfill)。
Cumulative Layout Shift (CLS) 以及如何改进该参数
CLS 值必须小于 0.1 页面才可用。CLS值是通过一个任何人都不 中东手机号码清单 清楚的特殊公式计算出来的。页面加载后的移动越少,该指标就越低(理想情况下为 0)。CLS反映视觉稳定性。

要改进 CLS,您可以:

为广告、嵌入内容和 iframe 预留空间。
避免将广告放置在靠近查看区域顶部的位置。
避免在现有内容之上插入新内容。
对于默认 Web 字体,请使用字体显示属性、字体加载 API 或 <link rel="preload">。




Core Web Vitals 将如何改变测试和优化?
核心 Web Vitals 基于真实用户指标 (RUM)。Google 使用匿名 Chrome 用户数据,这些数据可以在 Chrome 用户体验报告 (CrUX) 中找到。我们使用这些数据来衡量上述三个指标,并使用它们来生成排名。RUM 数据还用于综合 Web 性能监控工具。

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|爱分享论坛 |Sitemap

GMT+8, 2025-6-24 04:48 , Processed in 0.173295 second(s), 26 queries .

Powered by Discuz! X3.4

Copyright © 2001-2024 Tencent Cloud.

快速回复 返回顶部 返回列表