web前端性能优化 2017-05-23 服务器——分析工具:YSlow 1.多台服务器——服务器集群(应用服务器)； 2.负载均衡 服务器：接受请求，分配服务器； 3.数据库(读：写=7：3)，主服务器(读)< >缓存服务器< >从服务器(写)分离。 注：可以参考：李智慧的《大型网站架构演化发展历 ...
分类：
Web程序 时间：
2017-05-23 08:11:46
阅读次数：
167
14条规则摘自<High Performance Web Sites>,本文地址 1.减少Http请求 使用图片地图 使用CSS Sprites 合并JS和CSS文件 这个是由于浏览器对同一个host有并行下载的限制,http请求越多,总体下载速度越慢 2.使用CDN(内容发布网络):当页面中有很多 ...
分类：
Web程序 时间：
2017-05-16 16:18:45
阅读次数：
186
日常工作和生活中，我们经常利用浏览器去打开一些URL来获取我们所需的资源，那么作为一个开发者或者性能测试工程师，如何去测试并提升优化前端的性能呢？ 一、浏览器打开URL和方式和过程 不同浏览器工作方式不完全一样，大体来讲，浏览器的核心是浏览器引擎；不同浏览器对W3C的规范支持不尽相同，在具体功能的实 ...
分类：
其他好文 时间：
2017-05-14 23:37:56
阅读次数：
203
前端性能优化：健康的优化应该是根据页面的加载过程，全面的优化过程 从输入URL到页面加载完成的整个过程：从浏览器地址栏的请求链接开始，浏览器通过DNS解析查到域名映射的IP地址，成功之后浏览器端向此IP地址取得连接，成功连接之后，浏览器端将请 求头信息 通过HTTP协议向此IP地址所在服务器发起请求 ...
分类：
其他好文 时间：
2017-05-07 17:43:35
阅读次数：
154
移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机 ...
分类：
移动开发 时间：
2017-05-05 00:58:56
阅读次数：
269
移动H5前端优化，从以下几个方面入手： 1、加载优化 2、图片优化 3、css优化 4、脚本优化 5、渲染优化 加载优化 1、合并CSS、JS 2、合并小图片，使用雪碧图 3、缓存一切可缓存的资源 4、使用长Cache 5、使用外联式引用CSS、JS 6、压缩HTML、CSS、JS 7、启用GZip ...
分类：
移动开发 时间：
2017-05-04 01:35:06
阅读次数：
171
原文链接：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
一、浏览器并行下载数量浏览器的并发请求数目限制是针对同一域名的。同一时间针对同一域名下的请求有一定数量限制，超过限制数目的请求会被阻塞。所以我们经常能看到不同静态资源会有不同域名，例如图片、JavaScript、CSS等。HTTP1.1与HTTP1.0，限制的数量还不一样。1）HTTP1.1..
分类：
其他好文 时间：
2017-04-17 14:51:06
阅读次数：
263
