![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端代码优化
文章平均质量分 86
东方的csdn
扫地拖地 丢垃圾
展开
-
js引擎的工作原理、、js是事件的eventloop、、宏任务源tasks和微任务源jobs、、js构造抽象语法书(AST)
JavaScript解析引擎javascript解析引擎(简称javascript引擎),是一个程序,是浏览器引擎的一部分。每个浏览器的javascript解析引擎都不一样(因为每个浏览器编写Javascript解析引擎的语言(C或者C++)以及解析原理都不相同)。标准的Javascript解析引擎会按照 ECMAScript文档来实现。虽然每个浏览器的Javascript解析引擎不同,但Jav...原创 2019-09-27 10:11:45 · 361 阅读 · 0 评论 -
前端性能优化篇(简称常识)懒 QAQ
1. 压缩 HTML: medium HTML代码压缩,将注释、空格和新行从生产文件中删除。删除所有不必要的空格、注释和中断行将减少HTML的大小,加快网站的页面加载时间,并显着减轻用户的下载时间。 大多数框架都有插件来促进网页的缩小。你可以使用一组可以自动完成工作的NPM模块。 HTML minifier | Minify Code Experimenting with HTML m...原创 2018-07-31 16:27:42 · 363 阅读 · 0 评论 -
前端分析性能监控(2019-9)
window.performance分析web前端性能业界案例影响代码监控数据的因素有以下几种:代码监控和工具监控的对比如下表:前端性能监控指标1.常规统计方案1.1 白屏时间1.2 首屏时间1.3 可操作时间1.4 总下载时间使用window.performance APItiming APIJavaScript代码异常监控try…catch捕获window.onerror捕获跨域JS文件异常的...原创 2019-09-26 15:09:09 · 392 阅读 · 0 评论 -
网页是如何渲染出来的,dom树和css树是如何合并的,浏览器的运行机制是什么,什么是否会造成渲染阻塞?
渲染树构建、布局及绘制浏览器的内核是指支持浏览器运行的最核心的程序,分为两个部分的,一是渲染引擎,另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种:Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari)。这里面大家最耳熟能详的可能就是 Webkit 内核了,Webkit 内核是当下浏览器世...原创 2019-09-26 16:18:22 · 1357 阅读 · 0 评论