美文网首页
异步加载和延迟加载

异步加载和延迟加载

作者: stars甜 | 来源:发表于2017-06-19 17:04 被阅读0次

异步加载:

1:在script元素中加上async属性(为了兼容老版本的IE 加上defer)

2:动态的添加script标签

eg:(function(){

if(window.attachEvent){

window.attachEvent("load", asyncLoad);

}else{

window.addEventListener("load", asyncLoad);

}

var asyncLoad = function(){

var ga = document.createElement('script');

ga.type = 'text/javascript';

ga.async = true;

ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';

var s = document.getElementsByTagName('script')[0];

s.parentNode.insertBefore(ga, s);

}

)();

3:通过eval()执行js代码

延迟加载:

1:settimeOut()

2:将js放在底部

相关文章

  • 异步加载和延迟加载

    异步加载: 1:在script元素中加上async属性(为了兼容老版本的IE 加上defer) 2:动态的添加sc...

  • vue中的懒加载和按需加载

    vue中的懒加载和按需加载 懒加载 (1)定义:懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 (2)异步...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • 同步加载、异步加载、延迟加载和预加载

    欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 同步加载 常默认的是同步加载 同步模式又称阻塞模...

  • 同步加载、异步加载、延迟加载和预加载

    欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~ 文章目录1 同步加载2 异步加载3 延迟加载4 ...

  • vue中的懒加载和按需加载

    懒加载 (1)定义:懒加载也叫延迟加载,即在需要的时候进行加载,随用随载。 (2)异步加载的三种表示方法: 1.r...

  • No.1 —答案

    15. js延迟加载和异步加载的区别,各自实现方法? (参考:《javascript高级程序设计第3版》 P13...

  • JS基础

    defer(延迟脚本)和async(异步脚本)区别:当把script的标签放在头部时,都是延迟加载,立即执行。但是...

  • 单例模式

    延迟加载 延迟加载是指等到真正使用时去创建实例,不使用时不创建实例 对比延迟加载(懒汉式)和非延迟加载(饿汉式):...

  • web优化之懒加载和预加载

    懒加载和预加载是常用的web优化的手段。所以我们首先应该明白什么是懒加载和预加载。懒加载:懒加载也加延迟加载,延迟...

网友评论

      本文标题:异步加载和延迟加载

      本文链接:https://www.haomeiwen.com/subject/npzgqxtx.html