编程 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 相关文章推荐

Sample script that displays all of the users in a given SQL Server DB

Jun 16 Javascript

js中将HTMLCollection/NodeList/伪数组转换成数组的代码

Jul 31 Javascript

基于Jquery实现的一个图片滚动切换

Jun 21 Javascript

IE不支持getElementsByClassName最终完美解决方案

Dec 17 Javascript

ExtJs中gridpanel分组后组名排序实例代码

Dec 02 Javascript

jquery实现未经美化的简洁TAB菜单效果

Aug 28 Javascript

JavaScript实现格式化字符串函数String.format

Dec 16 Javascript

详解Vue2.x-directive的学习笔记

Jul 17 Javascript

详解vue.js下引入百度地图jsApi的两种方法

Jul 27 Javascript

video.js 实现视频只能后退不能快进的思路详解

Aug 09 Javascript

Vue组件教程之Toast(Vue.extend 方式)详解

Jan 27 Javascript

vue中使用[provide/inject]实现页面reload的方法

Sep 30 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

转生史莱姆：萌王第一次撸串开心到飞起，哥布塔撸串却神似界王神

2018/11/30 日漫

用PHP的ob_start();控制您的浏览器cache!

2007/02/14 PHP

快速配置PHPMyAdmin方法

2008/06/05 PHP

PHP 抓取新浪读书频道的小说并生成txt电子书的代码

2009/12/18 PHP

使用PHP连接数据库_实现用户数据的增删改查的整体操作示例

2017/09/01 PHP

PHP中数组转换为SimpleXML教程

2019/01/27 PHP

PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】

2019/05/06 PHP

js Form.elements[i]的使用实例

2011/11/13 Javascript

鼠标焦点离开文本框时验证的js代码

2013/07/19 Javascript

JQuery实现鼠标滚轮滑动到页面节点

2015/07/28 Javascript

Javascript刷新窗口方法小结

2015/10/21 Javascript

JavaScript事件 "事件对象"的注意要点

2016/01/14 Javascript

基于JavaScript实现右键菜单和拖拽功能

2016/11/28 Javascript

获取select的value、text值的简单示例（jquery与javascript）

2016/12/07 Javascript

折叠菜单及选择器的运用

2017/02/03 Javascript

微信小程序向左滑动删除功能的实现

2017/03/10 Javascript

jQuery实现简单的抽奖游戏

2017/05/05 jQuery

javascript 日期相减-在线教程(附代码)

2017/08/17 Javascript

js中如何完美的解析数据

2018/03/18 Javascript

小程序清理本地缓存的方法

2018/08/17 Javascript

js 实现在2d平面上画8的方法

2018/10/10 Javascript

详解如何在Angular优雅编写HTTP请求

2018/12/05 Javascript

layui 弹出层回调获取弹出层数据的例子

2019/09/02 Javascript

Python中使用中文的方法

2011/02/19 Python

python实现批量改文件名称的方法

2015/05/25 Python

python生成随机红包的实例写法

2019/09/02 Python

利于python脚本编写可视化nmap和masscan的方法

2020/12/29 Python

行政办公员自我评价分享

2013/12/14 职场文书

自我评价200字分享

2013/12/17 职场文书

工作目标责任书

2014/07/23 职场文书

教师四风问题整改措施

2014/09/25 职场文书

英文投诉信格式

2015/07/03 职场文书

2015年酒店销售部工作总结

2015/07/24 职场文书

员工保密协议范本，您一定得收藏！很有用！

2019/08/08 职场文书

Python数据清洗工具之Numpy的基本操作

2021/04/22 Python

使用Python解决图表与画布的间距问题

2022/04/11 Python