第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

从技术角度看产品:「web前端」认知入门(2)

时间:2017-10-26 11:03来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
但是当你往上拉的时候,下一张图片就会加载。当你看到往上拉,图片才慢慢加载出来的时候,一般是用了懒加载技术。这样做可以节省流量,加快加载速

  但是当你往上拉的时候,下一张图片就会加载。当你看到往上拉,图片才慢慢加载出来的时候,一般是用了懒加载技术。这样做可以节省流量,加快加载速度,提高性能。

  2、分页加载

  像淘宝这样很多商品列表的页面,用分页加载是必不可少的,当你往上拉页面的时候,就会去加载下一页的商品数据了。一般都会有加载中这样的提示语,这样做同样也是为了减少请求,节省流量。

  3、应用缓存

  有没有发现,有些H5页面,点击第一次的时候,加载的有点慢,但是点第二次的时候,速度非常快,那是因为应用了本地的缓存的缘故。

  4、单页面应用

  单页面应用是什么意思呢?比如说,一个注册页面,从注册信息页,发短信验证码,到注册成功页,这3个页面是同一个html文件。当你只看到注册页面的时候,是因为它把发短信和成功页隐藏掉了。

  利用单页面技术,可以减少文件的个数,减少请求,提高性能,缺点就是SEO。因为一个html里面,有关于SEO优化的字段,如果减少了html文件,那就少了那几个seo优化字段了。

  那么问题来了,怎样看出,这个H5页面是否用了单页面技术呢?一般来说,同一个页面之间的跳转,可以设置很多换场的动画,比如说从左往右滑,从上往下滑,但是多页面之间的跳转动画是实现不了的,所以可以从页面之间的换场来识别。

  后面会继续讲系列文章~有错误欢迎指出~

  文/lemon_shan

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕