持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第 29 天,点击查看活动详情
首先,我们为什么要进行 Web 前端性能的优化。
我们互联网的发展非常的快,我们现在所开发网站内容是越来越多,功能越来越强大,页面也越来越漂亮。
网站内容多了,访问的速度会受到影响。但是我们的用户却是希望我们的网站速度越来越快。
因此,对我们前端工程师来说,这个挑战是越来越大。我们只有不断的对我们的网站进行一个持续的优化,才能保证在这个发展的过程中,网站的速度始终可以跟得上用户的体验的需求,满足用户要求。
Web 网站支柱
性能和我们网站的利益是直接相关的。我们网站最重要的是什么呢?就是用户,有用户才有业务,也才有收益。
比如电商网站,肯定希望我们的用户足够的多。因为用户多了,浏览电商网站上面商品的人才多,然后购买商品的人才能多。所谓的下单其实就是转换率,有多少人下单,我们的业务才能有多少的收益。
或者是一个社交多媒体的网站,我们也肯定希望我们的用户足够多,因为用户多才有人去发布内容,同时还希望有足够多的人来围观,这样我们才能产生足够高的一个广告的收益。或者我们可以和其他的平台合作。
我们现在的搜索引擎都会对网站的这个性能进行一个评估。高性能的网站会出现在它结果排名更靠前的一个位置。因此,如果我们网站的性能不好,在搜索排名中都会比较落后。
亚马逊电商曾经做过这样的调查,发现每当亚马逊电商的网站有 100ms 的延迟的时候,销售量就会有 1% 的损失,这对于亚马逊来说,这可是一个巨大的损失。
性能瓶颈
好了,重要性和问题搞清了。下面咱们就看怎么解决问题。
首先,我们得先确定目标,性能提高就是为了把网站做得越来越快,到底多快才算快呢?是不是需要有个标准,然后朝着这个标准去努力实现。
分析的现状,比如我们觉得自己的网站慢,那到底是多慢呢?我们可以借助一些工具进行量化的分析,毕竟我们的编程是一门科学,我们不能全程都凭感觉,说什么就是什么。
优化有很多的方法,我们这门课就是给大家介绍各种各样的优化的方法,然后还要用工具再去重新的测量,要对比网站优化的前后的效果,看看有没有达到预期期望。
优化是一个不断迭代的过程,是没有止境的,因为优化不可能是完美。我们的业务和我们的用户总是在发展,规模越来越大,用户量越来越高,总会有新的性能问题暴露出来,优化就要持续的进行。
目前最大挑战
我们当下面临的最大的挑战是什么呢?是来自移动端用户的挑战。
现在大多数用户都是通过移动端接入,移动端本身硬件速度跟不上,同时我们用户使用的网络环境有时候还不好,屏幕又小,交互方式也和传统不一样,这些特点对我们前端开发师来说都是挑战。
曾经研究发现,我们移动端的用户更加的缺乏耐心。因为大多数用户通过手机去访问网站的时候,都是利用一些碎片化的时间,根本没有耐心等网站慢慢的加载。如果网站 3 秒钟都没有加载出来,超过一半多的用户都不会再用这网站了。
移动端的业务是持续增长的,而且用户越来越多。我们现在很多的业务功能都是在移动端去实现。举个最简单的例子,很多人都是利用上下班的时间在路上去听视频课,这些都是在手机上去实现的,这个体验对用户来说非常的重要。