谈谈网页、网站优化[转帖]

原创 2005年02月26日 22:36:00

      谈起网页的优化这个问题很多人都没有什么概念,有很多的业内人士都对网页优化一无所知或者知之甚少。说起对网页优化的理解,我曾经去各大搜索引擎上搜索过“网页优化”一类的话题,结果都是介绍如何优化搜索引擎排名的文章,其实这只是优化概念的一个组成部分,而网页的优化工作是由很多方面的优化组成的,作为一名优秀的网页优化工作人员必须具备多方面的知识,不仅仅要掌握网站设计制作技术(包括网站架构设计、网页设计以及制作页面编写代码等等);还要掌握很多计算机其他方面的知识(包括电子商务、人机交互、易用性和一些相关的软件知识等等);甚至需要掌握心理学、商业运作等相关知识。

      我认为网页的优化应该是由两个方面组成的:1.技术优化,2.人文优化(这个分类只是我总结的,没有人给出过具体定义)。技术优化指的是代码的优化、目录结构的优化和针对搜索引擎的优化等等针对技术方面的优化工作,一般都是看不见摸不着的但是会给用户带来不少方便也会给网站带来更大的效益,技术优化有一定的模式而且需要优化的东西也比较固定相对简单一些只是时间问题;人文优化指的是交互性优化、易用性优化等等针对用户使用方面的优化工作,这一部分是网站用户看得见摸的着的东西,人文优化是最花经历最困难的因为我们要猜测使用者的心理。下面我就分别对这两个方面进行解释。

1.技术优化:

      技术优化主要分为代码优化、目录结构优化和针对搜索引擎的优化三个部分。这一部分的优化工作主要是由网站开发人员测试提出方案完成的,而且有一定的规则,所以相对要简单一些只是时间问题。

(1)代码优化:

      代码优化主要解决的问题就是页面浏览速度和适应性的问题。文字和图片是构成页面的两个主要因素,所以我们的优化也要从文字和图片开始。文字我们在制作页面的时候基本上都是定义好的一般使用宋体和12px,随着代码的标准化字体的样式大小等等的指定应该使用css样式表来完成,而现在被广泛应用的<h1></h1>、<font size=×× color=××></font>等等标签都是不标准的,也会慢慢被css取代,现在很多大型的网站包括各个门户网站像是这样不标准的问题还是广泛存在几乎每个页面都会有,所以css样式表是我们在优化过程中应该注意检查的问题(其实这个问题应该是在页面制作的时候就解决的)。

      图片问题主要存在size过大的问题,在这里我们把图片的优化归在代码优化一部分一起介绍而不另分一类,是因为图片优化与代码内容优化的目的是一样的。网页中一般应用两种格式的图片jpeg和gif,这两种图片的应用很多人把握的并不是很好,jpeg适用于颜色比较多、构成比较复杂的图片(比如一些照片、渐变颜色等等),gif适用于颜色比较少、构成比较简单的图片(比如网站的logo、大的色块构成的图片等等)。Gif图片尤其要注意导出的时候选择颜色数目这样也会达到很好的减小尺寸的效果。对于一些比较大的图片我们还可以将它切割成比较小的图片进行拼接这样也可以提高网页的下载速度。

      减小网页size提高网页下载速度还有一种简易的方法就是使用一些网页减肥的小工具,我们可以去下载一些这样的工具他们可以使你的网页缩小20%~50%达到事半功倍的效果。

      表格是页面最重要的排版方式,在浏览器读取网页代码的时候,必须读完一个完整的table才会显示出来, 如果一个大的table里边含有很多小的table那么浏览器会在读完整个大的table才将整个的内容显示出来。我们在浏览一些页面的时候经常会出现页面半天才会显示出来,最后是在等不及了按了“停止”按钮,页面一下子显示出来了,这就是在一些小的table外边嵌套了一个大的table,而小table已经读完了就是还没读完整个的table浏览器不会显示,这样会大大减慢页面浏览速度。因此我们要尽量减少表格层次,尽量避免将一些小的表格嵌套在大的表格中间。

      还应该注意的是在使用dreamweaver制作网页的时候经常会出现很多垃圾代码,注意检查删除一些没有用的代码。网页的适应性就是在不同系统、不同浏览器和不同分辨率的适应能力。要注意的是分辨率,应该最低照顾到800×600的用户(分辨率800×600的显示尺寸780×428、分辨率1024×768的显示尺寸1007×600),所以页面最宽不要超过780,一定不要让用户横向拖页面。

(2)目录结构优化:

      现在很多网站都将所有的页面零散的放在同一个文件夹下而没有分类,这样做虽然可以但是会对以后的维护等工作带来很大的麻烦。我建议应该是建立一个大文件夹,里边包括各个频道的文件夹、网页页面图片文件夹、网页内容图片文件夹等等一个一个的单独类别的文件夹,使得在维护时候可以方便的找到每一个页面的具体位置。

(3)针对搜索引擎的优化:

      搜索引擎优化是很多人都知道的一种优化项目,也是完整的优化工作必不可少的一个步骤。 “关键字”在搜索引擎这个话题里是一个核心的字眼,几乎所有的针对搜索引擎优化问题都是围绕着“关键字”展开的。有很多人盲目的追求在网页中处处体现关键字,觉得这样就会更容易被搜索引擎搜到,其实这样做并不一定合适。比如前一阵子流行过的“鬼影秘笈”,方法就是用和网页背景相同的颜色在页面中隐藏了很多关键字,很多人现在还在用这个方法,但是随着搜索引擎功能越来越强大这个方法已经不那么好用了,甚至会起到反作用。(这种做法会被搜索引擎惩罚,有专门的举报系统)

      “关键字”的体现要合理,比如我们可以制作一个“网站导航”的页面,网站导航页面会淋漓尽致的体现各个关键字,这个页面不但方便用户使用也会更容易的被搜索引擎找到起到事半功倍的作用。随着搜索引擎都有了图片搜索功能,网页里边的图片也是体现关键词的好地方,在页面里边加入图片后千万别忘记给图片起一个“名字”(如:<IMG SRC="images.gif" WIDTH="100" HEIGHT="100" BORDER=0 ALT="图片名称">)我们给图片的名称就可以是关键字。域名里边含有关键字也很重要,但是不宜过多,一般一个或者两个最重要的就可以了,如果过多就会影响网站在搜索引擎的排名而且不方便用户记忆。子页面的名称也是一样,现在很多网站的子页面名称就是关键字的堆砌,其实这样会降低每个关键词的出现机率,结果每个关键词都被打了折扣甚至被忽略适得其反。在子页面的命名上也有很大的学问,几个关键词构成了子页面的名称,但是这几个关键词用什么连接呢?如果用分隔符断开关键字那么搜索引擎不会认为他们是一个一个的词而会当他们是一个词处理,但是有的分隔符搜索引擎同样认不出来,比如“_”和“-”在google里边下划线“_”就不被接受,所以建议大家使用“-”和空格(空格码:%20),一般所有的搜索引擎都会接受。千万不要用中文给页面命名,页面名称、图片名称等等都要用英文字母(如:“首页.html”或者“图片.gif”一定要写成“index.htm”“image.gif” 等等)。

      现在很多网页虽然很好看但是并不实用,我们就拿现在很流行的跳转页面来说吧!现在很多企业网站都流行做一个跳转页面,或者是一段动感的flash或者是一张漂亮的图片,他们认为这样很漂亮特别能够体现公司的形象,其实他们并不知道这样做非常影响搜索引擎搜索你的网站。(搜索引擎无法通过FLASH找到你真正的内容页)

转自: http://www.blog.edu.cn/more.asp?name=ntu&id=52967

移动网站性能优化:网页加载技术概览

移动网站性能优化:网页加载技术概览 2013/08/27 | 分类: IT技术 | 0 条评论 | 标签: WEB开发, 性能优化, 移动 分享到:47 本文由 伯乐...
  • pi9nc
  • pi9nc
  • 2013年08月31日 19:40
  • 5011

网页图片压缩优化,提高网站打开速度

最大程度的压缩了网页大小,提高访问者的用户体验。对于一个网站而言,页面的开启速度是至关重要的。它不仅直接影响到该网站在搜索引擎中的排名参数,更为重要的是,会减缓访客的页面开启速度。 图片优化基本...

网站优化--让你的网页飞起来

摘要: 网站快要上线了,但是网站打开速度很慢怎么办?这里介绍一下对网页进行优化的方法和技巧,加快网页浏览速度,让网页速度飞起来     测试网页性能工具 ⑴Page Speed: 是开源 ...
  • snihcel
  • snihcel
  • 2014年06月05日 11:48
  • 335

Google称网站对移动设备的优化将是衡量广告目标网页质量得分的重要因素

Google今天宣布网站对移动设备的优化将作为衡量广告目标网页质量得分的因素之一。从去年开始,Google开始限制某些链接到大量Flash内容页面的广告在智能手机上出现,以提高用户体验。 这一改...

tomcat优化之启用gzip网页压缩加快网站访问速度

现在随着搜索引擎的升级,现在更加注重网站用户体验。对于广大站长朋友来说网站的速度甚至比内容还要重要。因为如果客户访问你的网站一直打不开,就算网站的内容很优秀,相信没有多少人会耐心地等待。所以提高网站访...

减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)

减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)   在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让...

减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)

   在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求 是一个优化页面加载速度很好的方法。上一篇博文我们讲解了 “利用将小图标合成一张背景图来减少H...

雅虎十四条:网站前端网页优化的14条原则

1、减少HTTP请求次数                   据统计,有80%的最终用户响应时间是花在前端程序上,而其大部分时间则花在各种页面元素,如图像、样式表、脚本和Flash等的下载上,减少页...

如何优化网站页面提高网页的加载速度

网站要想加载快无非就是减少http请求次数,下面说一下具体做法: 1:字符集声明 如果部分未定义字符集,将增加页面渲染次数,速度减慢。 2:Meta信息完善程度 建议网站meta信息填写完整 ...
  • Candy_3
  • Candy_3
  • 2014年10月31日 11:25
  • 1464

减少HTTP请求之将图片转成二进制并生成Base64编码,可以在网页中通过url查看图片(大型网站优化技术)

http://www.cnblogs.com/it-cen/p/4624939.html 在网站开发过程中,对于页面的加载效率一般都想尽办法求快。那么,怎么让才能更快呢?减少页面请求 是一个...
  • wjy397
  • wjy397
  • 2015年12月15日 08:42
  • 742
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:谈谈网页、网站优化[转帖]
举报原因:
原因补充:

(最多只允许输入30个字)