请教几个移动端的问题啊?

阿飞i
  • 628
  1. 如何计算首屏加载时间(包括外部资源图片并且能交互)?

2.如何计算首屏资源的大小啊 ?

3.如何做到只加载首屏?

4.移动端如何做到移动端按需加载,滚屏加载,延迟加载?

5.百度到通过media query加载。 这是一种什么方式啊?

回复
阅读 1.4k
1 个回答
✓ 已被采纳

看你的提问,应该接触移动端不久,我来回答你一下,捡你认为重要的。

1.对于你第1个,我个人觉得实际意义不是很大。
比如说,我想要有个加载提示,或者有些交互需要加载完成才能操作等等,这是想要的目标。而实际呢,如果某个请求没有加载完成,你就一直提示,不允许用户交互,这显然在实际中是不合理的。
加入真要计算首屏加载时间,而且也是不很准确的(非常不准确),一般都是简单模拟(比如,我知道我整个资源中某张图片可能是最后加载出来的,因为他很大,那么我就简单的采取这张图片加载完成,作为首屏加载完成的判断依据,处理一张图片加载完成,很显然比处理所有内容加载完成来得容易和实际);

2.如果只是为了优化的目的,这个可以通过浏览器,或者相关的工具检测下,如果需要通过js来计算,想要做某种用途,这个意义也不是很大,而且也不怎么切合实际;

3.对于你提到的首屏,我不知道理解为移动端第一眼看到的显示区域,需要手动操作才能看到其他的视图区域,是否是这个首屏?为了体验上的要求,一般要求首屏加载很快,但是并没有说其他屏就不加载了,需要手动操作才加载。这个没有具体业务谈这个,不合适。按需加载,滚屏加载,无法就是你要知道什么时候显示,然后发起请求获取资源而已。这里,你就需要知道什么时候显示,比如滑屏操作,滚动操作,这些都是你需要控制的,具体实现可以参考一些移动框架,一般都会提供视图切换的事件回调。我也写过一个专门处理视图转场切换的东东的,用来学习还是可以的:
https://github.com/donghanji/pm.mobi
(如果需要文档,可以单独找我)

4.media query加载,主要是针对css的,可以自己去了解下,主要用来处理适配,和资源加载关系不大。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏