首屏加载

一、首屏

以800*600像素尺寸为标准，当浏览器加载页面后看到的第一眼的显示内容为首屏。

而从开始加载到浏览器页面显示高度达到600像素且此区域有内容显示的时间为首屏显示时间

二、首屏优化原因

一个页面的“总加载时间”要比“首屏时间”长，但对于最终用户体验而言，当内容充满首屏的区域时，用户就可以看到网站的主要内容并可以进行相应的操作，所以，首屏时间的快慢，直接影响到用户对网站的认知度

三、如何优化

前端缓存和异步加载

1、css文件

首页是没有css外链的，这样会再发起多次请求，那么css放在哪里？

页面切分为模块化加载，对应模块下的css交给js或者jsonp请求返回

2、js文件

懒加载：有交互才执行

3、图片

图片在非首屏都采用懒加载的模式，这样既能节省流量，也能减少请求数或者延迟请求数

也可以利用前端性能优化