随着上网费用的不断下调，越来越多的人踏上了互联网这条信息高速公路，网络逐渐走进了寻常进姓家。在经过一段时间的疯狂点击之后，大家就有了在网上给自己安个家的愿望，在这里应当成感谢众多的ISP， 是它们提供的空间给了我们平民百姓一个在网上展示自我的机会。于是许多人在看过诸如“网页制作三日通”之类的教程后，就开始操刀练兵，着手在网上建立家园了。网上世界顿时千军万马，一夜之间冒出了许多个人网站。然而令人遗憾的是 ，许多网站却很少有人问津。这除了内容方面的原因之外，许多的网站的打开速度很慢，恐怕也是一个很重要的原因，“不是我不浏览，你的网站打开速度太慢”。我在冲浪过程中有一个习惯： 一个网站如果在最多30秒内打不开的话，对不起，我就要移情别恋了，哪怕你的内容再精彩，我也没耐心等下去了，相信许多网友都有这样的感受。所以对于一个网页制作者来说，他不仅仅是把一个网页做好，而且还要考虑到它的下载速度，这个问题就显得更加重要。对于这个关系到网站命运的大问题， 你可不能掉以轻心，一定要千方百计缩小网页的体积，加快页面下载的速度。网页减肥由于网页制作是一种综合性的技术工作，它涉及到许多方面的知识和技术， 对网页制作的素质要求很高，如果你不不努力去学习，制出来的网页档次就很低，当然也就没人来浏览了，这就像我们平时画画一样，一般人也能拿起笔涂上一幅，但是它却不能登大雅之堂，只能自我欣赏了。由于我们无法改变Intetnet运行的大环境，那么，我们就要从制作技术上入手，下面我就教你几招给网页减肥的秘笈，希望你看后能够对照自己，“有则改之，无则加勉”， 相信你的网页制作水平会上一个新台阶， 令人刮目相看。一、选用一款合适的网页制作工具正是由于现在众多的所见即所得网页制作工具的出现，才使得网页制作变得简单起来，不管你是否懂得HTML语言， 任何人经过简单地学习都可以学会制作网页。网页是做出来了，但质量高低那就另当别论了，而且对于网页制作背后的技术问题更是少有人关心。你知道否，越是使用起来简单的工具，它生成的垃圾代码也越多， 那么网页体积也就相应增大了，浏览的速度自然也就不会快到哪里去。相信众多的网页制作者都是在用微软的Frontpage 系列制作网页吧， 然而就是这个使用简单的工具却不受专业网页设计师的喜爱，为什么？它产生的垃圾代码太多。如果你想让自己的网页代码要清爽一些， 还是下下功夫学习Dreamweaver吧， 这个网页制作工具不知比Frontpage要好多倍。如果你对HTML代码很了解，选一款基于HTML代码的网页制作工具也许更好，这样产生的垃圾代码会更少。当然了，如果你是一个“骨灰”级的网页制作者，对HTML语言非常娴熟，只有一个记事本就够了，你可以自己任意发挥，这绝对不会额外产生一个垃圾字符的。网页制作工具和技术二、使用样式表统一网站风格页面美观，格式统一是一个设计较好的网站所必须具备的，有些初学者为了达到格式统一的目的，就一个页面一个页面的加入控制格式代码。 这样虽然也达到了整个网站统一格式的效果， 但它却不是我们的最佳选择。事实上，你完全可以把这些控制格式的代码写成一个文件（样式表）， 然后在每个页面都引用这个样式表就行了， 这不但大大减轻了你的工作量，同时也缩小了网页的体积。三、不要轻易使用Java Applet特效使用Java Applet可以实现一些动人的特技效果，但是你可别忘了，浏览器在载入Java时，就算你的计算机性能十分好，也会慢得像牛一样，所以许多人为了不让下载Java程序影响速度， 纷纷把浏览器中的Java功能关掉了。除非确实需要（比如要演示某种特效），一般不要在网页中运用Java Applet，事实上有许多Java Applet 特效是可以用Java script、gif动画或flash动画代替的。四、用Flash动画代替gif动画flash动画不但体积小，具有交互性，可以带音效，而且是边下载边播放，没有停顿感，不会像gif 动画那样，只有全部下载之后才播放，所以flash 动画在网络上现在是如日中天，受到了大家的普遍欢迎，你在制作网页时，不妨考虑一下。flash 动画一个美中不足的地方是需要先安装相应的插件，然后才能观看，不过目前的主流浏览器都支持这个功能， 你只要选择安装就行了。五、做图片缩略图对于一些图片站点或有含许多图片的网页， 你可以把图片做成略图放在网页中，当用户想浏览时，点击缩略图就可以显示原图片， 这样也可以大大减少网页的体积，加快下载速度 ，这对于一些体积较大的图片，效果更明显。六、少用背景音乐一些初学者为了让自己的主页声形并茂， 纷纷给网页添加上了背景音乐，这在本机上浏览还可以，一放到网络上，就会大大影响页面浏览的效果，下载速度很慢，所以一般情况下，不要为网页添加背景音乐，有几个用户愿意欣赏你强加给的音乐呢， 真正想听音乐的又到专门的音乐站点去了。七、尽量杜绝插入视频影像在网页中插入视频影像可以使网页真正地动起来，能更加吸引站点的访问者，然而不容置疑的是，视频图像的数据量较大，要想达到理想的播放效果，需要的带宽要大。八、不要插入过多的广告代码有许多主页空间提供商要求申请者在其主页上放置网站的广告条，否则 ，就取消你的申请资格；更有一些广告公司声称放上他们的代码就可以利用主页赚钱， 所以吸引了大量的用户在主页上放广告代码；还有一类是参加广告交换，恐怕许多个人主页都参加了，也就是在主页上放一段HTML代码，每当在自己的网站显示一次，你的站点就可以在别人的主页达到10次或更多次的显示， 这样就扩大了宣传效果，非常受欢迎，所以许多个我网站为了快速提升自己的访问量，申请了多个这样的交换代码，统统放到自己的主页上，以求达到较好的宣传效果，然而适得其反，过多的放置这类HTML代码，严重影响了页面的下载速度，这样会使你的访问者兴趣大减。九、免费代码要适可而止现在有许多网站提供内容广泛的免费代码， 你只要把这段代码插入到网页中， 就可以实现网站内容的实时自动更新，这一方面丰富了网站的内容，另一方面也减轻了制作者的工作量， 由于这些免费代码都是有专业人员专门进行收集整理的，所以内容丰富，资料准确，信息及时，非常受个人网页制作者欢迎。但在高兴之余，切记，同一个页面，尽量不要放置超过三个这样的免费代码， 否则页面的下载速度就要大打折扣了。与此类似的，一些排行榜统计系统和计数器代码也是少放置的好。十、拆分大表格表格在网页制作中的作用是非常大的， 特别是一些复杂的网页设计，更是利用表格的结果 ，所以许多网页设计者都把整个页面放置在一个大的表格中，以求更方便地控制排版， 但是这样却忽略了页面下载的速度，游览器不得不将整个页面的内容全部下载下来之后才开始显示它们，为了避免这种延迟，可以考虑将一个大表格分成几个小的表格。另外，在使用一些所见即所得的网页编辑工具时， 注意不要放置一些无用的单元格、行或列 ，虽然它们是空的，但是浏览器不得不费一定的时间将它们解释并在屏幕上显示出来。网页设计十一、不要使用过多的嵌套表格有时为了达到精确地控制页面版式，一些网页设计者会嵌套多层表格，这样虽然使网页看起来更精巧美观，但它却是以牺牲下载速度为代价的，因为页面的表格结构越复杂， 浏览器所需要的解释时间也就越长，所以，如果表格嵌套的层数超过了三层，你就要重新考虑一下页面的设计方案了。十二、合理使用层层是DHTML的重要组成部分，常被用来确定元素在浏览器窗口中的准确位置，通过分层技术可以实现许多静态单层页面不能实现的功能， 使页面看上去灵活、美观，所以许多设计者为了达到一些特殊效果，纷纷在网页设计中采用了这项新技术。这里要提醒你注意的是在网页设计中能用其他方法实现的效果尽量不要用层技术，这除了速度方面的原因外，还有另外一个原因，那就是3.0版本以下的浏览器不支持层技术。十三、恰当放置脚本位置许多网页设计者喜欢将Javascript或VBscript 脚本放在<head></head>之间，以便在页面下载之前将脚本启动，然而，令人遗憾的是，在<head></head>之间放置大的脚本程序会使整个页面的下载速度减慢。为了减少这种负面影响，你可以合理选择脚本的放置处，对于那些需要立即执行的脚本程序放在<head></head>之间，而其他的脚本可以放在要使用的地方，这样就可以加快页面的打开速度。十四、用滤镜效果取代图像也许你想让文字产生阴影效果，也许你想让图像缥缈一些，一般情况下，你可能要考虑做一个很大gif或jpg图像才能实现，事实上，你并不需要这样做。CSS（样式表） 中的滤镜功能能就可以帮你实现同样的效果，它使你不必为了实现某一图像特效而专门做一个体积很大的图片，CSS的滤镜功能可以实现模糊、阴影、光罩、波浪、翻转等多种效果，你不妨一试。十五、少用网页过渡效果在Frontpage中提供了一个制作网页过渡效果的功能，所谓过渡效果，就是当我们从一个网页到另一个网页时，页面将呈现各种不同的变换效果，例如幻灯片、向左右上下擦除、盒状收缩、盒状放射、圆形收缩、圆形放射等，效果奇特，给人面目一新的感觉。但还是劝你尽量少用，以至不用，一方面是因为它影响页面的打开速度， 另一方面还存在着浏览器的兼容性问题。十六、选用合适的图像格式在网页中有两种通用的文件格式：gif 图像和jpeg图像，对于不同的需求，你可以选择其中的一种。jpeg图像能够表现真彩色， 适用于一些分辨率高和色彩丰富的图像，如摄影图片等，由于它表现的色彩细腻，所以图片体积也较大，在网页中使用时一般要进行压缩， 在不影响图片的质量的情况下采用较大的压缩率，可以有效地减少图片的体积。gif 图像最多只能保存为256色，颜色比较单调，适用于一些分辨率较低和色彩简单的图像，比如图标等。事实上有些图片保有为16色也能很好的保持它的原貌，但体积要小的多。总之一句话，无论采取何种格式，都要在保证质量的前提下尽量缩小图片的体积。十七、切割图像减少图片体积是最好的给网页减肥的方法， 但有时你不得不在网页中放入一幅大的图片， 那该怎么办呢？切割图像是一个好办法。我们可以把大图像切割成许多小块，下载时图像就一小块一小块的进行下载，不会等到全部图像下载完之后才显示。这样做虽然没有减少图片的体积， 但给人的感觉是一种动态的下载过程，减少了那种空等的无聊，效果要好于一个单独的大图像，Firesorks在切割图形方面有非凡的表现，在遇到使用大图片时，你不妨一试。设计网页十八、不要用大图片网络上最忌用大图片，即使是很小的一幅图片，它的容量也可能比一页文字大得多。 图片只是网页的点缀，要起到画龙点晴的作用，切记不要随意在网页上放置图片，即使要放，也要经过多方面的技术处理，保证它的体积最小，对于装饰用的图片、图标一般应小于25k，每页图片的总量要控制在60k以下。十九、图片背景要尽量避免有些网页设计者为了页面美观，给页面添加上了华丽的背景图片，这事实上是不必要的，一方面是因为体积庞大的图片背景减慢了页面的下载速度，影响浏览；另一方面，复杂的图片背景会使页面排版变得不易操作，使你不能很好地处理文字与背景的搭配，因此，一般的网页设计者都不会考虑用背景图片，你可以使用颜色背景，这样 ，不会增加网页的体积，色彩也容易搭配，效果也好，目前大多数的网页都是采用的这种方式。二十、压缩图片图片可以使网页变得丰富多彩，一改单调的文字界面，增加网页的吸引力，因此，图片在网页设计中得到了广泛的应用，由于图片的体积较大，所以减少图片体积就成了给网页减肥的一个最有效的方法， 我们可以在不影响浏览效果的前提下尽量缩小图片的体积，这样就可以大大加快页面下的速度。目前有许多专门的图片压缩工具， 它们可以让你轻松地压缩图片，减少图片文件的体积，下面我们就介绍其中的几款。 1、Image optimizer Image optimizer是一款专门压缩网页图形的工具，它压缩的文件类型包括jpeg、gif和png三种网页中常用的图像格式，打开一个图像文件后，屏幕上即显示出一个原始图像和压缩预览图像两个窗口，你可以方便地调整压缩率和图像的大小。在压缩前你还可以适当地剪裁图像，Image optimizer最独特之处就在于你可以根据需要自己选定压缩区域， 这样就可以有选择地进行图像压缩，除此之外 ，Image optimizer还支持图像文件的批量压缩， 这就大大方便了需要处理大量图像的用户。 2、JPEG Optimizer 看了这个程序的名字， 你可能以为这是一款专门压缩jpeg文件的工具，事实上，除了jpeg文件，JPEG Optimizer还可以压缩bmp、tif、tga等格式的图像文件，并且在压缩后，可以直接将它们采用Jpeg格式保存。 JPEG Optimizer采用了智能侦探技术，它可以根据每个图像文件中包含无用信息的多少来自动调节压缩比例，从而达到既保持图像显示质量，又最大限度地缩小图像体积的目的，当然，如果你对程序自动指定的压缩率不满意的话，还可以手动调节压缩。 3、 Advanced GIF optimizer 这是一款使用简单，功能强大的网页图像压缩工具，它可以自动地压缩某一个文件或整个文件夹中的图像文件。还具有批量压缩功能，你可以将所有压缩的图像统统放在一起，一次完成压缩。 Advanced GIF optimizer支持的图像格式非常多，有jpg、gif、bmp、emf、wmf等。 4、Gifclean Gif图像文件包含很多内部的结构，这些结构内容管理着gif怎样被显示、循环的次数、延迟时间等。但同时也包含了许多注释的信息以及软件开发者的一些注册信息等内容， 这些内容虽然不会影响图像文件的显示，但却增大了文件的体积，对于网络传输来说是无用的信息。所以Gifclean就是专门清理存在于gif文件中的注释信息和无用数据的，它可以把这些隐藏的垃圾一扫而光，让你的gif文件变瘦并且更干净。二十一、压缩HTML对于目前的网页设计来说， 恐怕已经很少有人一行一行的自己编写HTML代码了（一些特殊情况例外），所见即所得的网页编辑工具给我们的设计工作带来了极大的方便和高效率，然而快捷的背后，也隐藏着着一个不容忽视的问题 ，那就是这些工具会在你的html代码中添加上许多无用的空格和标签，虽然他们不会影响页面的显示效果， 但是这些无用的垃圾代码增大了网页的体积，减慢了页面下载的速度，所以有必要把它们从网页中清除出去。 如果手工来进行这项工作的话，效率是非常低的，好在现在出现了许多专门的压缩html代码的工具，利用它，你可以快速高效地清除掉垃圾代码。1.阅后如果喜欢，不妨点赞、收藏、评论和关注一下。2.如果喜欢玩软件，请关注本头条号阅读相关文章。3.在学习中有什么问题，欢迎与我沟通交流，今日头条号搜索：微课传媒，我在这里等你哟！
本文出自快速备案，转载时请注明出处及相应链接。
