如何提高javascript加载速度


Posted in Javascript onDecember 26, 2016

方法如下:

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

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

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

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

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

Javascript 相关文章推荐
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
jquery根据属性和index来查找属性值并操作
Jul 25 Javascript
使用js获取图片原始尺寸
Dec 03 Javascript
jQuery实现contains方法不区分大小写的方法
Feb 13 Javascript
JS提交form表单实例分析
Dec 10 Javascript
jQuery中的基本选择器用法学习教程
Apr 14 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
Bootstrap导航简单实现代码
Mar 06 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
Mar 29 Javascript
Vue学习笔记进阶篇之过渡状态详解
Jul 14 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
虫族 Zerg 魔法科技
2020/03/14 星际争霸
win7计划任务定时执行PHP脚本设置图解
2014/05/09 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
Yii2实现上下联动下拉框功能的方法
2016/08/10 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
PHP curl批处理及多请求并发实现方法分析
2018/08/15 PHP
javascript Array.remove() 数组删除
2009/08/06 Javascript
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
js、jquery图片动画、动态切换示例代码
2014/06/03 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
javascript通过获取html标签属性class实现多选项卡的方法
2015/07/27 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
2016/11/01 Javascript
BootStrap整体框架之基础布局组件
2016/12/15 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
2018/08/28 Javascript
javascript将非数值转换为数值
2018/09/13 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
使用layer弹窗,制作编辑User信息页面的方法
2019/09/27 Javascript
举例讲解Python中的身份运算符的使用方法
2015/10/13 Python
[原创]pip和pygal的安装实例教程
2017/12/07 Python
PyQt5每天必学之事件与信号
2018/04/20 Python
win10下tensorflow和matplotlib安装教程
2018/09/19 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
Python动态导入模块:__import__、importlib、动态导入的使用场景实例分析
2020/03/30 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
python PIL模块的基本使用
2020/09/29 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
Java中实现多态的机制
2015/08/09 面试题
简历中个人自我评价范文
2013/12/26 职场文书
体育系毕业生求职自荐信
2014/04/16 职场文书
作风建设演讲稿
2014/05/23 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
python 下划线的多种应用场景总结
2021/05/12 Python
python for循环赋值问题
2021/06/03 Python