编程 Javascript

脚本合并提升javascript性能示例

Posted in Javascript onFebruary 24, 2014

每个<script>标签初始下载时都会阻塞页面渲染，所以减少页面包含的<script>标签数量有助于改善这一情况。这不仅仅针对外链脚本，内嵌脚本的数量同样也要限制。浏览器在解析HTML页面的过程中每遇到一个<script>标签，都会因执行脚本而导致一定的延时，因此最小化延迟时间将会明显改善页面的总体性能。

通常一个大型网站或网络应用需要依赖数个javascript文件。你可以把多个文件合并成一个，这样只需引用一个<script>标签，就可以减少性能消耗。文件合并的工作可通过离线打包工具或者类似像YaHoo!combo handle的实时在线服务来实现。

<!-- 优化前： --> 
<html> 
<head> 
<title>Script Example</title> 
</head> 
<body> 
<p>Hello world!</p> 
<script type="http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js"></script> 
<script type="http://yui.yahooapis.com/combo?2.7.0/build/event/event-min.js"></script> 
</body> 
</html> <!-- 优化后： --> 
<html> 
<head> 
<title>Script Example</title> 
</head> 
<body> 
<p>Hello world!</p> 
<script src="http://yui.yahooapis.com/combo?2.7.0/build/yahoo/yahoo-min.js&2.7.0/build/event/event-min.js" type="text/javascript"></script> 
</body> 
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何实现动态删除javascript函数

May 27 Javascript

JavaScript高级程序设计客户端存储学习笔记

Sep 10 Javascript

jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

May 27 Javascript

Javascript获取当前日期的农历日期代码

Oct 08 Javascript

浅谈被jQuery抛弃的函数及替代函数

May 03 Javascript

JavaScript中的splice()方法使用详解

Jun 09 Javascript

js表单处理中单选、多选、选择框值的获取及表单的序列化

Mar 08 Javascript

jQuery实现点击水纹波动动画

Apr 10 Javascript

JavaScript两个变量交换值的实现方法

Mar 01 Javascript

vue子父组件通信的实现代码

Jul 09 Javascript

对vue.js中this.$emit的深入理解

Feb 23 Javascript

浅谈Webpack打包优化技巧

Jun 12 Javascript

动态加载脚本提升javascript性能

Feb 24 #Javascript

巧用局部变量提升javascript性能

Feb 24 #Javascript

javascript中的原型链深入理解

Feb 24 #Javascript

JSONP获取Twitter和Facebook文章数的具体步骤

Feb 24 #Javascript

动态加载js、css等文件跨iframe实现

Feb 24 #Javascript

js操纵dom生成下拉列表框的方法

Feb 24 #Javascript

js设置function参数默认值(适合没有传参情况)

Feb 24 #Javascript

You might like

强烈声明: 不要使用(include/require)_once

2013/06/06 PHP

PHP生成Gif图片验证码

2013/10/27 PHP

PHP实现长文章分页实例代码(附源码)

2016/02/03 PHP

微信自定义菜单的创建/查询/取消php示例代码

2016/08/05 PHP

PHP命名空间与自动加载类详解

2018/09/04 PHP

js跨浏览器实现将字符串转化为xml对象的方法

2013/09/25 Javascript

JavaScript分析、压缩工具JavaScript Analyser

2014/12/31 Javascript

基于JavaScript实现在新的tab页打开url

2016/08/04 Javascript

jQuery实现一个简单的轮播图

2017/02/19 Javascript

nodejs读写json文件的简单方法(必看)

2017/03/09 NodeJs

简单实现js进度条加载效果

2020/03/25 Javascript

checkbox:click事件触发span元素内容改变的方法

2017/09/11 Javascript

bootstrap轮播模板使用方法详解

2017/11/17 Javascript

html中通过JS获取JSON数据并加载的方法

2017/11/30 Javascript

vue.js学习笔记之v-bind和v-on解析

2018/05/03 Javascript

微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例

2018/12/20 Javascript

vue - vue.config.js中devServer配置方式

2019/10/30 Javascript

js实现文字头像的生成代码

2020/03/07 Javascript

JS字符串补全方法padStart()和padEnd()

2020/05/27 Javascript

vue 路由缓存路由嵌套路由守卫监听物理返回操作

2020/08/06 Javascript

[01:10]DOTA2 Supermajor：英雄，由我们见证

2018/05/14 DOTA

python网络编程示例(客户端与服务端)

2014/04/24 Python

Django1.11配合uni-app发起微信支付的实现

2019/10/12 Python

PyQt实现计数器的方法示例

2021/01/18 Python

详解win10下pytorch-gpu安装以及CUDA详细安装过程

2021/01/28 Python

关于PySnooper 永远不要使用print进行调试的问题

2021/03/04 Python

超市业务员岗位职责

2013/12/05 职场文书

女儿十岁生日答谢词

2014/01/27 职场文书

装修施工安全责任书

2014/07/24 职场文书

2015年财务个人工作总结范文

2015/05/22 职场文书

2016廉洁教育心得体会

2016/01/20 职场文书

2019年教师节活动策划方案

2019/09/09 职场文书

导游词之藏龙百瀑景区

2019/12/30 职场文书

用Python远程登陆服务器的步骤

2021/04/16 Python

Java实现经典游戏泡泡堂的示例代码

2022/04/04 Java/Android

MySQL分区以及建索引的方法总结

2022/04/13 MySQL