JS特效会对打开速度有影响吗？
说到会影响网站打开速度的因素，相信大家第一个想到的是网站空间！诚然，网站的空间对于网站的打开速度是影响很大的！但是很多时候，对于空间我们是无法把控的，比如说，未备案的网站，那只能放在海外空间了！像这种情况，空间我们都比较难以把控了！今天小编就来为大家分享一个很容易被忽视的却很严重的因素！就是js特效的对于网站打开速度的影响！
一、网站源码为什么会对网站打开速度有影响？
首先小编跟大家介绍一下网页的加载顺序！
1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。
2. 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件。
3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件。
4. 浏览器继续载入html中<body>部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了。
5. 浏览器在代码中发现一个<img>标签引用了一张图片，向服务器发出请求。此时浏览器不会等到图片下载完，而是继续渲染后面的代码。
6. 服务器返回图片文件，由于图片占用了一定面积，影响了后面段落的排布，因此浏览器需要回过头来重新渲染这部分代码。
7. 浏览器发现了一个包含一行Javascript代码的<script>标签，赶快运行它。
8. Javascript脚本执行了这条语句，它命令浏览器隐藏掉代码中的某个<style>（style.display=”none”）。杯具啊，突然就少了这么一个元素，浏览器不得不重新渲染这部分代码。
9. 终于等到了</html>的到来，浏览器泪流满面……
我们在网站中，基本上都要使用到js、css、图片等文件，经过上面的介绍，大家也能了解到，如果页面加载过程中，某个js文件加载缓慢，或者js代码本身有问题，导致js运行慢，最终会导致网站加载的速度变慢！
举个栗子：
可以明显看到，页面刷新后，左边的加载速度比右边慢1秒左右，另外，页面完全加载完成后，浏览器自动返回页面顶部！总体耗时大概2秒左右！有人可能说2秒的话 其实并不慢啊，问题是在于，这个是阿里云的空间（并且浏览器有缓存），而且页面并没有多复杂内容，秒开才算正常！
这个网站的问题，就是js特效影响了页面的加载速度！
该客户的新网站(他说的前面那个网站)是我们做的，然后老网站是别人做的，然后找我们帮忙修改的！
二、怎么解决这个问题
其实对于js的处理，百度站长平台已经教过我们，很简单！
1.尽量把js文件合并到一个文件
2.尽量把js代码放到页面的</body>之前！
当然并不是所有的js都可以这么处理的！
当然影响网站打开速度的，不仅仅是js，无用的 代码标签，css等等都会影响到网站的打开速度！以后小编再慢慢为大家介绍！
97%的人还看了
关于知行网络
三门峡本地网站制作建设与宣传推广，品牌官网与网络推广完美结合,让网站真正为企业创效益，我们专注于三门峡网站建设推广，有效提升公司形象！
上一篇：教你如何优化网站结构，完美网站的用户体验 下一篇：网站建设好与坏！建站公司说了都不算
在线客服
QQ咨询
17666112342
