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

cnblogs中在闪存中屏蔽某人的实现代码

Nov 14 Javascript

javascript删除元素节点removeChild()用法实例

May 26 Javascript

基于jQuery实现的菜单切换效果

Oct 16 Javascript

js实现(全选)多选按钮的方法【附实例】

Mar 30 Javascript

JavaScript中关于iframe滚动条的去除和保留

Nov 17 Javascript

vue+axios实现登录拦截的实例代码

May 22 Javascript

JS实现的3des+base64加密解密算法完整示例

May 18 Javascript

Bootstrap Table 双击、单击行获取该行及全表内容

Aug 31 Javascript

layui输入框中只允许输入整数的实现方法

Sep 18 Javascript

jQuery 常用特效实例小结【显示与隐藏、淡入淡出、滑动、动画等】

May 19 jQuery

javascript实现图片轮换动作方法

Aug 07 Javascript

vue-cli脚手架的.babelrc文件用法说明

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

MySQL授权问题总结

2007/05/06 PHP

PHP pathinfo()获得文件的路径、名称等信息说明

2011/09/13 PHP

解析php中反射的应用

2013/06/18 PHP

解析:php调用MsSQL存储过程使用内置RETVAL获取过程中的return值

2013/07/03 PHP

php数组合并array_merge()函数使用注意事项

2014/06/19 PHP

php基础设计模式大全(注册树模式、工厂模式、单列模式)

2015/08/31 PHP

Laravel如何友好的修改.env配置文件详解

2017/06/07 PHP

PHP检查端口是否可以被绑定的方法示例

2018/08/09 PHP

GreyBox技术总结（转）

2010/11/23 Javascript

防止文件缓存的js代码

2013/01/10 Javascript

js中substr,substring,indexOf,lastIndexOf的用法小结

2013/12/27 Javascript

全面解析Bootstrap弹窗的实现方法

2015/12/01 Javascript

基于KO+BootStrap+MVC实现的分页控件代码分享

2016/11/07 Javascript

js对字符串进行编码的方法总结(推荐)

2016/11/10 Javascript

浅谈Node.js爬虫之网页请求模块

2018/01/11 Javascript

深入浅析Vue.js中 computed和methods不同机制

2018/03/22 Javascript

layui问题之自动滚动二级iframe页面到指定位置的方法

2019/09/18 Javascript

JS常见内存泄漏及解决方案解析

2020/05/30 Javascript

python 图片验证码代码分享

2012/07/04 Python

python正则表达式re模块详解

2014/06/25 Python

Python中的面向对象编程详解(下)

2015/04/13 Python

pymongo实现多结果进行多列排序的方法

2015/05/16 Python

Python读取本地文件并解析网页元素的方法

2018/05/21 Python

详解django中使用定时任务的方法

2018/09/27 Python

Python将字符串常量转化为变量方法总结

2019/03/17 Python

python3 requests库文件上传与下载实现详解

2019/08/22 Python

送给他或她的礼物：FUN.com

2018/08/17 全球购物

俄罗斯卫浴采暖及维修用品超级市场：Dkrussia

2020/05/12 全球购物

难忘的一天教学反思

2014/04/30 职场文书

应届大学生求职信

2014/07/20 职场文书

党员干部批评与自我批评反四风思想汇报

2014/09/21 职场文书

离婚协议书应该怎么写

2014/10/12 职场文书

群众路线教育实践活动调研报告

2014/11/03 职场文书

2015学校师德师风工作总结

2015/04/22 职场文书

2019最新公司租房合同(例文)

2019/07/18 职场文书

解决ObjectMapper.convertValue() 遇到的一些问题

2021/06/30 Java/Android