1、尽可能减少HTTP请求数 什么是http请求？ 2、使用CDN（内容分发网络） 什么是CDN？ 3、添加Expire/Cache-Control头 Expire Cache-Control 4、启用GZip压缩 把文件先放在服务器上压缩一下，然后再传输，这样可以显著减少文件传输的大小。传输完毕后 ...
分类：
其他好文 时间：
2016-10-14 17:48:17
阅读次数：
147
针对web前端的性能，一时间不知道入手的同学，可以看看：前端性能测试对象：HTML、CSS、JS、AJAX等前端技术开发的Web页面影响用户浏览网页速度的因素：服务端数据返回、网络传输、页面渲染，页面资源结构等前端性能测试目的：计算出包含页面资源结构、页面渲染、网络传输以及服务器端解析等综合因素在内 ...
分类：
Web程序 时间：
2016-10-13 14:35:31
阅读次数：
251
除了自己总结：1. 减少http请求，2.压缩并优化js/css/image 3.尽量静态页面，从简原则 4.代码规范(详见：个人知识体系思维导图) 从yahoo 新学到的： 网页内容 减少http请求次数 80%的响应时间花在下载网页内容(images, stylesheets, javascri ...
分类：
其他好文 时间：
2016-10-09 17:19:13
阅读次数：
292
前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访 ...
分类：
Web程序 时间：
2016-10-08 23:57:38
阅读次数：
539
前言 在之前的文章 如何优化网站性能，提高页面加载速度 中，我们简单介绍了网站性能优化的重要性以及几种网站性能优化的方法（没有看过的可以狂戳 链接 移步过去看一下），那么今天我们深入讨论如何进一步优化网站性能。 一、拆分初始化负载 拆分初始化负载——听名字觉得高大上，其实不然，土一点将讲就是将页面加 ...
分类：
Web程序 时间：
2016-10-05 21:53:10
阅读次数：
259
一、前端性能优化现有技术 (1) 减少HTTP请求次数。 因为站点80%的响应时间会花在前端的各种页面元素上，那么尽可能的减少页面元素就是提高站点响应速度的关键。 (2) 使用CDN。 用户离WEB服务器的远近对响应时间会有很大影响，把需要访问的内容部署到多个且地理位置较为分散的服务器上可以有效提高 ...
分类：
其他好文 时间：
2016-09-30 01:04:39
阅读次数：
151
1.减少HTTP请求 在浏览器（客户端）和服务器发生通信时，就已经消耗了大量时间，尤其是在网络情况比较糟糕的时候，这个问题尤其突出。 一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服务器发送请求信 ...
分类：
其他好文 时间：
2016-09-25 14:37:04
阅读次数：
124
1、对于网站的前端性能，可以根据Yahoo的Yslow工具提供的指标来测试，分为以下参数：1.Make fewer HTTP requests 减少 HTTP 请求2.Compress components with gzip 使用 gZip 压缩3.Put CSS at top 把CSS问价写在顶 ...
分类：
Web程序 时间：
2016-09-19 10:12:37
阅读次数：
186
1、网页的生成过程 要了解网页性能好不好，那就必须先了解网页是怎么生成的 这五步里面，第一步到第三步都非常快，耗时的是第四步和第五步。"生成布局"（flow）和"绘制"（paint）这两步，合称为"渲染"（render）。 2、重绘与重排 网页生成的时候，至少会渲染一次，用户访问的过程中还会不断渲染 ...
分类：
其他好文 时间：
2016-09-18 23:30:57
阅读次数：
169
使用步骤： 1、引入jquery库、版本需求需要按照实际情况 2、这里必须设置图片的width和height,否则插件可能无法正常工作。 3、img的src 放置loading图标，data-original放置图片的真实路径。 使用图片懒加载的好处： 1、减轻服务器压力。 2、提高用户的体验。 ...
分类：
其他好文 时间：
2016-09-18 22:16:46
阅读次数：
218
