作者介绍:Addyosmani
就职谷歌Chrome团队,致力于让网站运行速度更快,他参与的项目包括——lighthouse
随着移动互联网快速发展,移动端网站的页面效果也越来越绚,但是交互体验或多或少有些“迟钝”?这是为啥呢?
首先JavaScript运行在手机浏览器上会产生不小的系统开销,由于这个问题存在,Addyosmani将会带着大家探讨移动端网站的脚本问题,让其在大多数手机浏览器上运行更快,更轻。
我们在构建交互式网站自然少不了JavaScript,为了达到更好的交互,我们让用户浏览器加载了太多的JavaScript脚本。不知道大家是否有这样的浏览体验:我们在手机浏览器上刷网页,点击链接或者滑动页面时,网页一点反应都没。这种经历,想必大家都有,因为对于手机浏览器来说,运行加载JavaScript会消耗不小的系统资源,因此延迟了用户的交互响应,今天我将会给大家介绍一些有效的方法策略,提升用户在手机端的使用体验。
太多的“交互”,让网站更臃肿!
当你的用户用手机访问你的网站时,你的网站让用户的浏览器加载了大量的文件,其中很多是脚本文件。也许你为了方便开发或者为了更炫的效果,引入了脚本库或插件库,从来没有检查确认到底加载了多少脚本,体积有多大?加载的脚本是否对用户有用?对于我们多说前端客来说,我们是如此的喜欢JavaScript,但是我们不得不正视它会消耗不小的系统资源。
不少热门的网站,向用户的浏览器发送了大于1MB的脚本文件。只有为数不多的网站进行了脚本文件压缩,使脚本体积大小降到KB左右,那些未压缩脚本的网站,如果脚本超过1MB大小,您的用户至少需要等待14秒的时间才能正常使用你的网站。(部分热门移动网站脚本加载分析报告: