网页元素优化

   　一、页面结构设计

　　首先要明白一个页面由几部分构成。

　　一般页面结构由头部、右(左)侧、底部和主题部分构成。一般的博客、资讯站、企业站等的页面几乎都是这样来设计的。

　　二、文字优化

　　1、字体

　　正规严肃的网站，不能用太优质的字体。

　　彰显个性的网站，也不建议用特别不容易识别的字体。

　　2、颜色

　　一般采用黑色或深灰色为佳，不建议出现大量红色，也不建议出现闪光的文字(当然这一般就属于图片的范畴了)。

　　3、大小

　　字体一般为14px。

　　4、行间距与字间距

　　给人的感觉舒服就好。

　　三、图片优化

　　1、命名

　　Google建议是图片描述的是什么，就命名为什么，比如上面一张图片我的命名为“jiegou.png”，其实如果按照Google官方的说法，这张图片应该命名为“yemianjiegoushilitu.png”，当然用英文更好，则为“page_structure_diagram.png”。

　　当然，如果按照Google的要求来做是最好的，没必要非得写英文，写中文拼音也是可以的，对百度搜索引擎也是非常友好的。

　　2、大小

　　一般来讲，图片越清晰越好，但一般体积反而是越小越好。虽然这是矛盾的，但也是事实。

　　图片不清晰，自然用户体验度也不好，图片清晰了，很可能体积就大了，导致页面显示图片慢。

　　3、备注

　　备注是什么?就是图片下方的文字说明。一般大网站的图片下方都会有对图片的说明。

　　4、alt与title属性

　　图片描述的是什么，就写什么，例如上面一张图的，alt与title均为“图片备注示例图”。

　　四、代码优化

　　一般不要在页面上使用过多JS代码，容易导致网站加载过慢，不要使用过多冗余代码，可以适当对代码做精简。当然这是有专门的技术人员在的话，其实CMS系统来讲，本身是挺好的，但是由于人们开发的主题或二次修改模板，可能会导致模板中有很多冗余代码。