zoukankan      html  css  js  c++  java
  • 四、懒加载与预加载

    懒加载:图片进入可视区域之后请求图片资源

    很多电商等图片很多,页面很长的业务场景适用。
    减少无效资源的加载。
    并发加载的资源过多会阻塞js的加载,影响网站的正常使用。

    当进入可视区域将data-original中的url放入到src中。代码如下:

    预加载:图片等静态资源在使用之前的提前请求

    资源使用到时能从缓存中加载,提升用户体验。

    页面展示的依赖关系的维护。

    第一种,使用XML:

    第二种:使用imge:

    第三种:使用preload.js:

  • 相关阅读:
    $.getJSON()
    seconds
    ini_set
    validation
    component
    ini_set();
    长期阅读英文技术博客的好处
    用xml还是json
    单​手​打​字
    洛谷P1141 01迷宫
  • 原文地址:https://www.cnblogs.com/QianDingwei/p/11027871.html
Copyright © 2011-2022 走看看