浏览器渲染的工作流程 浏览器的工作原理。以Webkit引擎的工作流程为例，浏览器加载一个HTML页面后进行如下操作 解析HTML【遇到<img>标签加载图片】 —> 构建DOM树 加载样式 —> 解析样式【遇到背景图片链接不加载】 —> 构建样式规则树 加载javascript —> 执行javas ...
分类：
其他好文 时间：
2017-10-31 20:15:42
阅读次数：
169
下面是一个请求的一个流程图 用户首先在浏览器输入请求的url地址，浏览器内部的核心代码会将这个url进行拆分解析，最终将domain发送到DNS服务器上，DNS服务器会根据domain去查询相关对于的ip地址，从而将IP地址返回给浏览器，浏览器持有ip地址后就会知道这个请求是要发送到哪个地方（哪个服 ...
分类：
其他好文 时间：
2017-10-31 20:06:28
阅读次数：
265
前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访 ...
分类：
Web程序 时间：
2017-10-28 15:38:55
阅读次数：
291
WeTest 导读 此文总结了笔者在Web静态资源方面的一些优化经验。 一、如何优化 用户在访问网页时， 最直观的感受就是页面内容出来的速度，我们要做的优化工作， 也主要是为了这个目标。那么为了提高页面加载（或者渲染）速度呢？一般来说有三个方面： 1、代码逻辑：优秀的代码逻辑结构可以有效减少渲染页面 ...
分类：
Web程序 时间：
2017-10-26 21:04:27
阅读次数：
333
转自：http://www.2cto.com/kf/201604/498725.html 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 而我们 ...
分类：
Web程序 时间：
2017-10-13 21:25:02
阅读次数：
269
浏览器再次请求服务器时，浏览器会先判断max-age，如果到期则直接请求服务器，否则直接从缓存中取， 服务器收到请求后，判断文件是否被修改过，若是则直接返回200，否则返回304，浏览器将从缓存中获取文件 若同步刷新页面，则浏览器并不会先判断max-age，而是直接发送请求，服务器接收到请求后，判断 ...
分类：
其他好文 时间：
2017-10-08 19:41:02
阅读次数：
248
参考 前端性能优化之加载技术 关于Preload, 你应该知道些什么？ Preload，Prefetch 和它们在 Chrome 之中的优先级 对以下文章的补充 简单汇总了一下web的优化方案 关于页面加载 图片处理： 预加载，在onload之后动态插入img标签，使浏览器提前缓存该图片 懒加载，使 ...
分类：
其他好文 时间：
2017-10-07 17:28:54
阅读次数：
206
目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做,web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大;在设计人员中we ...
分类：
Web程序 时间：
2017-10-02 11:54:24
阅读次数：
169
一、请减少HTTP请求 1、基本原理 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能 ...
分类：
其他好文 时间：
2017-09-15 19:02:26
阅读次数：
145
资源合并与压缩减少HTTP请求的概要 资源合并与压缩减少HTTP请求主要的两个优化点是减少HTTP请求的数量和减少请求资源的大小 http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理。 这些通信和服务的开销都很 ...
分类：
Web程序 时间：
2017-09-15 01:52:37
阅读次数：
686
