学习方法

网站的打开速度提高的方法

时间:2022-10-26 10:12:26 学习方法 我要投稿
  • 相关推荐

网站的打开速度提高的方法

  网站的打开速度提高的方法有哪些?服务器的响应速度快是网站打开的基础,访客跳出率高多半是因为网站打开速度慢。

  搜索引擎对网站的打开速度也有要求,如果过慢会降低网站在搜索引擎的良好印象,因此提高网站打开速度尤为重要。

  小编从以下几个角度来分析如何提高网站的打开速度,如有个别处不明白,请参考网站其他文章。

  1、合理选择服务器、线路、带宽配置来提高网站打开速度

  合理的服务器配置是网站打开最基本的保证,这里面由于涉及到网站程序、网络硬件以及操作系统的知识,由于一些站长知识面有限,不能完全想到这里面的秘密。

  先从基本的线路来说,一般来说,国内的线路要优于国外的(指国内访问),带CDN分发的服务器要优于固定线路的机房,BGP多线也优于多线或单线;服务器接入带宽的吞吐量和突发带宽上限也对网站的访问速度有一定的影响,带突发的1M甚至优于固定带宽3M。

  网站服务器配置也要合理,不合理即是浪费也是降低打开速度。

  一般说来,需要数据处理要求较的要以CPU为重,保证处理,这种情况一般见于动态网站或线上办公系统等,要选择数据处理型号的服务器,就是CPU要多保证足够的处理速度;而另一种是访问型的,以内容为主,要求访问量大,但数据处理不高,这种建设选择内存型的,多配置内存。

  2、合理运用网站服务软件的压缩功能

  一般网站服务器软件都带有压缩功能,这一点我们从站长工具里SEO综合检测就可以看出来自己的网站有没有被压缩,一般HTML、JS、CSS文件都可以进行,从而减少网站页面的体积,提高打开速度。

  3、从网站代码结构来优化页面提高网站页面打开速度

  1、调用jquery等库文件来做特效时,也应该选择一些较小的文件,只要满足需要就行,而且最好扰多个JS文件合并,减少加载次数,并且将JS加载项放于页面的最底部。

  2、采用WEB标准的DIV+CSS的结构要比表结构更加的节省代码,如果网页很长,那么通过分页的方法,也能够减少每一个网页的大小。

  3、CSS文件优化,CSS做好样式并不就意味着完事大吉,最好将CSS文件同类的进行合并,减少代码量。

  4、网站图片是必不可少的,那么我们需要做的事情很简单,尽可能在不失真的情况下压缩图片再传至网页。

  如果网页图片过多,可以用JS合并压缩,这样也能减少图片的“体积”。

  提高网站响应速度是系统性问题,与服务器的配置、带宽的吞吐量、是否有CDN加速、网页加载项、图片的大小等都有一定的关系,而这些由于限于客观条件又不是完全可以达到最优。

  因此司慧网络建议站长们根据实际约束尽量做到页面响应合理即可。

  提高网站打开速度

  1: 缩小Javascript和CSS文件

  如果你的网站大约有50-60%的用户是第一次访客,那么这些人会下载Javascript和CSS,如果这些文件很大浏览器会下载很长时间。

  使用压缩工具可以减少Javascript和CSS尽一半的文件大小,如果你有信心使用“命令行”我强烈推荐使用雅虎的YUI压缩,至少能提高40%到60%的压缩率,如果你是在不懂可以用站长之家的CSS\JS压缩工具。

  2:减少HTTP请求

  浏览器会花费80%的时间获取外部元件,包括脚本、样式表、图像等,只有20%的时间用来加载内容,每个网站都会有许多HTTP请求,由于只有2个HTTP请求可以在同一时间传送,所以请求一旦过多就会造成延迟。

  通过Yslow可以看出我博客的HTTP请求数,可以看到JS、CSS和CSS引用的图片文件过多,导致HTTP请求过多。

  3:缓存图片、CSS和Javascript

  每当一个新用户访问你的网站,图片、CSS和Javascript应该在其浏览器缓存,这样他们下一次访问就特别快。

  绝大多数windows主机已经默认启用了,只需要在控制面板中设定过期时间和文件类型那个就可以了,我建议图片、CSS和Javascript时间可设置为一个月。而对于Apache Web服务器,使用mod_cache模块开启缓存。:

  4:合并CSS引用图片

  很多网站的图片都是切成小块的,这样下来就会有大量CSS引用图片,cssimages也是影响网站速度的一种重要因素。

  如果我们把CSS图片合并成一个,14个HTTP请求变成1个,想想会是什么效果?它的原理就是通过CSS坐标的方式取得图片径路,每个CSS标签引用不同坐标就会得到不同图片。我们看到很多网站的CSS图片只有一张,用的就是这个原理。

  不懂也没有关系,CSS图片合并生成器这个网站能帮助你合并CSS图片,并且能得到相应代码。

  5:只加载部分的基本脚本

  这个最简单,不花时间,点击自己网站右键“查看源文件”找到与之间的区域,看看那些不重要好的JS文件,把它仍到页面底部,也就是让它最后加载。或者直接删除。

  例如可以引用的jiathis(社会化分享按钮)和util.js(回顶部、写评论快捷标签),让它最后加载,这样能提升内容打开速度,而且它们也不太重要。

  6:对图像进行压缩

  除非你加载视频,那么影响网站速度罪魁祸首应该就是图片了,如果是jpeg、png图片,保证不失品质的前提下,让他们尽量压缩,Fireworks软件“导出向导”功能,它提供了一个很好的方式来预览保存的图像,让图片大小与质量之间平衡,大多数其他图像编辑软件都有类似的功能。

  例如每篇博文配图都用了“导出向导”功能,我尽量把图片都压缩在30K以内,在一定程度上加快了浏览速度,但也有部分图片失真,看不清楚。

  7:开启gzip模块

  gzip压缩是非常流行的一种数据压缩格式,一般网站启用gzip后,压缩率都会有70%-80%的提升,效果是立竿见影的。

  部分虚拟主机默认有gzip功能,但大部分没有,独立主机、VPS一般可以设置,开启gzip会加重服务器负担,而且要修改服务器配置,强烈建议大家开启gzip,如果不清楚可以问问所在空间商,让他们帮忙开启。

【网站的打开速度提高的方法】相关文章:

最新提高阅读速度与理解能力学习方法03-29

提升打字速度的方法06-24

怎样迅速提高打字速度11-15

如何快速提高打字速度11-15

提高阅读效率的方法01-07

提高学习效率的方法11-15

提高学习能力的方法12-19

提高睡眠质量方法11-15

手机QQ打卡的打开方法11-15

提高学习效率的方法大全10-28