大话系统架构优化项目之客户端优化

客户端优化的首要目标是加快页面展现速度，其次是减少对服务端的调用。

常见解决办法：

分析瓶颈点，有针对性优化;
缓存为王，通过在客户端缓存静态数据提升页面响应时间；
通过GZIP压缩减少客户端网络下载流量；
使用压缩工具对js进行压缩，减少js文件大小；
删除、合并脚本、样式表及图片减少get请求；
无阻塞加载JS
预加载（图片、css样式、js脚本）;
按需加载js脚本；
优化js处理方法提升页面处理速度。
WEB请求时序图：

【案例】下面是某企业内部应用系统客户端HTTP请求监控记录：

从上图中可以看到共计发送25次请求（21次命中缓存、4次与服务端交互）。

从统计信息可以看到：总计请求耗时5.645秒，进行4次网络交互，接收5.9KB数据。发送110.25KB数据，GZIP压缩节省了：8KB数据。

后来该页面通过优化后端请求、合并和压缩JS/JSP文件等将页面响应时间优化到2秒左右。

PS：前端优化最好了解浏览器原理、HTTP原理