一、首屏
以800*600像素尺寸为标准,当浏览器加载页面后看到的第一眼的显示内容为首屏。
而从开始加载到浏览器页面显示高度达到600像素且此区域有内容显示的时间为首屏显示时间
二、首屏优化原因
一个页面的“总加载时间”要比“首屏时间”长,但对于最终用户体验而言,当内容充满首屏的区域时,用户就可以看到网站的主要内容并可以进行相应的操作,所以,首屏时间的快慢,直接影响到用户对网站的认知度
三、如何优化
前端缓存和异步加载
1、css文件
首页是没有css外链的,这样会再发起多次请求,那么css放在哪里?
页面切分为模块化加载,对应模块下的css交给js或者jsonp请求返回
2、js文件
懒加载:有交互才执行
3、图片
图片在非首屏都采用懒加载的模式,这样既能节省流量,也能减少请求数或者延迟请求数
也可以利用前端性能优化