性能优化
「已注销」
不多BB
展开
-
页面关键性能指标(必记)
关键性能指标:白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通常会在这时候绑定事件操作总下载时间——页面所有资源都加载完成并呈现出来所花的时间,即页面 onload 的时间具体计算:白屏时间 = 开始渲染时间(首字节时间+HTML下载完成时间)+头部原创 2020-07-28 12:04:17 · 591 阅读 · 0 评论 -
服务器渲染与客户端渲染,如何选择?
服务器渲染 与 客户端渲染何为渲染?如果我们只是想显示一堆不变的数据,那么我们直接写一个a.html丢到服务器上让客户端访问就可以了。但这是基本不可能的事情,数据一般是变化的。你不可能为每套数据写一个视图,所以我们需要分离数据和视图,然后使用一种技术将数据塞到视图中,这种技术就叫渲染。这工作放在服务器上做就是服务器渲染,放在浏览器做就是浏览器渲染。简单来说:渲染,就是指 数据 放入 html模板文档的过程。服务器渲染后端渲染HTML的情况下,浏览器会直接接收到经过服务器计算之后的呈现给用转载 2020-07-18 17:32:57 · 283 阅读 · 0 评论 -
详解 PerformanceResourceTiming API,咦,这货真的干!
网页开发每天与浏览器相伴,一切展示来自于各类资源的加载。性能优化一定要有衡量指标,所谓“一切有据(数据)可循”,那么 PerformanceResourceTiming 则是你不容错过的一个官方 API。我们从不生产官方文档,我们只做官方文档的搬运工。本瓜倾情翻译、适量批注、莞尔小结,以供分享,烦请指正。撰文不易,点赞????鼓励!原文:https://www.w3.org/TR/resource-timing/#dom-performanceresourcetiming前言介绍用户延迟是原创 2020-06-24 17:55:10 · 1516 阅读 · 0 评论