FP、FCP、FMP与LCP
从前面的评测报告中,我们会看到FP、FCP、FMP与LCP这几个字母很接近的术语,实际上他们的意思也非常接近,都表示浏览器在屏幕上渲染像素的时间点。F是First的首字母缩写,表示“第一次”;P是Paint的首字母缩写,表示“绘制”;C是Contentful的首字母缩写,表示“内容”。
FP(全称“First Paint”,翻译为“首次绘制”) 是时间线上的第一个“时间点”,它代表浏览器第一次向屏幕传输像素的时间,也就是页面在屏幕上首次发生视觉变化的时间。
注意:FP不包含默认背景绘制,但包含非默认的背景绘制。
FCP(全称“First Contentful Paint”,翻译为“首次内容绘制”),顾名思义,它代表浏览器第一次向屏幕绘制 “内容”。
注意:只有首次绘制文本、图片(包含背景图)、非白色的canvas或SVG时才被算作FCP。
FP与FCP这两个指标之间的主要区别是:FP是当浏览器开始绘制内容到屏幕上的时候,只要在视觉上开始发生变化,无论是什么内容触发的视觉变化,在这一刻,这个时间点,叫做FP。
相比之下,FCP指的是浏览器首次绘制来自DOM的内容。例如:文本,图片,SVG,canvas元素等,这个时间点叫FCP。
FP和FCP可能是相同的时间,也可能是先FP后FCP。
FMP(全称“First Meaningful Paint”,翻译为“首次有效绘制”) 表示页面的“主要内容”开始出现在屏幕上的时间点。它是我们测量用户加载体验的主要指标。
FMP本质上是通过一个算法来猜测某个时间点可能是FMP,所以有时候不准。
学web,学IT到独墅湖校区
上课内容:1、HTML+CSS、浏览器兼容性、Photoshop、静态网页实战、响应式布局、多终端自适应、Flex弹性盒布局、Animate CSS动画框架
2、JS基础、Web API、Swiper动画实现、JavaScript高级、jQuery、Bootstrap响应式框架、ES6/ES7/ES8
3、VUE2.0全家桶、Webpack项目构建与打包、Axious数据请求、Canvas、移动设备API、百度Echarts、H5地理定位应用
4、HTTP协议、Node.js、NPM、Express框架实战、MongDB数据库应用、PHP开发、MYSQL
5、微信小程序、Git项目版本管理、Linux终端命令、阿里云ECS云服务器、全栈开发实战
上课周期:5个月
优势点:大专及以上学历,28岁及以下,是我们认为合适的学习条件,名师24小时在线为学员解答疑惑,每个月项目实习答辩,就业指导课,模拟面试,校企合作红章文件,现场校招,这是我们提供的就业保障;
关于相关专业的问题想要知道都可以联系我,欢迎您的咨询,一定知无不言,言无不尽!
咨询地址:苏州工业园区新平街388号腾飞创新园A座9楼2楼
咨询电话:季老师
联系我时,请说是在优谱分类网上看到的,谢谢!