原文链接：http://fex.baidu.com/blog/2014/03/fis-optimize/ 每一个參与过开发企业级 web 应用的前端project师也许都曾思考过前端性能优化方面的问题。我们有雅虎 14 条性能优化原则。还有两本非常经典的性能优化指导书：《高性能站点建设指南》、《高性 ...
分类：
其他好文 时间：
2017-04-26 20:27:48
阅读次数：
461
基础知识 DNS域名解析 TCP连接 HTTP请求 处理请求返回HTTP响应 页面渲染 关闭连接 分析项目 项目部署环境：美国服务器 webpagetest是一款非常优秀的网页前端性能测试工具，用它来测试生产环境上的项目 由上面的概览最直观的就可以看出以下问题： 1、图片没处理 2、没有缓存静态内容 ...
分类：
Web程序 时间：
2017-04-18 23:28:45
阅读次数：
249
1.减少http请求 http协议是无状态的应用层协议，无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这意味着每次http请求都会建立链路、进行数据传输， 服务端每次也会启动独立线程去处理。 减少http手段主要有合并css、合并javascript ...
分类：
Web程序 时间：
2017-04-15 16:11:00
阅读次数：
177
一、前端优化是什么，目的何在？ 网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。并且影响用户访问体验的绝大部分来自前端页面。 前端优化的目的：1. 从用户角度而言，优化能够让页面加载得更快、 ...
分类：
其他好文 时间：
2017-04-14 14:13:55
阅读次数：
188
简要：添加Expires头能有效的利用浏览器的缓存能力来改善页面的性能，能在后续的页面中有效避免很多不必要的Http请求，WEB服务器使用Expires头来告诉Web客户端它可以使用一个组件的当前副本，直到指定的时间为止。 例如：Expires：Thu，15 Apr 2010 20：00：00 GM ...
分类：
其他好文 时间：
2017-04-11 14:53:24
阅读次数：
206
面试的时候经常会被问到的有关于前端性能优化这一块的问题，谈谈个人的理解 第一条：减少 HTTP 次数的请求 80%的最终用户响应时间花在前端程序上，而其大部分时间则花在各种页面元素， 如图像、 样式表、 脚本和 Flash 等，的下载上。 减少页面元素将会减少 HTTP 请求 次数。这是快速显示页面 ...
分类：
Web程序 时间：
2017-04-04 12:46:25
阅读次数：
255
分析步骤：先罗列一个站点打开到渲染完成的步骤，然后分析每个步骤中可优化点，写出优化方法
用户用浏览器访问一个网站的时候具体的过程与步骤
1.用户在浏览器中输入网址，计算机提取出域名2.浏览器通过...
分类：
Web程序 时间：
2017-03-30 18:00:44
阅读次数：
238
小结 1缓存DOM对象 场景：缓存DOM对象的方式也经常被用在元素的查找中，查找元素应该是DOM操作中最频繁的操作了，其效率优化也是大头。在一般情况下，我们会根据需要，将一些频繁被查找的元素缓存起来，在查找它或查找它的子孙元素时，以它为起点进行查找，就能提高查找效率了。 var ulNode = d ...
分类：
其他好文 时间：
2017-03-28 19:04:50
阅读次数：
194
前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 ? 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。 2 ...
分类：
其他好文 时间：
2017-03-21 19:50:02
阅读次数：
145
规则5：压缩组件? 压缩组件可以使响应包变小，缩短传输时间。HTTP1.1中，可以通过Accept-Encoding:gzip（gzip是目前最理想的压缩方法）进行控制（上述已提及）。需要注意的是...
分类：
其他好文 时间：
2017-03-18 21:37:39
阅读次数：
164
