三门峡靠谱的网站建设公司! 首次建站指南 | 网站备案

让你的网站天生具有成交力!

专注于三门峡企业网站建设、营销型网站建设、官网制作、网站推广外包。

176-6611-2342 请放心咨询,总有办法帮助到您!
当前位置: 主页 > 建站资讯 > 建站与运营 > JS特效会对打开速度有影响吗?

JS特效会对打开速度有影响吗?

所属分类:建站与运营作者:admin发布时间:2017-06-27 点击次数:

说到会影响网站打开速度的因素,相信大家第一个想到的是网站空间!诚然,网站的空间对于网站的打开速度是影响很大的!但是很多时候,对于空间我们是无法把控的,比如说,未备案的网站,那只能放在海外空间了!像这种情况,空间我们都比较难以把控了!今天小编就来为大家分享一个很容易被忽视的却很严重的因素!就是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咨询 QQ咨询 17666112342