启迪云 | 杨浩巍
概述
在前端开发中,性能一直都是被大家所重视的一点。然而判断一个网站的性能最直观的就是看网页打开的速度,许多大型互联网公司甚至将页面响应速度作为考核的一个硬性标准。在性能方面,根据Yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。每一个前端工程师都应该思考过前端性能优化方面的问题。
WEB性能优化是一个工程问题,涵盖很多方面,优化方向可以分为:请求数量、请求带宽、缓存利用、页面结构、代码校验。
技术人员都了解通过网络提取内容既速度缓慢又开销巨大。 较大的响应需要在客户端与服务器之间进行多次往返通信,这会延迟浏览器获得和处理内容的时间,还会增加访问者的流量费用。 因此,缓存并重复利用之前获取的资源的能力成为性能优化的一个关键方面。也是一种让网站变快的极佳途径。
缓存分为服务端侧(server side,比如Nginx、Apache)和客户端侧(client side,比如web browser),今天我们主要了解一下浏览器缓存。
在浏览器中输入目标网址时,浏览器会从服务器下载显示页面所需的资源,例如html、图片、css、js,甚至包括字体文件等。然而这些文件中有许多文件(例如图片)都是很少变动的,如果每次都要从服务器重新下载,会延长网页载入时间,在业务量大的时候也会对服务器造成一定压力。如大家熟悉的双11、微博热搜宕机事件。