首屏加载

一、首屏

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

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

二、首屏优化原因

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

三、如何优化

前端缓存和异步加载

1、css文件

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

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

2、js文件

懒加载:有交互才执行

3、图片

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

也可以利用前端性能优化

猜你喜欢

转载自blog.csdn.net/qq_34309704/article/details/82118412