在日常互联网中,如果我们打开一个页面非常慢,我们大部分时间都会关闭页面,寻找其他响应更快的页面。因此,网页的响应速度对用户体验非常重要,对于Web前端工程师来说,如何解决网页打开速度的问题也是非常重要的。下面,由于Web前端对JS文件的引用过多,编辑器将与您分享如何解决如何解决页面打开速度问题。
JS语言的优缺点
JavaScript的优势:
作为客户端脚本语言,JavaScript中的任意代码函数可以立即执行而无需等待服务器连接及应答,因此速度非常的快,JavaScript相对于其他的语言来说,也特别的容易上手,它能够和其他多种语言顺利的相互协作,并且可用于多种不同的应用程序,与PHP和SSI脚本不同,JavaScript可以被插入任何网页中,而不用考虑扩展名。
JavaScript的弊端:
因为在用户的浏览器上运行,因此可能会被恶意运用,因为他的安全性并不太高,所以一些用户会选择禁用JavaScript,它在不同的浏览器上也会有不同的方式进行解释,相对于能提供同样输出的服务端脚本,JavaScript客户端脚本的预测性较差,不过这一问题并不是特别的严重,主要我们在全部主流浏览器上充分测试就可以了。
如何解决网页中JS文件引用过多的问题
1、一般做法
一般我们会把所有的<script>元素都应该放在页面的<head>标签里,但由于是顺序加载,因此只有当所有JavaScript代码都被依次下载、解析和执行完之后,才开始加载<body>标签里面的内容。
2、把<script>标签放在<body>标签最后面
这样会先加载、解析页面元素,而后再加载JS代码,直观表现上就是页面打开速度有所提升。当然需要注意的是,如果页面需要用到某个JavaScript文件,那这个JS文件的引用还是需要放在页面元素之前,如放在<head>标签里。
如何解决在web前端中由于JS文件引用过多影响页面打开速度的问题
3、加defer属性
在<script>标签中加入defer属性,该defer属性相当于告诉浏览器立即下载脚本,但延迟执行。脚本会在整个页面元素解析完成后再运行。
4、加async属性
在<script>标签中加入async属性,该属性与defer属性类似,相当于告诉浏览器立即下载脚本,但是是异步下载,下载顺序不确定,执行速度也不确定。
相关阅读
学习前端的学生都知道前端开发需要掌握三种语言:HTML、CSS、JS。其中JS是JavaScript的缩写。因此,本文给学习前端开发的初学者
在引入外部JS文件的情况下,不能在<script></script>之间插入代码,插入的代码不执行,只执行引入的外部文件。 attack.html 代码: <!D
Chrome浏览器清除页面js文件缓存 Chrome浏览器清除js缓存方法虽然简单,但有些人还是不太会,有些人会去设置里面清除有时候没有用,