下面是一个请求的一个流程图 用户首先在浏览器输入请求的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.cnblogs.com/huangxincheng/p/7469328.html#3773957 在一个项目还是单体架构的时候，所有的js，css，image都会在一个web网站上，看起来并没有什么问题，比如下面这样： 但是当web网站流量起来的时候，这个单体架构必须要进 ...
分类：
Web程序 时间：
2017-10-19 13:59:47
阅读次数：
281
转自：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
当前端越来越发展的时候，传统的开发已经不能满足于前端性能和工程化的要求，所以作为一名高级的前端开发人员，必须要学习前端模块化方面的知识； 下面主要谈一下，common.js require.js&sea.js这三者的相关介绍； common.js commonjs是伴随着Node.js一起出现的，N ...
分类：
Web程序 时间：
2017-09-16 15:03:09
阅读次数：
323
一、请减少HTTP请求 1、基本原理 在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能 ...
分类：
其他好文 时间：
2017-09-15 19:02:26
阅读次数：
145
