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

JS实现定时自动关闭DIV层提示框的方法

May 11 Javascript

JavaScript中数组添加值和访问值常见问题

Feb 06 Javascript

ajax在兼容模式下失效的快速解决方法

Mar 22 Javascript

JS中frameset框架弹出层实例代码

Apr 01 Javascript

纯JS代码实现气泡效果

May 04 Javascript

JavaScript判断页面加载完之后再执行预定函数的技巧

May 17 Javascript

jQuery使用中可能被XSS攻击的一些危险环节提醒

May 24 Javascript

Node.js的基本知识简单汇总

Sep 19 Javascript

JavaScript 函数的定义-调用、注意事项

Apr 16 Javascript

jQuery Datatables表头不对齐的解决办法

Nov 27 jQuery

详解单页面路由工程使用微信分享及二次分享解决方案

Feb 22 Javascript

详解 TypeScript 枚举类型

Nov 02 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

PHP中使用CURL模拟登录并获取数据实例

2014/07/01 PHP

php结合ajax实现手机发红包的案例

2016/10/13 PHP

PHP htmlspecialchars()函数用法与实例讲解

2019/03/08 PHP

jQuery 解析xml文件

2009/08/09 Javascript

javascript 定义新对象方法

2010/02/20 Javascript

javascript实现div的拖动并调整大小类似qq空间个性编辑模块

2012/12/12 Javascript

jquery滚动条插件jScrollPane的使用介绍

2013/11/08 Javascript

JavaScript自学笔记(必看篇)

2016/06/23 Javascript

利用js获取下拉框中所选的值

2016/12/01 Javascript

基于VUE.JS的移动端框架Mint UI的使用

2017/10/11 Javascript

基于vue2.0实现简单轮播图

2017/11/27 Javascript

vue实现验证码按钮倒计时功能

2018/04/10 Javascript

JavaScript防止全局变量污染的方法总结

2018/08/02 Javascript

JS 验证码功能的三种实现方式

2018/11/26 Javascript

JavaScript中import用法总结

2019/01/20 Javascript

vue数据响应式原理知识点总结

2020/02/16 Javascript

JavaScript设计模式--桥梁模式引入操作实例分析

2020/05/23 Javascript

微信小程序实现星星评分效果

2020/11/01 Javascript

Python 爬虫模拟登陆知乎

2016/09/23 Python

python感知机实现代码

2019/01/18 Python

Pytorch中.new()的作用详解

2020/02/18 Python

Window系统下Python如何安装OpenCV库

2020/03/05 Python

Python中使用Selenium环境安装的方法步骤

2021/02/22 Python

纯CSS实现菜单、导航栏的3D翻转动画效果

2014/04/23 HTML / CSS

使用CSS3的font-face字体嵌入样式的方法讲解

2016/05/13 HTML / CSS

利用HTML5+css3+jquery+weui实现仿微信聊天界面功能

2018/01/08 HTML / CSS

改变生活的男士内衣：SAXX Underwear

2019/08/28 全球购物

大学生实习自我鉴定

2013/12/11 职场文书

报社实习生自荐信

2014/01/24 职场文书

班级活动总结格式

2014/08/30 职场文书

教师批评与自我批评心得体会

2014/10/16 职场文书

小学教师学习党的群众路线教育实践活动心得体会

2014/10/31 职场文书

2016应届大学生自荐信模板

2016/01/28 职场文书

世界文化遗产导游词

2019/08/07 职场文书

MySQL之DML语言

2021/04/05 MySQL

请求模块urllib之PYTHON爬虫的基本使用

2022/04/08 Python