js加载速度慢怎么解决?

JavaScript013

js加载速度慢怎么解决?,第1张

解决办法:换一个js包含的方式,让javascript加载速度倍增。

把通常加载方式:

<script src="xxxx.js"></script>

改变成:

<script type="text/javascript">document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")

</script>

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

一:压缩或精简Javascript代码和css代码。

无论什么类型的网站,用户第一次点击网站的时候,都会加载网站的Javascript和css代码,假设这些代码冗多,势必会降低网站打开速度。

如果有这样的问题,就要对代码进行压缩或精简。压缩方面,有大量的第三方工具如站长之家的CSSJS压缩工具可供大家直接免费试用,经过压缩的代码,普遍能减小40%到65%。精简方面,能用一个样式控制就不用两个,思路是既能满足网站的页面布局,又是最小的代码量。

二:降低HTTP请求。

有数据显示,流量器会花费8成的时间来加载脚本,css样式表,图片等网站元素,只有约2成的时间会用于加载网站其他的主要文字内容。问题是各个网站都会有HTTP请求,且同一个时间内只能有2个HTTP请求,这样的问题下,假设有大于2个的HTTP请求一同请求,那么势必会降低网站打开速度。如图:

找到了HTTP请求对网页速度的影响,下一步的解决办法就是降低HTTP请求数。

3:对Javascript代码和css代码以及图片进行服务器端的缓存设置。

大家有发现这样一个情况,假设用户第一次访问了你的网站,那么用户下一次再次访问你的站点,速度就会更快。这是什么原因呢?原因在于浏览器缓存。

大多数服务器,或空间已经默认设置了缓存功能,站长或者seoer要做的就是在后台设定相应文件类型以及过期时间。在此,建议为:如果是windows主机,就将图片,css和Javascript文件的缓存时间设置为30天;如果是Apache

Web服务器,则使用mod_cache模块开启缓存功能。

4:优化css中的引用图片。

假设一个页面需要大量的周边图片,如下图标等,如果这些图片都是单独调用,那么请求数就会加大,这就说明:cssimages过多,请求数就会增大,网站打开速度就会变慢。

如果我们将页面所需要使用的图片合并在一张图上,那么这些图片请求数就会变为1,页面速度相对就会加快。如何将需要的图片放在一张图上并在相应的位置调用呢?方法在于坐标定位。即:通过css坐标取得图片路径,标签中引用相应坐标。

如果你对前端了解,那么这些都不是大问题,如果你不懂css,那么CSS图片合并生成器类工具(百度即可)能直接提供相应内容:合并css图片,同时生成相应代码。

5:跳转代码位置,跳转代码加载顺序。

网站被点击后,页面代码是从上到下加载的。因为这个原因,我们就能对部分的脚本代码做相应的调整。

比较简单,我们通过查看与之间的代码,主要是Javascript脚本代码,把不重要的,非必须的调整到页面底部。只要页面能正常显示,那么其余的统计代码等都可以后一步加载。

如seo是什么这个站点,分享等按钮都放置到了底部。

6:压缩图像。

有数据显示,图片加载时间是造成网站速度的最大因素,将图片加载速度问题解决,页面速度问题就解决了一大半。假设网站有大量jpg等格式的图片,需要在不影响视觉的前提下,尽量对其压缩,以减少图片本身的大小。与压缩Javascript文件类似,有大量的在线工具提供相应压缩服务,有大量的图像编辑软件如美图秀秀等,都有压缩功能。

7:服务器端开启gzip压缩功能。

gzip压缩是效率较高的一种数据压缩格式。如果开启gzip压缩,压缩率一般能达到75%左右,效果非常明显。

提高移动网页加载的速度,可以从服务器的优化、网页的容量、请求响应等方面入手,这些方面优化后必然可以提高加载速度。

工具:手机、网站、浏览器

方法/步骤:

1、服务器硬件软件配置要好,网络、读写响应等要做好优化。

2、可以开启gzip压缩技术,减少页面传输中容量,增加页面传输速度。

3、页面代码标签要尽量优化,把不需要的空格、可有可无的便签布局等删除。

4、单个页面大小控制好,或者可以做分页等处理。

5、css、js统一到外部文件。

6、图片大小控制好,能裁剪压缩处理的尽量做压缩处理。

7、有些资源可以缓存的可以直接做缓存处理,保存到客户端本地,减少频繁传输。