web前端教程

用大白话，来讲编程

相信各位前端开发者对于延迟加载（or 懒加载？）这个概念都不会感到陌生，延迟加载机制是为了避免一些无谓的性能开销而提出来的，就是当在真正需要数据的时候，才真正执行数据加载操作，尤其是很占用宽带的图片资源。

据外媒报道，谷歌的 Chrome 浏览器将内置支持延迟加载功能，可延迟加载 image 和 iframe 框架。 Chrome 浏览器不会加载不出现在视口中的图像，只有在靠近视口边框时才会加载图片。

（代码片段）

有了这个内置的功能，所有 image 资源都会被浏览器自动按需加载，无需开发者做额外的开发工作，比如大家最常用的插件：jQuery.lazyload.js。

延迟加载显而易见的优势就是提升页面加载速度，并为用户节省带宽，特别是在使用移动数据时。谷歌工程师报告说，使用该机制后，页面加载速度的提升从 18％ 到 35％ 不等，具体取决于底层网络。

所以，功能方面，基本上与我们平时见到的 JavaScript 延迟加载脚本无异，只不过它不仅仅是延迟加载图像。 这项功能暂命名为 Blink LazyLoad，正如名字所说，它将在 Chrome 内部实现“延迟加载”机制。

如果测试结果能按计划的顺利进行，谷歌就会把该功能添加到 Chrome 桌面版。

热门文章

原创教程

原创教程：

附加习题：

趣味职场

行业困惑：

职业规划：

新手求职：

新手学习：

职场感悟：

学习困惑：

职场焦虑：

感到迷茫：

薪资待遇：

培训出身：

培训费用：

培训简历：

搞笑黑话：

职业自由：

职场形象：

合作广告分割线

前端又省事了，Chrome直接支持lazyload延迟加载相关推荐

  1. Chrome不支持showModalDialog的解决方案

    Chrome不支持showModalDialog的解决方案 昨天在使用showModalDialog的时候,遇到如下问题: 如果子窗口被刷新过,那么父窗口就接受不到子窗口的返回值. 为了解决这个问题, ...

  2. 谷歌将停止对32位Linux系统Chrome浏览器支持

    谷歌将停止对32位Linux系统chrome浏览器支持 今天,谷歌宣布自2016年3月上旬开始将不再为部分GNU/Linux操作系统继续提供32位Chrome浏览器的DEB安装包.来自Chromium ...

  3. Chrome 53 支持 Shadow DOM 等规范

    上周发布的 Chrome 53 带来了一系列实验性规范的支持,如Shadow DOM,它为复杂网页的开发提供便利.同时,针对移动平台,Chrome 53也提供了PaymentRequest接口.自定义 ...

  4. Chrome 53 支持Shadow DOM、PaymentRequest等规范

    上周发布的 Chrome 53 带来了一系列实验性规范的支持,如Shadow DOM,它为复杂网页的开发提供便利.同时,针对移动平台,Chrome 53也提供了PaymentRequest接口.自定义 ...

  5. Lingoes对Chrome的支持

    之前还曾经苦苦查找使 Lingoes对Chrome的支持的办法,一个偶然的机会发现本来Lingoes就对Chrome的支持,但是得启动Lingoes的划词翻译功能.太好了. 转载于:https://w ...

  6. Chrome 浏览器支持4k/h265的定制开发

    官方的Chrome浏览器是不支持h265格式的MP4播放,可能是由于Google处于维护在的VP9编码生态考虑(不要跟我说专利费太重问题,微软的edge,苹果的safari都支持).实际上chrome ...

  7. chrome不支持embed标签解决方案

    chrome不支持embed标签解决方案 参考文章: (1)chrome不支持embed标签解决方案 (2)https://www.cnblogs.com/thiaoqueen/p/8074530.h ...

  8. 【分享】LazyLoad延迟加载(按需加载)

    1:实际需求 大型网站往往很矛盾,想用户在首页看到更多东西,又不想浪费太多服务器流量.比如一个有3屏的首页.可能50%的用户进首页的目的是点击首页的连接,到子页面. 那么我们的网站却为100%的用户加 ...

  9. JS前端--数据导出为EXCEL（支持大量数据导出）

    数据导出为excel是前端比较常用的功能.笔者近期在网上收集汇总了几种常用的方法,供大家使用. 1.ActiveXObject("Excel.Application") 这种方法只 ...

最新文章

  1. python输出命令_Python输出各行命令详解
  2. Java中异常处理之try和catch代码块的使用
  3. java 中调用window系统中的文件,或者执行命令（shell、.CMD、.EXE）并获取返回值
  4. 解决安装centos 7后Windows启动项丢失
  5. Windows server 2003 体系结构
  6. openssl 生成证书_使用证书和私钥导出P12格式个人证书！
  7. contiki cooja仿真
  8. 树莓派3B+64位系统烧制与软件安装
  9. php mess,Mess.php
  10. RMAN Crosscheck 和 Delete 命令的2个实例
  11. 动易模板制作示例（二）
  12. 苹果耳机无线真假测试软件,辨别苹果耳机真伪，看完这篇就够了
  13. Centos虚拟机桥接模式无法连接外网的解决
  14. Information Bottleneck 信息瓶颈
  15. Java深入理解深拷贝和浅拷贝区别
  16. 闭关的日子 好无聊。偷了半日闲去书店shopping一下
  17. likely()与unlikely()函数的作用
  18. 【SpringCloud】设置接口同时支持返回多种数据类型（json、xml）
  19. GIS空间分析（三）—— GIS环境下的空间分析
  20. 爬虫概念与编程学习之如何爬取视频网站页面（三）

热门文章

  1. 周鸿祎：打工是用老板的钱给自己交学费，在公司混日子是浪费生命？
  2. 看看老司机是如何提升B端产品架构能力的
  3. 工科学生考研能选择计算机专业么,这8个“工科专业”考研后发展会更好，毕业生紧缺度高，前途很好！...
  4. java setquality_Java-在不损失质量的情况下调整图像大小
  5. 《大数据》第2期“应用”——医疗健康大数据：应用实例与系统分析
  6. 操作系统——实验壹——熟悉Linux基础命令及进程管理
  7. 【计算机网络】周知端口号列表
  8. 带前导0的数字三角形（洛谷P5721题题解，Java语言描述）
  9. datagrid——jQuery EasyUI
  10. mybatis使用in语句作为查询条件