一个网站在浏览器端是如何进行渲染的？ html本身首先会被渲染成 DOM 树，实际上 html 是最先通过网址请求过来的，请求过来之后，html 本身会由一个字节流转化成一个字符流，浏览器端拿的就是字符流，然后通过词法分析之后，将相应的语法分析成相应的 token ，比如说 header token ...
分类：
Web程序 时间：
2019-12-06 09:44:55
阅读次数：
173
面试必谈的--前端性能优化 为什么做优化 提供给用户最佳体验 #有哪些差的体验 - 白屏好久才显示内容 - h5浪费用户流量 优化方案大概分为以下几种： 1、降低请求数量 a、减少获取数据的接口数（初始数据尽量通过一个接口返回） b、减少js、css的数量（提取公共js、css利用缓存、减少后续加载 ...
分类：
其他好文 时间：
2019-12-04 13:21:59
阅读次数：
72
一 、 关注点 前端性能关注点 主要为 ① 浏览器端的页面渲染时间 ② 资源加载顺序 ③ 请求数量 ④前端缓存使用情况 ⑤ 资源压缩内容 二、 优化 ①、减少 DNS 查询次数：DNS 的作用是将 URL 转化为实际服务器主机 IP 地址，实现原理是分级查找，查找过程需要花费 20~100ms 的时 ...
分类：
其他好文 时间：
2019-11-28 13:01:39
阅读次数：
83
前端性能优化可以分为两大类，分别是 页面级别优化：包含了http请求数以及内联脚本位置优化； 代码级别优化：包含DOM操作优化，CSS选择符优化以及图片优化等。 优化的目的 优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省 ...
分类：
其他好文 时间：
2019-11-28 10:36:32
阅读次数：
81
为什么做优化 经典问题：白屏时间过长，用户体验差产生的原因：网络问题、关键渲染路径（CRP）问题 怎么做优化 如何做好优化呢，网上随便一搜，就有很多优化总结，无非就是网络优化、静态资源（html、js、css、image）优化。下面我们撇开网络方面的优化，只分析静态资源方面的优化。而静态资源的优化关 ...
分类：
其他好文 时间：
2019-11-23 18:27:46
阅读次数：
66
一周极客分享2019年11月-第3周 本周极客周刊语录： 当你简单地看待一件事情时，事情就会变得简单；当你看待一件事情复杂时，它就会变得比你想象中还复杂。把事情变简单的法宝是：明确你的 原则和立场、你为人处世的行为标准。 理论基础 程序员需要了解的硬核知识之操作系统和应用程序设计的5个底层逻辑，决定 ...
分类：
其他好文 时间：
2019-11-23 00:04:05
阅读次数：
82
浏览器加载页面和渲染过程 加载过程 浏览器根据DNS 服务器得到域名的IP地坛 向这个 IP 的机器发送 HTTP请求 服务器收到，处理并返回 HTTP请求 浏览器得到返回内容 渲染过程 根据 HTML 结构生成 DOM 树 根据 CSS 生成 CSSOM 根据 RenaderTree 开始渲染和展 ...
分类：
Web程序 时间：
2019-11-20 21:28:56
阅读次数：
94
页面重构 - 在不改变外部行为的前提下，简化结构，添加可读性，而在前端保持一致的行为（即不改变UI的情况下，对网站进行优化） 1、布局 2、浏览器兼容 3、对移动平台的优化 4、SEO优化(Search Engine Optimization，搜索引擎优化 -- 利用搜索引擎的规则提高网站在有关搜索 ...
分类：
其他好文 时间：
2019-11-18 12:51:28
阅读次数：
64
一、提升网站性能：前端性能优化就是让网站打开速度更开，提升用户体验。 1、页面级别的优化 ①减少HTTP的请求 原因：用于HTTP请求是无状态的，所以每次请求都需要重新建立连接，这是一个复杂的过程，既消耗时间成本又消耗资源。时间成本是用户需要等待所需要的；资源成本就是由于每一个请求都需要携带数据，所 ...
分类：
Web程序 时间：
2019-11-16 21:20:49
阅读次数：
92
摘要： 一个 Web 页面的展示，简单来说可以认为经历了 JavaScript/Style/Layout/Paint/Composite 几个步骤。本文主要深入 Composite 部分，从渲染原理、Composite 原因以及如何针对其进行性能优化等进行展开。 一个 Web 页面的展示，简单来说可 ...
分类：
其他好文 时间：
2019-11-16 18:05:30
阅读次数：
77
