要提升用户体验就需要在前端优化上做文章,银钱前端的问题可能会消耗掉整体时间的绝大部分。
性能黄金法则表明只有10%—20%的最终用户响应时间花在接受请求的HTML文档中,而绝大部分时间都用在了HTML文档引用的组件进行的HTTP请求上。所以要想提升响应速度就必须要减少组件数量,从而降低HTTP请求数量。
通常的解决方法之一是利用CSS Sprite将网页中比较小的图片进行整合,从而得到一张图片文件,并利用CSS的background—image属性插入图片,之后利用background-position属性对图片中所需要的部分进行精确定位,从而减少服务器的请求次数。