你网站打开，白屏3秒，然后整个页面突然全部出来。这3秒里，一半客户已经关了。优化首屏加载，让客户立刻看到内容。
什么是首屏
就是客户打开网站，不滚动鼠标，屏幕里能看到的那部分内容。一般是顶部导航+一张Banner+开头几段文字。
客户打开网站，不需要等整个网页（包括下面的文章、侧栏、页脚）加载完。先把首屏内容显示出来，其他部分慢慢加载。客户感觉网站很快。
怎么优化
第一，Banner图压缩到200KB以内。首屏最大的一张图，加载最慢。把它压缩好，首屏就快一半。
第二，首屏用的CSS放在HTML里。别让浏览器先下载外部CSS再渲染。首屏需要的样式直接写在HTML头部，浏览器立刻就能显示。
第三，JS放页面底部加载。别把JavaScript放在HTML头部，会阻塞渲染。脚本放到body最后面，等HTML显示完再加载JS。
第四，字体别用太大的文件。你网站用了一个自定义字体，字体文件3MB，光加载字体就要2秒。用系统默认字体，或者只加载需要的字重。
第五，统计代码放最后。百度统计、CNZZ这些第三方JS，别放在head里阻塞页面。放到footer里。
怎么测
用浏览器F12→Network→刷新页面。看Time列：DOM Content Loaded时间就是首屏渲染完的时间。目标是2秒以内。
手机端更慢，因为网速差。首屏加载优化对手机客户尤其重要。
