元素优化
一、页面布局设计
网站布局是一件同时考验人逻辑思维和抽象思维的事情，布局的好，用户看得顺眼，就会继续浏览下去吧，带来潜在的客户，布局杂乱无章毫无逻辑，谁都不想多看一眼，我们来找点例子看看：
腾讯朋友、开心网、校内网等SNS社区类型的网站，界面有很多相似之处。组成元素登录表单、网站服务内容、宣传语、页尾;从首页的展现看个人觉得腾讯朋友的界面，比较简洁;三个界面相比，腾讯朋友更加突出“注册”吸引用户开通;人人网界面比较凌乱，广告与文字堆积在界面上没有很清晰的标识，找不到侧重点，你能说着不是一开始网站建设设计布局的成功么。
对企业网站来说，企业首页不仅扮演形象展示的作用，更重要的是起到信息传递的作用。品牌企业的首页设计过于重视“形象展示”职能而忽略“信息传递”职能，大量企业网站首页一律是全屏flash，对用户快速获取信息造成阻碍。因此，网站的首页设计要在传递品牌形象的同时，让首次访问的用户在第一时间明白网站的内容、服务和功能，同时，通过首页，能够快速直达所要找寻的目标页面。
无论是哪一类型的网站，首页设计和布局都起着门面的作用。
二、文字优化（颜色、大小等）
网页字体的样式选择
在英文站方面，国外的很多东西不是免费的，当然也包括英文字体，所以你的网站字体不要选择那些太有个性的字体，因为你的访客可能电脑上根本就没有下载这个字体，从而导致网站所要表达的信息不能完美的诠释。那么国外浏览者PC中常有的字体有Arial， Times New Roman， and Verdana。
中文站方面呢，普通的大众绝对没有自己去下字体安装的爱好，一般的字体全是XP或其他系统自带的，选择宋体肯定是不会错的。其他楷体等等可以自己斟酌选择。注意，那个漂亮的微软雅黑字体也不是每个人都装了的。
字体样式选择建议：字体一定要选择大众化字体，种类选择上尽量不要超过三种。
网页字体的大小选择
在互联网普及之初，英文网页占的比例比较大。由于英文字母相对汉字来说超简单，都没有笔画是否复杂一说，英文的小字体总是能显得很简洁、清晰，绝大部分英文网站的主体内容都是选择小号字体，9px， 10px， 11px， 12px， 13px大小的字体在英文网页中十分常见，外国人也习惯看小号字体了。
中文网页不能照搬英文网页的设计，主要是因为两种语言的字体表现形式完全不一样，中文网页中字体大小在10px以下看不清，一般要达到12px才有不错的效果。目前来看，12个像素和14个像素大小的宋体在可阅读性和美观上结合的是最好的。比12个像素再小的话，可阅读性和美观性都没有了。比14个像素大的话，可阅读性当然是有的，但是美观性就差了一些。所以基本上所有的中文网站都是以这两个大小的文字来呈现的。
字体大小的选择建议：英文网站字体大小可以选择11px， 13px， 15px等字体大小，中文网站字体大小可以选择12px， 14px， 16px等字体大小。
网页字体的颜色选择
字体的颜色直接会体现在网页的整体风格上，黑色，灰色，白色的搭配给人沉闷，中庸，职业，严肃等感觉，如果在适当的地方加入些许红色，则会显得充满刺激的快感，并且总能吸引众人的 目光。字体颜色的选择非常的重要，而且也非常的深奥，可以是一门专门的学科，Micfly的一篇小小博文也仅仅能给各位抛砖引玉而已。
网页字体的其他特性选择
除了以上说的网页字体的样式，大小，颜色之外，网页中的字体还可以设置其他各种特性：粗体，斜体，下划线，行距，段距，对齐方式等等。其实大家在排版的时候可以直接用word来做实验，看看什么样的感觉最好。
字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面 中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。
三、图片优化(命名、大小、备注等)
Alt属性
每个图像标签中都有Aft属性，例如：，搜索引擎会读取该属性以了解图像的信息。因此，最好在所有插图的Alt属性中都有文字描述，并带上该页关键字在其中。
文本说明
除了Alt属性文字,还可以考虑以下方法直接优化图像，使之能够被搜索到:
在图片上方或下方加上包含关键词的描述文本。
在代码中增加一个包含关键词段的heading标题标签,然后在图片下方增加文字描述。
在图片下方或旁边增加如“更多……”链接，包含关键词。
创建一些既吸引用户又吸引搜索引擎的文本内页，先把流量吸引到这些页面，再提供文本链接指向你的图片页面。
总之，网页应尽量减少装饰性图片以及大图片。而Aft属性中的文字对搜索引擎来说，其重要性比正文内容的文字要低。
GIF和JPGE图像优化
Aft属性和文本说明都只是对图像之外的文本环境进行优化，下面简单谈谈对图片本身的优化处理。对图片文件优化的目的是在尽量不影响图像画面效果的情况下，将其文件大小降到最低，以加快页面整体下载速度。
网页图片格式主要有GIF和JPGE两种形式。一般来讲, GIF适用于线图和企业标识; JPEG适宜照片元素的格式。主要通过减少GIE颜色数量、缩小图片尺寸和降低分辨率来缩小文件，也可以采用层叠样式表达到优化目的。PhotoShop 的版本越高越适用于网络图形。此外，将大图片切割成若干小图片干不同的表格区间内进行拼接，也可以相对加快下载时间。
四、Flash优化
做一个辅助的Html首页版本
这点可以保留原先的Flash版本首页、进而添加设计一个Html的首页版本、这样既可以保证Flash的特殊效果、然而也可以让搜索引擎更好的通过Html首页抓取网页内容。
构建一个网站地图（Sitemap）
对于小型网站而言即指含有向内部各个页面的链接的网页、登陆搜索引擎时、我们可以试着提交此网站地图的URL地址、或者有已被收录的外部链接的指向。（其目的为为搜索引擎抓取网站内页做铺垫、因为搜索引擎无法访问Flash内的链接URL、我们只有适当的做出网站地图来为搜索引擎的蜘蛛程序指清道路。）
将Flash文件嵌套在Html网页中
新建一个网页、用表格将Flash嵌套进去，注意的指向网站内部页面的链接一定要在Html网页中体现、帮助搜索引擎更好的抓取网站内部页面、也可以适当的为网站首页增加些内容、当然内容应该在Html语言之中、来帮助首页去争夺关键字。
当然这些其实是一些补救工作。目前OSPOD也在大量研究各种JS效果程序，来实现各种类似FLASH的效果。
五、交互设计优化
需要优化什么 (Considerations)
设计原则的主要目的之一就是优化用户的产品体验。对于生产工具和其他非娱乐导向的产品而言，这意味着将工作负荷降至最低。——《交互设计精髓》行为和界面层面的设计原则告诉我们，应该为降低用户的工作负荷而设计。
优化目标 (Goal)
仔细检查已有的设计，或多或少总是能发现问题。在解决问题之前，我们应该清楚要往什么方向进行优化
快速检查清单 (Check list)
为了达到优化的目标，整理了一个简易的checklist（pdf版本下载链接请见文末），方便在走查时对架构、布局、内容、行为四个方面对照检查
确定优先级 (Priority)
当我们通过checklist将需要优化的问题筛选出来以后，可以根据问题的严重性和解决的问题的成本（时间、人力等）来综合考虑问题的优先级，例如，问题严重性得分高而且优化成本低的问题，应该优先解决。
六、代码优化
代码优化是页面优化的一个重要环节，也是页面优化的基础，代码优化包括：精简代码，头部优化权重标签优化以及图片优化。
页面代码优化包括5大环节：
垃圾代码－空格
空格字符是网页中最常见的垃圾代码。但并不是指 标签，而是有代码编辑环境下敲击空格所产生的符号，每个空格相当一个字符，那么也就是说，一个页面，空格就占页面体积的15%，100K的页面，有15K是空格字符，空格字符最常出现 在代码的开始和结束处，还有就是空行中。
这些都是容易产生垃圾代码的地方。
消除这样的垃圾代码的方法就是选中代码然后按shift+tab键左对齐。
HTML标签的转换
这个主要就是使用短标签替换在网页中有同样效果的长标签，例如：,<b>与<strony>两者都是对字体加粗但是<strong>却比<b>多了5个字符。如果一个页面出现上百个加粗标签，就会产生不少的冗余代码，解决方法 是利用DW的查找功能替换长标签。
CSS优化
CSS可以以调用的方式，避免同样的标签重复写样式，从而达到精简代码的效果。
JS优化
JS无论对普通用户还是搜索引擎,都是极其不友好 的,所以在规划网页时,要尽量不要使用JS.
目前为止,搜索引擎不解析JS生成的页面或内容,JS代码冗长,执行效率远低于HTML,导致打开慢.
JS优化,并不是说提高JS的代码执行效率,而是避免JS占用页面空间及重要位置，所以我们只要改变JS代码出现的位置和调用方式就行。
表格优化
表格优化主要就是解决嵌套问题。让表格独立，从而加快显示速度。提高用户体验.同时又精简代码。
介绍表格优化前我们要先搞清楚浏览器是怎样解析HTML的过程，当浏览器编译器遇到一个标签时，就开始寻找它的结束标签，直到它匹配上,才能显示它的内容，所以当你表格嵌套很多时,打开页面就会特别慢,这样就降低了用户体验了。解决方法就是,尽量不要把表格嵌套起来...这样做既有效的删除了冗余代码,减低了页面的体积,又提高了搜索引擎的友好性。