ControlJS

JS文件加载优化
授权协议 Apache
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 不详
投 递 者 解浩渺
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

ControlJS 主要为了是解决网页加载中Js文件的性能问题,ControlJS的原理

ControlJS本身是异步进行加载的,首先将script的标签type属性值更改为浏览器无法识别的类型,这样浏览器不会认为这是一个脚本。本身异 步加载的ControlJS执行时开始遍历type=”text/cjs”的script标签(包括内嵌脚本),如果存在”DATA-CJSSRC”属性 将创建IMAGE或者OBJECT对象(依赖浏览器而选择),去异步预下载脚本文件并缓存文件,直到window.onload时解析并执行 javascript,同时第二次去遍历遗漏的script标签。

  • Steve Souders 最近做了这么一个东西—— ControllJs。 主要为了是解决网页加载中Js文件的性能问题。这里做一个简单的转述。   众所周知,资源文件在浏览器加载直至用户可用是有两个阶段的:加载,执行。JavaScript的加载会阻滞其他资源的加载,而由于浏览器渲染是单线程的,JS执行的同时浏览器实际是假死状态的,页面渲染会停止,浏览器也不会下载新的文件。这样也会造成很大的性能问

  •   官方网站:http://stevesouders.com/controljs/ ControlJS能做什么: 异步加载脚本 脚本延迟执行 先看两个示例页面: 没有使用ControlJS的页面 | 使用了ControlJS的页面 怎样使用ControlJS: 要把ControlJS应用到您当前的页面中,只需修改三个部分的内容 #1:引入control.js文件 control.js本身会以异步的

  • http://code.google.com/p/controljs/    http://stevesouders.com/controljs/ A JavaScript module for making scripts load faster.   Features: downloads scripts asynchronously handles both inline scripts a

  • 关于ControlJs一共有三篇文章,这是第一部分。ControlJS是让脚本加载更快的一个模块(a javascript module for making scripts load faster). 三篇文章的结构分别为: 1. async loading 2. delayed execution 3.overriding document.write 关于第一部分的异步加载,这个的关键在于尽

  • 转自http://www.cnblogs.com/demix/archive/2010/12/17/1909288.html。 官方网站:http://stevesouders.com/controljs/ ControlJS能做什么: 异步加载脚本 脚本延迟执行 先看两个示例页面: 没有使用ControlJS的页面|使用了ControlJS的页面 怎样使用ControlJS: 要把Control

  • ControlJS是大牛steve souders的作品,官网:http://stevesouders.com/controljs/ 知识点: ①预加载js: var CJS =CJS || {}; CJS.downloadScript = function(url) { CJS.dprint("downloading " + url); if ( CJS.bIE || CJS.bOper

 相关资料
  • 本文向大家介绍学习javascript文件加载优化,包括了学习javascript文件加载优化的使用技巧和注意事项,需要的朋友参考一下 在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行。 所以,在这里,我们可以对其进行很多优化工作。 放置在BODY底部 为了让渲染引擎能够及早的将DOM树给渲染出来

  • 本文向大家介绍基于js文件加载优化(详解),包括了基于js文件加载优化(详解)的使用技巧和注意事项,需要的朋友参考一下 在js引擎部分,我们可以了解到,当渲染引擎解析到script标签时,会将控制权给JS引擎,如果script加载的是外部资源,则需要等待下载完后才能执行。 所以,在这里,我们可以对其进行很多优化工作。 放置在BODY底部 为了让渲染引擎能够及早的将DOM树给渲染出来,我们需要将sc

  • 主要内容:加载现有的PDF文档,第1步:加载现有的PDF文档,示例在前面的例子中,已经学习了如何创建一个新文档并向其中添加页面。 本章将教您如何加载系统中已经存在的PDF文档,并对其进行一些操作。 加载现有的PDF文档 类的方法用于加载现有的PDF文档。 按照以下步骤加载现有的PDF文档。 第1步:加载现有的PDF文档 使用类的静态方法加载现有的PDF文档。 此方法接受一个文件对象作为参数,因为这是一个静态方法,可以直接使用类名称调用它,如下所示。 第2步:执行

  • 性能与体验是前端的核心竞争力,是最直观反应页面是否好用、易用的标准。用户花在页面上的时间不应该是在等待页面加载和响应,而是使用和顺畅浏览的时间,因此如何提升页面性能和体验,让页面更快的可交互、浏览滚动更顺畅,是需要你持续的研究、优化、推进的。在 Rax 不断应用发展以及成熟的过程中,沉淀总结了一系列的性能体验的措施和最佳实践,通过这些,可以帮助你大幅提高页面的各项性能。 图片优化 图片占据着网页的

  • 我正在使用webpack管理reactjs项目。我想通过webpack

  • 我正在https://www.tutorialspoint.com/cucumber/cucumber_annotations.htm上做这个cucumber教程 他们告诉我在pom文件中添加一些依赖项:selenium-java、cucumber-java、cucumber-junit和jUnit。这是我的pom: 然后他们让我创建一个特性文件:annotation.feature和一个步骤定义

  • 下面的示例将展示使用文件从磁盘中获取HTML然后查找其数据。 语法 (Syntax) String url = "http://www.google.com"; Document document = Jsoup.connect(url).get(); 哪里 document - document对象表示HTML DOM。 Jsoup - 连接url并获取HTML String的主类。 url

  • 传统方式的导入外部JS和CSS文件的方法是直接在模板文件使用: <script type='text/javascript' src='/static/js/common.js'> <link rel="stylesheet" type="text/css" href="/static/css/style.css" /> 系统提供了专门的标签来简化上面的导入: {load href="/stati