如何提高javascript加载速度


Posted in Javascript onDecember 26, 2016

方法如下:

1、将所有<script>标签放在尽可能接近<body>标签底部的位置,以保证页面在脚本运行之前完成解析尽量减少对整个页面下载的影响

2、限制页面的<script>总数也可以改善性能。每当页面解析碰到一个<script>标签时, 紧接着有一段时间用于代码执行。最小化这些延迟时间可以改善页面的整体性能。

3、减少引用外部脚本文件的数量。每个 HTTP 请求都会产生额外的性能负担,下载一个 100KB 的文件比下载四个 25KB 的文件要快。总之,减少引用外部脚本文件的数量。

4、非阻塞方式下载脚本。等页面完成加载之后,再加载 JavaScript 源码

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
用prototype实现的简单小巧的多级联动菜单
Mar 24 Javascript
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
Dec 08 Javascript
基于jquery的超简单上下翻
Apr 20 Javascript
JavaScript使用IEEE 标准进行二进制浮点运算产生莫名错误的解决方法
May 28 Javascript
js实现在字符串中提取数字
Nov 05 Javascript
JavaScript实现对下拉列表值进行排序的方法
Jul 15 Javascript
Bootstrap每天必学之下拉菜单
Nov 25 Javascript
jquery中键盘事件小结
Feb 24 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
微信小程序如何使用云开发
May 17 Javascript
Node.js安装详细步骤教程(Windows版)详解
Sep 01 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 #Javascript
javascript实现去除HTML标签的方法
Dec 26 #Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 #Javascript
JS实现密码框的显示密码和隐藏密码功能示例
Dec 26 #Javascript
原生JS下拉加载插件分享
Dec 26 #Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 #Javascript
javascript输出AscII码扩展集中的字符方法
Dec 26 #Javascript
You might like
PHP 循环列出目录内容的函数代码
2010/05/26 PHP
使用 PHPMAILER 发送邮件实例应用
2012/11/07 PHP
解析php中array_merge与array+array的区别
2013/06/21 PHP
PHP 常用时间函数资料整理
2016/10/22 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
javascript getElementsByClassName 和js取地址栏参数
2010/01/02 Javascript
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
jquery 查找select ,并触发事件的实现代码
2011/03/30 Javascript
web开发人员学习jQuery的6大理由及jQuery的优势介绍
2013/01/03 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
jQuery编辑器KindEditor4.1.4代码高亮显示设置教程
2013/03/01 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
javascript定时器完整实例
2015/02/10 Javascript
基于JavaScript的操作系统你听说过吗?
2016/01/28 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
2016/09/03 Javascript
vue自定义tap指令及tap事件的实现
2018/09/18 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
js核心基础之闭包的应用实例分析
2019/05/11 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
使用Vue调取接口,并渲染数据的示例代码
2019/10/28 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
浅谈python的输入输出,注释,基本数据类型
2019/04/02 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
幼儿园老师辞职信
2014/01/20 职场文书
财务简历的自我评价
2014/03/05 职场文书
四议两公开实施方案
2014/03/28 职场文书
开工典礼策划方案
2014/05/23 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
二十年同学聚会致辞
2015/07/28 职场文书
初中军训感言
2015/08/01 职场文书
Nginx图片服务器配置之后图片访问404的问题解决
2022/03/21 Servers