前端可做那些优化？seo？

性能优化：

（1）减少http请求（解决办法：合并图片，合并js和css；图片较多的页面可以使用懒加载技术）。

（2）尽量减少repaint和reflow

（3）减少DOM操作（解决办法：减少对Dom操作的查询和修改，查询时可将其赋值给局部变量）。

（4）使用JSON格式进行数据交换（在JSON中，有两种结构： 对象和数组。对象：var obj={"name":"darren","age":24,"location":"beijing"}；数组：var jsonlist=[{"name":"darren","age":24,"location":"beijing"},{"name":"weidong.nie","age":24,"location":"hunan"}];）

（5）高效使用HTML标签和CSS样式

（6）使用CDN加速

（7）精简css和js文件（可以使用软件压缩css和js，压缩后会把注释去掉，移除额外的空格、标识符替换）。

（8）压缩图片和使用图片sprite技术（图片压缩：缩小图片分辨率、改变图片格式、降低图片保存质量；

图片精灵：就是减少http请求数）

（9）控制cookie大小和污染

SEO优化：

（1）网站布局要做到样式与页面分离，删除不必要的标签和元素；

（2）页面生成要尽量小、要压缩页面的大小，页面尽量使用静态或伪静态；

（3）所有css和js都要使用外部调用

（4）外部调用的js文件代码最好放在底部，页面调用css文件最好放到head中，同一个页面尽量不要超过3个js外部调用；

（5）每个页面只能出现一次h1标签，h2-h6标签可以多次使用，这样可以加重h1的权重。

（6）除首页外别的页面要加面包屑路径

（7）图片加上alt属性，链接加上href属性

（8）网站结构呈扁平状树型，目录结构不宜过深，每个页面离首页最多点击3次，过深不利于搜索引擎的抓取

（9）做好404页面

（10）确保网站代码无误，HTML能通过W3C版本

（11）慎用display:none;如果用图片替换文字，给文字设置text-indet一个较大的负值

（12）语义化布局会提升网页seo效果

（13）少用iframe框架