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

  • 相关阅读:
    CDM中添加Hive服务时Gateway是什么?
    ClouderaManager中Event Server报No such file or directory
    tail -f 与 tail -F的区别
    Zookeeper Canary
    Spark中hashshuffle与sortshuffle
    Spark streaming的执行流程
    Spark streaming的正确使用。。
    spark优化之并行度
    github 使用
    css 通用兄弟选择器( ~ )
  • 原文地址:https://www.cnblogs.com/xihailong/p/13433278.html
Copyright © 2011-2022 走看看