要优化提升前端性能,有以下两大方法:
①减少页面加载所需时间;
②提升用户角度的观感体验(让用户觉得页面更快);
减少页面加载所需时间,可以从请求数量、请求并发度及网络传输时间等方面着手;提升用户观感,则主要从让页面尽快展示入手;下面一一介绍:
1、减少网络时间
浏览器从服务端获取HTML文档和资源都需要经历“DNS解析——建立连接——获取连接——断开连接”的过程;如果能减少DNS解析和文件在网络上传输的时间,性能自然能得到提升。
①使用DNS缓存技术
使用DNS缓存技术可以让用户获得更快的DNS解析时间,一般而言,由于浏览器本身就具有一定的DNS缓存机制,所以服务端的DNS缓存并不能带来太大的性能提升。
②减少需要传输的文件尺寸
在网络带宽有限的情况下,减少传输的文件尺寸可以提升很大的性能。常见的有将文件进行压缩的方法,除此之外,还有使用混淆等方法尽量减少JS文件和样式表的大小,从JS文件和
样式表中去除不需要使用的部分等,都可以起到减少需要传输文件尺寸的作用。
③加快文件传输速度
Internet网站的用户通常分布在一个较广阔的区域内,Internet本身的多层次网络结构导致从某一个节点到另一些节点之间的可用带宽和网络传输速度都比较慢;这种情况下使用CDN技术,
让用户尽可能访问到对用户节点而言更快速的服务器就可以加快文件传输速度。
国内而言,移动联通电信三大运营商之间并没有建立良好的互联互通,通常需在三个服务商所在网络中设置GDN服务器;另外,出于地域原因,建立CDN也是种常见的方法。
CDN(Content Delivery Network):内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。
更多技术分享,请持续关注云和数据!
①减少页面加载所需时间;
②提升用户角度的观感体验(让用户觉得页面更快);
减少页面加载所需时间,可以从请求数量、请求并发度及网络传输时间等方面着手;提升用户观感,则主要从让页面尽快展示入手;下面一一介绍:
1、减少网络时间
浏览器从服务端获取HTML文档和资源都需要经历“DNS解析——建立连接——获取连接——断开连接”的过程;如果能减少DNS解析和文件在网络上传输的时间,性能自然能得到提升。
①使用DNS缓存技术
使用DNS缓存技术可以让用户获得更快的DNS解析时间,一般而言,由于浏览器本身就具有一定的DNS缓存机制,所以服务端的DNS缓存并不能带来太大的性能提升。
②减少需要传输的文件尺寸
在网络带宽有限的情况下,减少传输的文件尺寸可以提升很大的性能。常见的有将文件进行压缩的方法,除此之外,还有使用混淆等方法尽量减少JS文件和样式表的大小,从JS文件和
样式表中去除不需要使用的部分等,都可以起到减少需要传输文件尺寸的作用。
③加快文件传输速度
Internet网站的用户通常分布在一个较广阔的区域内,Internet本身的多层次网络结构导致从某一个节点到另一些节点之间的可用带宽和网络传输速度都比较慢;这种情况下使用CDN技术,
让用户尽可能访问到对用户节点而言更快速的服务器就可以加快文件传输速度。
国内而言,移动联通电信三大运营商之间并没有建立良好的互联互通,通常需在三个服务商所在网络中设置GDN服务器;另外,出于地域原因,建立CDN也是种常见的方法。
CDN(Content Delivery Network):内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。
更多技术分享,请持续关注云和数据!