zoukankan      html  css  js  c++  java
  • 图片预加载和懒加载(1)

    今天介绍图片的预加载和懒加载,本文目录如下:(尚未完善)

    一、图片加载的时机

      

    二、预加载

      1.是什么

    //预加载值得是:提前加载图片,等用户需要查看的时候可以直接从本地缓存中读取渲染。
    //比如画廊,使用预加载可以让用户查看图片的时候无需等待,急速查阅,体验极好

      2.优点 

    //预加载图片是提高用户体验的一个很好方法。
    //图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快的加载速度。
    //这对图片画廊及图片占据很大比例的网站来说十分有利,它保证了图片快速、无缝地发布,也可帮助用户在浏览你网站内容时获得更好的用户体验。

      3.缺点

    //缺点是:牺牲服务器性能换区用户体验,对服务器压力大

      4.怎么用

      请参考:《图片预加载和懒加载(2)——预加载

    三、懒加载

      1.是什么

    //懒加载值得是:在需要显示图片的时候才对图片进行加载。
    //比如商城页面很多商品,不会一下子全加载出来,等你翻到的时候它才加载,用户体验好

      2.优点

    //服务器压力小
    //节约用户流量,客户满意度高
    //加载速度快

      3.缺点

    //比起预加载的用户体验稍逊

      4.怎么用

     敬请期待

    参考链接:

    https://www.csdn.net/article/2013-10-15/2817187-3-ways-preload-images-css-javascript-ajax

    https://blog.csdn.net/Andrew_ym/article/details/79514157?utm_source=blogxgwz5

    https://www.jianshu.com/p/39daf79ef1dd

  • 相关阅读:
    update 更改字段
    查看 links
    oracle 统计字段空值数
    查看oracle 数据库编码个格式
    oracle 数据库DBA权限
    一文弄懂 Golang 排序
    Golang Linux、Windows、Mac 下交叉编译
    go 简单封装数学运算包
    [Vue warn]: Unknown custom element: did you register the component correctly?
    深度图怎么看行情走势
  • 原文地址:https://www.cnblogs.com/xihailong/p/13433278.html
Copyright © 2011-2022 走看看