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

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

　　一、优化图片

　　几乎没有哪个网页上是没有图片的。如果你经历过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放到页面的最下方，由于页面是由上到下逐行显现的，将其放到页面的最下方，不会推迟其他内容的显现。