博尔塔拉公司

    如何优化让网站打开速度更快

    日期:2017-11-30 人气:619286
    导读: 前段时刻,常常有人跟我说起为什么有的网站翻开速度会很慢,等它加载完结需求一分钟左右,而有的翻开速度很快,刷的一下就出来了。在相同的带宽下为什么会出现这种现象呢?这与你的网站的服务器、网站主页的体积等有很大联系。  一、优化图片  几乎没有哪个网页上是没有图片的。如果你经历过56K猫的时代,你必定不会很喜欢有许多图片的网站。由于加载那样一个网页会花费许多的时刻。即便在现在,网络带宽有了许

     前段时刻,常常有人跟我说起为什么有的网站翻开速度会很慢,等它加载完结需求一分钟左右,而有的翻开速度很快,刷的一下就出来了。在相同的带宽下为什么会出现这种现象呢?这与你的网站的服务器、网站主页的体积等有很大联系。

      一、优化图片

      几乎没有哪个网页上是没有图片的。如果你经历过56K猫的时代,你必定不会很喜欢有许多图片的网站。由于加载那样一个网页会花费许多的时刻。即便在现在,网络带宽有了许多的进步,56K猫逐步淡

      出,优化图片以加快网页速度仍是很有必要的。优化图片包含削减图片数、下降图画质量、运用恰当的格局。

      1、削减图片数:去除不必要的图片。

      2、下降图画质量:如果不是很必要,测验下降图画的质量,尤其是jpg格局,下降5%的质量看起来改变不是很大,但文件大小的改变是比较大的。

      3、运用恰当的格局:请参阅下一点。

      因而,在上传图片之前,你需求对图片进行修改,如果你觉得photoshop太费事,能够试试一些在线图片修改东西。懒得修改而又想图片有特殊的作用?能够试试用过调用javascript来完成图片特效。

      二、图画格局的挑选

      一般在网页上运用的图片格局有三种,jpg、png、gif。三种格局的详细技术指标不是这篇文章讨论的内容,我们只需求知道在什么时分应该运用什么格局,以削减网页的加载时刻。

      1、JPG:一般用于展现景色、人物、艺术照的拍摄著作。有时也用在电脑截屏上。

      2、GIF:供给的色彩较少,可用在一些对色彩要求不高的当地,比方网站logo、按钮、表情等等。当然,gif的一个重要的应用是动画图片。就像用Lunapic制造的反照图片。

      3、PNG:PNG格局能供给通明布景,是一种专为网页展现而创造的图片格局。一般用于需求布景通明显现或对图画质量要求较高的网页上。

      三、优化CSS

      CSS叠层样式表让网页加载起来更高效,阅读体会也得到进步。有了CSS,表格布局的办法能够退休了。

      但有时我们在写CSS的时分会运用了一些比较罗嗦的句子,比方这句:margin-top: 10px; margin-right: 20px;margin-bottom: 10px;margin-left: 20px;你能够将它简化为:margin: 10px 20px 10px

      20px;

      又或许这句:A paragraph of decorated text

      Second paragraph

      Third paragraph

      Forth paragraph

      能够用div来包含:

      A paragraph of decorated text

      Second paragraph

      Third paragraph

      Forth paragraph

      简化CSS能去除冗余的特点,进步运转功率。如果你写好CSS后懒得去做简化,你能够运用一些在线的简化CSS东西,比方CleanCSS。

      四、网址后加斜杠

      有些网址,比方www.yizhannet.com/dnbc,当服务器收到这样一个地址恳求的时分,它需求花费时刻去断定这个地址的文件类型。如果sucai是一个目录,无妨在网址后多加一个斜杠,让其变成www.yizhannet.com/dnbc/,这样服务器就能一望而知地知道要拜访该目录下的index或default文件,然后节省了加载时刻。

      五、标明高度和宽度

      这点很重要,但许多人由于懒散或其它原因,总是将其忽视。当你在网页上增加图片或表格时,你应该指定它们的高度和宽度,也就是height和width参数。如果阅读器没有找到这两个参数,它需求一边下载图片一边核算大小,如果图片许多,阅读器需求不断地调整页面。这不光影响速度,也影响阅读体会。

      下面是一个比较友好的图片代码:alt="moon image" /> 当阅读器知道了高度和宽度参数后,即便图片暂时无法显现,页面上也会腾出图片的空位,然后持续加载后边的内容。然后加载时刻快了,阅读体会也更好了。

      六、削减http恳求

      当阅读者翻开某个网页,阅读器会宣布许多目标恳求(图画、脚本等等),视乎网络延时状况,每个目标加载都会有所推迟。如果网页上目标许多,这能够需求花费许多的时刻。

      因而,要为http恳求减负。如何减负?

      1、去除一些不必要的目标。

      2、将接近的两张图片组成一张。

      3、合并CSS 。

      七、其它小技巧

      1、去除不必要加载项。

      2、如果在网页上嵌入了其它网站的widget,如果有挑选地步,必定要挑选速度快的。

      3、尽量用图片替代flash,这对SEO也有优点。

      4、有些内容能够静态化就将其静态化,以削减服务器的担负。

      5、计算代码放在页尾。

      我们在阅读过程中,发现网页翻开的速度不是很抱负,当然一个原因是服务器不稳定以及网络速度较慢,另一个首要原因是我们在编排布局时运用了大表格,尽管这样比较利于布局,可是不利于网页的翻开速度。对此,总结了一些切实可行的办法,这样在拟制造网页时,能够令你的网页翻开速度大大进步。

      一、不要将整个页面内容放到一个Table中

      在网页设计过程中,将整个页面用一个表格划分为如下的形状:

      这样,头部导航,底部版权信息、联系办法,左边导航友情链接都能够经过文件包含到网页中,页面布局便利,也削减了相同网页的重复制造,而且能做到一改全改,非常便利。可是,这种网站的

      显现速度是肯定慢的。由于Table要等里边所有的内容都加载结束后才显现出来的,如果某些内容无法拜访,就会拖延整个页面的拜访速度。

      这个问题其实在我们上WEB开发的课上,教师现已提到过,正确的做法是:将内容分割到几个具有相同格局的Table中去,不要全都放到一个Table里。

      二、尽量运用静态HTML页面

      众所周知,ASP、PHP、JSP等程序完成了网页信息的动态交互,运转起来确实非常便利,由于它们的数据交互性好,能很便利地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。

      可是这类程序有必要先由服务器履行处理后,生成HTML页面,然后再“送”往客户端阅读,这就不得不消耗必定的服务器资源。过多地运用这类程序,网页显现速度肯定会慢,所以尽量运用静态的HTML页

      面。

      我们制造的网站,首要是向用户供给信息,不需求和用户许多沟通,所以我们首要是选用静态页面。只要在进行文件包含时选用了后缀名为.shtnl的网页。

      三、网页尽量精简

      我们阅读网页实际上是将服务器上的网页内容下载到本地硬盘,再用阅读器解释检查的。下载网页的快慢在显现速度上占了很大比重,所以,网页自身所占的空间越小,那么阅读速度就会越快。

      这就要求在做网页的时分遵从全部从简的准则,如:删去无用代码,不要运用太大的Flash动画、图片格局尽量运用.gif等等。

      能够测验运用gif和Jpeg交互格局的图象,由于交互格局的图画是分级显现出来的--首先以很低的分辨率显现,然后逐步进步分辨率,直至最后到达正常显现--这种办法有时分会使较大的图画看起来好象

      装载得快一些,实际上并非如此,但这是一种有利的幻觉。这样也便于读者在图画装载的过程中看到它的容貌,如果他们不喜欢或不想看的话就有机会中断传输或转向其他当地。

      四、留意友情链接

      网站之间相互做链接能够增加网站的宣扬作用,同时也便利了网站的拜访者。一种办法是做LOGO图片链接,这样更能精确地描绘网站的主题和定位,宣扬作用会大大的增强,但图片链接做得太多,

      必然会影响网页的显现速度。

      所以,做友情链接时应尽量考虑做以下几点:

      1、多做文字链接:做文字链接是不会推迟网页速度的。

      2、如果友情链接必定要出现在主页,请将链接所在的整个Table放到页面的最下方,由于页面是由上到下逐行显现的,将其放到页面的最下方,不会推迟其他内容的显现。

    文本来自采集文章 http://boertala.woshida.com.cn/26/285.html 如需转载或删除,请联系管理员。

    1 2 3 4 5 6 7 8 9
    分享到:
【博尔塔拉本地网络公司】——承诺3小时内上门服务!博尔塔拉上门全国热线:400-666-2014 【我要收藏此页面】 网站地图 网站维护:深一深圳网站建设
全国博尔塔拉注册公司-服务网店