![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 93
友人C君~
这个作者很懒,什么都没留下…
展开
-
前端性能优化
如何了解当前页面的性能状况通过Chrome浏览器的Lighthouse和performance功能面板查看资源数据DCL(DOMContentLoaded),DOM解析完毕。 FP(First Paint),表示渲染出第一个像素点。FP一般在HTML解析完成或者解析一部分时候触发。 FCP(First Contentful Paint),表示渲染出第一个内容,这里的“内容”可以是文本、图片、canvas。 FMP(First Meaningful Paint),首次渲染有意义的内容的时间原创 2022-04-27 01:25:06 · 331 阅读 · 0 评论 -
前端性能优化
前端性能统计的数据大致有以下几个:白屏时间:从打开网站到有内容渲染出来的时间节点; 首屏时间:首屏内容渲染完毕的时间节点; 用户可操作时间节点:domready触发节点; 总下载时间:window.onload的触发节点。白屏时间白屏时间节点指的是从用户进入网站(输入url、刷新、跳转等方式)的时刻开始计算,一直到页面有内容展示出来的时间节点。这个过程包括dns查询、建立tcp连接、发送首个http请求(如果使用https还要介入TLS的验证时间)、返回html文档、html文档head.原创 2020-12-24 17:36:13 · 120 阅读 · 1 评论 -
前端练手项目
不要再说找不到前端项目练手了!前端学习还是很有趣的,可以较快的上手然后自己开发一些好玩的项目来练手,网上也可以一抓一大把关于前端开发的小项目,可是还是有新手在学习的时候不知道可以做什么,以及怎么做,因此,实验楼就整理了一些前端项目教程,希望可以帮助正在学习前端的小伙伴。为了方便阅读,大概把前端可以做的项目分为三类:游戏类 实用类 好玩类然后依次推荐一些项目教程,想要学习的小伙伴可...转载 2019-03-26 21:06:34 · 1139 阅读 · 0 评论