欢迎访问士人网络天水网站建设专业服务平台 网站地图 | 联系我们
天水网站建设制作设计公司【天水士人网络】
天水网络公司电话
当前位置:首页 > 资讯中心 > 行业资讯 > 正文

如何提高网站的访问速度 网站加载速度提升的方法

时间:2021-12-14 | 来源:士人网络 | 关注: 493

如何提高网站的访问速度 网站加载速度提升的方法

  网站的加载、访问速度不仅影响着用户体验,也会影响搜索引擎的排名,在百度推出“闪电算法”以来,将网站首屏打开速度被列入优化排名行列,并明确指定打开时间为2秒。那么如何提高网站的加载、访问速度呢?下面天水网站建设小编为您分享几条提升网站速度的方法。

  一、设置合适的图片大小

  太大的图片是提高页面速度的巨大障碍。图像质量很重要,但它必须与性能相平衡。经常看到某个页面超过10M大小,一张图片好几M,加载这张图片都得一定时间,特别是一些商城网站。如果不能有效修改图片大小,那么一定会影响用户体验。为此,您可以使用多种方法来压缩图像。在制作网站时,改变保存图像的方法会对网站的页面加载速度产生积极影响。您可以将图像保存为JPG而不是PNG(JPG文件更小,因此加载速度更快),尽可能使用SVG文件(它们更小,适用于形状或LOGO),将较大的图像放置在页面的更下方,以便在用户专注于您的首屏内容时加载它们。在上传到网站前对图片进行有效的处理,可大大减小图片的体积,这样网页加载时需要加载的体积减少,降低加载时间。

  二、减少HTTP请求

  http请求是要开销的,想办法减少请求数自然可以提高网页速度。常用的方法,合并css,js(将一个页面中的css和js文件分别合并)以及 Image maps和css sprites等。而这每一项的下载都会去请求一次HTTP。这类请求越多就会使整个网站页面加载完成时刻越长,也就意味着用户在客户端访问就会更慢。所以,这时就要尽量减少HTTP的请求数,一般咱们可以把CSS和JS直接写到页面中,这也能避开了外部的调用。总之,可以通过减少外部文件的数量调用来减少对HTTP的请求数。

  三、启用Gzip压缩功能

  Gzip的思想就是把文件先在服务器端进行压缩,然后再传输。这样可以显著减少文件传输的大小。传输完毕后浏览器会 重新对压缩过的内容进行解压缩,并执行。目前的浏览器都能“良好”地支持 gzip。不仅浏览器可以识别,而且各大“爬虫”也同样可以识别,各位seoer可以放下心了。而且gzip的压缩比例非常大,一般压缩率为85%,就是 说服务器端100K的页面可以压缩到25K左右再发送到客户端。而对于一些大中型网站来说,因为网站展示内容太多,其单个页面都能达到上百甚至几百KB,这都会使访问网站的速度变得很慢。所以在这个时候就可以采用Gzip页面压缩功能,可将一个100K左右的文章压缩到原有文件的四分之一,这就能减少网络传输量,来提高访问速度。VPS基本上都带有压缩功能,并通过这功能对一些JS,CSS等文件进行压缩,然后从各方面对网站进行优化,提高访问速度。

  四、将css放在页面最上面

  将css放在页面最上面,这是为什么?因为 ie,firefox等浏览器在css全部传输完全之前不会去渲染任何的东西。理由诚如小马哥说得那样很简单。css,全称Cascading Style Sheets (层叠样式表单)。层叠即意味这后面的css可以覆盖前面的css,级别高的css可以覆盖级别低的css。在[css之!important]这篇文章的最下面曾简单地提到过这层级关系,这里我们只需要知道css可以被覆盖的。既然前面的可以被覆盖,浏览器在他完全加载完毕之后再去渲染无疑也是合情合理的很多浏览器下,如IE,把样式表放在页面的底部的问题在于它禁止了网页内容的顺序显示。浏览器阻止显示以免重画页面元素,那用户只能看到空白页了。Firefox不会阻止显示,但这意味着当样式表下载后,有些页面元素可能需要重画,这导致闪烁问题。所以我们应该尽快让css加载完毕顺着这层意思,如果我们再细究的话,其实还有可以优化的地方。

  五、将script放在页面最下面

  将脚本放在页面最下面的目的有那么两点:

  1、因为防止script脚本的执行阻塞页面的下载。在页面loading的过程中,当浏览器读到js执行语句的时候一定会把它全部解释完毕后在会接下来读下 面的内容。

  2、脚本引起的第二个问题是它阻塞并行下载数量。HTTP/1.1规范建议浏览器每个主机的并行下载数不超过2个(IE只能为2个,其他浏览器如ff等都是默认设置为2个,不过新出的ie8可以达6个)。因此如果您把图像文件分布到多台机器的话,您可以达到超过2个的并行下载。但是当脚本文件下载时,浏览器不会启动其他的并行下载。

  六、把JavaScript和css都放到外部文件中

  这点我想还是很容易理解的。不仅从性能优化上会这么做,用代码易于维护的角度看也应该这么做。把css和js写在页面内容可以减少2次请求,但也增 大了页面的大小。如果已经对css和js做了缓存,那也就没有2次多余的http请求了。当然,我在前面中也说过,有些特殊的页面开发人员还是会选择内联 的css和js文件。

  七、运用CDN加速工具

  目前许多网站都会遍及运用CDN加速,而它本身对于网站的优化并不产生影响,基本加速原理就是是将网站镜像备份到许多VPS节点上,能使VPS节点周围的用户访问速度有所提高。可以经过此加速功能来提高用户的快速访问体验。

相关热词搜索: 网站访问速度,网站加载速度