为什么要开启GZIP 我们需要下载一个100KB的Javascript文件，正常的下载量就是100KB，如果我们把文件在服务端压缩一下，压缩成30kb，下载到客户端再进行解压，这样就减少了大量的HTTP的传输时间，这就是GZIP的作用。 如何开启服务器的GZIP 我们以windows版的Apache ...
分类：
其他好文 时间：
2017-06-29 23:44:51
阅读次数：
300
一、减少http请求,合理设置HTTP缓存 ...
分类：
其他好文 时间：
2017-06-28 02:20:59
阅读次数：
339
前端性能优化的方法？ content方面 1，减少HTTP请求：合并文件、CSS精灵、inline Image 2，减少DNS查询：DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法：DNS缓存、将资源分布到恰当数量的主机名，平衡并行下载和DNS查询 3，避免重定向：多余的中间访问 4，使 ...
分类：
其他好文 时间：
2017-06-25 21:26:24
阅读次数：
222
1.请求数量：合并脚本和样式表，css Sprites，拆分初始化负载，划分主域。 2.请求带宽：开启GZip，精简JavaScript，移除重复脚本看，图像优化，将icon做成字体。 3.缓存利用：使用CDN，使用外部的JavaScript和CSS，添加Expires头，减少DNS查找，配置ETa ...
分类：
其他好文 时间：
2017-06-21 14:07:41
阅读次数：
253
一、使用合适的选择器 1.使用id来定位DOM元素无疑是最佳提高性能的方式，因为jQuery底层将直接调用本地方法document.getElementById();如果这个 方式不能直接找到你需要的元素，那么你可以考虑调用find()方法，代码如下： 使用以上代码可以有效的缩小你定位的DOM元素。 ...
分类：
Web程序 时间：
2017-06-11 18:31:00
阅读次数：
250
技术类 1.首屏时间(加载到第一屏的功能点，所消耗的时间)2.白屏时间(从进入页面到head解析的时间)3.可操时间(与模块相关，主要是测试核心模块的使用率，以及用户感知)3.连通率(多为视频站点。时间为纵轴，主要是对应时间用户看到的视频或者听到声音的比例) 产品类 1.PV(page view)， ...
分类：
其他好文 时间：
2017-06-11 16:29:12
阅读次数：
139
对于前端工程师来说，前端性能优化始终都是非常重要的一环，它决定了用户体验， 决定了一个用户是否愿意在页面的加载浪费时间， 从而丢失用户。 所以前端性能优化是非常重要的。 下载地址 https://chrome.google.com/webstore/search/pagespeed?utm_sour ...
分类：
其他好文 时间：
2017-06-05 10:08:37
阅读次数：
121
前端图片优化一直以来都是热门话题，从需求上来看，很多站点往往是图片体积大于代码体积， 图片请求多余代码文件请求， 给前端的性能带来了很大的困扰，那么应该如何解决呢？ 零、 认识图片 我们通常使用的图片就是gif、png和jpg了。 其中，gif格式是比较老的图片格式，它的色彩效果最低（就是不清楚！！ ...
分类：
其他好文 时间：
2017-06-02 23:55:15
阅读次数：
323
1.尽量减少HTTP请求数(Make Fewer HTTP Requests) 2.使用CDN加速(Use a Content Delivery Network) 3.添加Expire/Cache-Control头(Add an Expires Header) 4.启用Gzip压缩：Gzip Com ...
分类：
其他好文 时间：
2017-05-23 14:17:05
阅读次数：
278
一、什么是前端性能优化 从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。 二、为什么要做前端性能优 提升网站性能，提升用户体验 三、前端性能优化的原则 1、因地制宜 2、不出bug 四、从浏览器发起请求到页面能正常浏览 ...
分类：
Web程序 时间：
2017-05-23 13:11:36
阅读次数：
210
