但是当你往上拉的时候,下一张图片就会加载。当你看到往上拉,图片才慢慢加载出来的时候,一般是用了懒加载技术。这样做可以节省流量,加快加载速度,提高性能。 2、分页加载 像淘宝这样很多商品列表的页面,用分页加载是必不可少的,当你往上拉页面的时候,就会去加载下一页的商品数据了。一般都会有加载中这样的提示语,这样做同样也是为了减少请求,节省流量。 3、应用缓存 有没有发现,有些H5页面,点击第一次的时候,加载的有点慢,但是点第二次的时候,速度非常快,那是因为应用了本地的缓存的缘故。 4、单页面应用 单页面应用是什么意思呢?比如说,一个注册页面,从注册信息页,发短信验证码,到注册成功页,这3个页面是同一个html文件。当你只看到注册页面的时候,是因为它把发短信和成功页隐藏掉了。 利用单页面技术,可以减少文件的个数,减少请求,提高性能,缺点就是SEO。因为一个html里面,有关于SEO优化的字段,如果减少了html文件,那就少了那几个seo优化字段了。 那么问题来了,怎样看出,这个H5页面是否用了单页面技术呢?一般来说,同一个页面之间的跳转,可以设置很多换场的动画,比如说从左往右滑,从上往下滑,但是多页面之间的跳转动画是实现不了的,所以可以从页面之间的换场来识别。 后面会继续讲系列文章~有错误欢迎指出~ 文/lemon_shan (责任编辑:admin) |