如何计算首屏加载时间（包括外部资源图片并且能交互）?
2.如何计算首屏资源的大小啊 ?
3.如何做到只加载首屏?
4.移动端如何做到移动端按需加载，滚屏加载，延迟加载?
5.百度到通过media query加载。 这是一种什么方式啊?
看你的提问，应该接触移动端不久，我来回答你一下，捡你认为重要的。
1.对于你第1个，我个人觉得实际意义不是很大。
比如说，我想要有个加载提示，或者有些交互需要加载完成才能操作等等，这是想要的目标。而实际呢，如果某个请求没有加载完成，你就一直提示，不允许用户交互，这显然在实际中是不合理的。
加入真要计算首屏加载时间，而且也是不很准确的(非常不准确)，一般都是简单模拟(比如，我知道我整个资源中某张图片可能是最后加载出来的，因为他很大，那么我就简单的采取这张图片加载完成，作为首屏加载完成的判断依据，处理一张图片加载完成，很显然比处理所有内容加载完成来得容易和实际)；
2.如果只是为了优化的目的，这个可以通过浏览器，或者相关的工具检测下，如果需要通过js来计算，想要做某种用途，这个意义也不是很大，而且也不怎么切合实际；
3.对于你提到的首屏，我不知道理解为移动端第一眼看到的显示区域，需要手动操作才能看到其他的视图区域，是否是这个首屏？为了体验上的要求，一般要求首屏加载很快，但是并没有说其他屏就不加载了，需要手动操作才加载。这个没有具体业务谈这个，不合适。按需加载，滚屏加载，无法就是你要知道什么时候显示，然后发起请求获取资源而已。这里，你就需要知道什么时候显示，比如滑屏操作，滚动操作，这些都是你需要控制的，具体实现可以参考一些移动框架，一般都会提供视图切换的事件回调。我也写过一个专门处理视图转场切换的东东的，用来学习还是可以的：
https://github.com/donghanji/pm.mobi
(如果需要文档，可以单独找我)
4.media query加载，主要是针对css的,可以自己去了解下，主要用来处理适配，和资源加载关系不大。