web页面性能优化以及SEO

• web页面性能优化能够提高页面加载速度，提升用户体验度，基于三秒法则，每个网站都极力优化页面性能。
• SEO(Search Engine Optimization)是一种提高网站流量的优化手段。

一、web页面性能优化

1.html语义化

语义化是让标签做自己该做的事，便于其他开发者阅读以及使代码规范，优雅整洁。比如div,span,h,ul,ol,dl,p等等这类的标签的使用。应该非常合理，还有就是注意h标签的断层，及h1标签的使用，这些都是非常重要的。

2.减少http请求

• 从设计实现层面简化页面，保持页面简洁、减少资源的使用时最直接的。
• 合理设置缓存
• 资源合并与压缩，尽可能的将外部的脚本、样式进行合并，多个合为一个。另外， CSS、 Javascript、Image 都可以用相应的工具进行压缩，压缩后往往能省下不少空间。
• css精灵，合并 CSS图片，减少请求次数。

3.css，js文件数量及大小的优化

• 减少重复代码，对代码进行模块化开发。
• 压缩css，js文件，利用gulp、grunt等压缩工具

4.减少cookie传输

• cookie包含在每次请求和响应中，太大的cookie会严重影响数据传输，因此哪些数据需要写入cookie需要慎重考虑，尽量减少cookie中传输的数据量。
• 对于某些静态资源的访问，如CSS、script等，发送cookie没有意义，可以考虑静态资源使用独立域名访问，避免请求静态资源时发送cookie，减少cookie传输次数。

5.将外部脚本置底

将脚本内容在页面信息内容加载后再加载，外链脚本在加载时却会阻塞其他资源，例如在脚本加载完成之前，它后面的图片、样式以及其他脚本都处于阻塞状态，直到脚本加载完成后才会开始加载。如果将脚本放在比较靠前的位置，则会影响整个页面的加载速度从而影响用户体验。解决这一问题最简单可依赖的方法就是将脚本尽可能的往后挪，减少对并发下载的影响。

6.将 CSS放在 HEAD中

如果将 CSS放在其他地方比如body中，则浏览器有可能还未下载和解析到 CSS就已经开始渲染页面了，这就导致页面刚开始是无样式的状态，用户体验比较差。除此之外，有些浏览器会在 CSS下载完成后才开始渲染页面，如果 CSS放在靠下的位置则会导致浏览器将渲染时间推迟。

7.DOM

DOM操作应该是脚本中最耗性能的一类操作，例如增加、修改、删除 DOM元素或者对 DOM集合进行操作。

8.避免使用 eval和 Function

每次 eval 或 Function 构造函数作用于字符串表示的源代码时，脚本引擎都需要将源代码转换成可执行代码。这是很消耗资源的操作 ( 通常比简单的函数调用慢 100倍以上)。

9. 减少作用域链查找

尽量把变量设为局部变量，因为全局变量处于作用域链的最顶端，访问时的查找次数是最多的。

二、SEO

• SEO是一种免费的提升网络权重的手段。与之对应的是SEM，即一种付费的营销手段，比如百度推广。
• SEO排名机制，一靠搜索引擎蜘蛛（按分类抓取），二靠权重。
• SEO优化最重要的三要素：标题，关键字，描述

1.外链（友情链接）

外链是指网站与网站之间的链接向导，提升权重的方式之一。利用互联网是链接与链接实现的一条网络这一特点，
链接权重高的大网站，可以让搜索引擎在爬取大网站的时候，顺着连接爬取到你的网站。
交换友情链接注意事项：
(1).和内容相近的网站交换
(2).链接交换形式多样（单向链接，双项链接，单向直链…）
(3).灌水式外链

2.内链（也称之为站内链接）

在同一网站域名下的内容页面之间的互相链接（自己网站的内容链接到自己网站的内部页面）

3.内容质量

(1).更新，要不断更新你的网站内容。
(2).质量，网站内容要高质量。
(3).原创，坚持原创内容。
(4).关键词密度（2%~8%），一片文章中的关键字占比。

4.话术设置（简短，内容丰富）

选择比较有吸引力的标题。

5.关键词的挖掘

(1).头脑风暴
(2).利用搜索引擎相关搜索（百度指数）
(3).工具
(4).长尾关键词

6.域名选择

(1).后缀选择（.com .net .org）
(2).短域名
(3).域名语义
(4).域名的使用历史查询（查询网站不要有黑历史）

7.服务器的选择

(1).响应速度快（3s定律）
(2).稳定

8.代码优化

1.代码去冗余化（减少冗余，精简，模块化）
2.自动化工具（grunt，gulp，webPack，tinyPNG(压缩图片)…）
3.标签语义化（p,h,a…）

9.HTTP状态码(合理利用状态码去优化网页)

200（2开头表示网页响应成功）
300（302，304重定向）
404（网页不存在，可在404页面做公益活动或广告）
500（5，6开头表示服务器端错误）

10.站群推广

通过群体的方式去推广网站，提高网站流量。比如前进的淘宝客，通过发佣推广的方式为淘宝网站带来了一大批优质流量。

其他手段

• 提升客户体验，比如网页界面要简洁易用，网页界面要美观。
• 内容多样，可通过添加视频和更新一些新奇的内容。
• 代码属性优化。
• 相关搜索引擎产品协助，利用百度文库中放网站链接，或者更新一些高质量的内容，以便让百度新闻抓取到。

————愿你在迷茫时，坚信你的珍贵，爱你所爱，行你所行，听从你心，无问西东。