为什么做优化 经典问题：白屏时间过长，用户体验差产生的原因：网络问题、关键渲染路径（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
1. 减少 HTTP 的请求次数和传输报文的大小 -CSS SPRITE（雪碧图、图片精灵）技术 - 使用字体图标（ICON FONT）或者 SVG 等矢量图； 可以减少 HTTP 请求次数或者减少请求内容的大小 ，使图片渲染的更快：因为他们是基于代码渲染的，而对于位图（png/jpg/gif）是需 ...
分类：
其他好文 时间：
2019-10-17 23:37:49
阅读次数：
97
前言 面试题是永远都准备不完的！！！！！ 前端常见的一些问题 1.前端性能优化手段？ 1. 尽可能使用雪碧图 2. 使用字体图标代替图片 3. 对HTML，css，js 文件进行压缩 4. 模块按需加载 5. 资源懒加载与资源预加载 6. 避免使用层级较深的选择器及减少DOM深度 2.单页面应用和多 ...
分类：
编程语言 时间：
2019-10-17 17:13:26
阅读次数：
85
从前的日色变得慢，车，马，邮件都慢······ 巴特，现在前端是庞大的，针对方方面面的资源都有不同的方式。 站在用户角度，我们希望页面加载得更快、页面对用户的操作响应得更及时，能够给用户提供更为友好的体验。 站在服务商的角度，我们希望前端优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资 ...
分类：
Web程序 时间：
2019-10-08 22:28:28
阅读次数：
114
客户端优化静态资源优化 使用构建工具对HTML,CSS,JS压缩，删除生产环境下的无用代码(比如注释，打印信息等)。 提取公共资源，减少代码体积。 外链CSS和JS文件，外链的文件可以放到CDN,服务器和浏览器会进行缓存。 使用雪碧图，减少http请求数。 自动生成雪碧图:https://www.t... ...
分类：
其他好文 时间：
2019-10-07 19:49:36
阅读次数：
104
