关于前端进行SEO优化和性能优化的想法

今天偶然间看到掘进一片不错的关于前端进行SEO优化和性能优化的文章，感觉总结的很不错，就把搬过来的用了。附上原文链接https://juejin.im/post/5aca235a6fb9a028d567631a。

seo优化 
前端需要注意哪些SEO
合理的title、description、keywords，搜索对着三项的权重逐渐减小，title只需强调重点，关键词不要重复超过两次，而且需要靠前，不同


页面的title要有所不同，keywords要列举出重要的关键词
语义化html代码，符合W3C的代码规范，语义化代码会让浏览器更容易理解网页
将重要内容的html代码放在最前，搜索引擎抓取html的顺序是从上到下的搜索，并且有的搜索引擎对抓取的长度还有限制，我们需要保证重要的


内容一定会被抓取
重要内容不能用js输出，爬虫进行抓取时不会执行js 获取内容
少用iframe：搜索引擎不会抓取iframe的内容
非装饰性图片必须加alt
提高网站的运行速度，网站速度页是搜搜引擎进行排序的一个重要指标
进行网站性能优化
content方面：
1.减少HTTP请求：合并文件、使用css精灵兔、inline Image
2. 减少DNS查询：DNS缓存、将资源分布到恰当数量的主机名
3.减少DOM元素的树龄
Server方面
1.使用CDN
2.使用ETag
3.对组件使用Gzip压缩
cookie方面
1.减少cookie的代销
css方面
1.将样式表放到页面的顶部
2.不使用CSS表达式
3.使用<link>不使用@import
JavaScript方面
1.将脚本放到页面的底部
2.将JavaScript和css从外部引入
3.压缩JavaScript和css
4.删除不需要的脚本
5.减少DOM的访问
图片方面
1.优化图片：根据实际颜色需要选择色深、压缩
2.优化CSS精灵
3.不要在HTML中拉伸图片