说到会影响网站打开速度的因素,相信大家第一个想到的是网站空间!诚然,网站的空间对于网站的打开速度是影响很大的!但是很多时候,对于空间我们是无法把控的,比如说,未备案的网站,那只能放在海外空间了!像这种情况,空间我们都比较难以把控了!今天小编就来为大家分享一个很容易被忽视的却很严重的因素!就是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等等都会影响到网站的打开速度!以后小编再慢慢为大家介绍!
三门峡本地网站制作建设与宣传推广,品牌官网与网络推广完美结合,让网站真正为企业创效益,我们专注于三门峡网站建设推广,有效提升公司形象!
上一篇:教你如何优化网站结构,完美网站的用户体验 下一篇:网站建设好与坏!建站公司说了都不算