浏览器
「已注销」
不多BB
展开
-
页面关键性能指标(必记)
关键性能指标:白屏时间(first Paint Time)——用户从打开页面开始到页面开始有东西呈现为止首屏时间——用户浏览器首屏内所有内容都呈现出来所花费的时间用户可操作时间(dom Interactive)——用户可以进行正常的点击、输入等操作,默认可以统计domready时间,因为通常会在这时候绑定事件操作总下载时间——页面所有资源都加载完成并呈现出来所花的时间,即页面 onload 的时间具体计算:白屏时间 = 开始渲染时间(首字节时间+HTML下载完成时间)+头部原创 2020-07-28 12:04:17 · 618 阅读 · 0 评论 -
炫酷浏览器调试小技巧,别跟我说你全知道?
引言既然每天都要打开控制台,为什么不让自己的操作更加酷炫呢?认真看完,一定有你不知道的调试技巧,一定有你想要的装 x 操作。翻译原文:Cool Chrome DevTools tips and tricks you wish you knew alreadyps:本瓜阅读原文最开始就大意了(浏览器调试谁不知道?),起初是,“就这”?读完后,“真香”!1. 在“Elements”面板拖放元素在“Elements”面板中,您可以拖放任何 HTML 元素并更改其在页面中的位置。Drag-and-d原创 2020-07-21 15:11:04 · 250 阅读 · 0 评论 -
浏览器进程?线程?傻傻分不清楚!
在生活中,浏览器和我们的工作和生活息息相关。做为前端开发,我们代码的应用场景往往是在浏览器上。浏览器对前端的重要性不可一日而语。那么我们对浏览器是否有比较清晰的了解呢?什么是多进程架构浏览器?为什么浏览器内核是多线程?Javascript是单线程又是什么鬼?进程和线程是否分得清楚呢?CPUCPU是计算机的核心,其负责承担计算机的计算任务。这里我们比喻为一个工厂进程学术上说,进程是一个具有一定独立功能的程序在一个数据集上的一次动态执行的过程,是操作系统进行资源分配和调度的一个独立单位,是应用程序运行的转载 2020-07-19 16:58:40 · 889 阅读 · 0 评论 -
详解 PerformanceResourceTiming API,咦,这货真的干!
网页开发每天与浏览器相伴,一切展示来自于各类资源的加载。性能优化一定要有衡量指标,所谓“一切有据(数据)可循”,那么 PerformanceResourceTiming 则是你不容错过的一个官方 API。我们从不生产官方文档,我们只做官方文档的搬运工。本瓜倾情翻译、适量批注、莞尔小结,以供分享,烦请指正。撰文不易,点赞????鼓励!原文:https://www.w3.org/TR/resource-timing/#dom-performanceresourcetiming前言介绍用户延迟是原创 2020-06-24 17:55:10 · 1542 阅读 · 0 评论