SEO优化
开发一个网站,制胜的关键有以下几点
- 内容博人眼球
- 渲染速度快
- 兼容性好,不同环境下运行正常
- 与用户存在互动
服务器端使用CDN
CDN 指内容分发网络
CDN加速是指加速项目中静态资源的下载速度,比如图片,js,css等
CDN加速的原理:将网站的内容分发至离用户最近的节点,使用户就近取得所需要的内容,提高响应速度,适用于 站点加速,直播,点播等场景。
提高爬虫机器人获取本网站信息的能力
- 使用语义化标签,符合W3C标准,让机器人更好的爬取信息
- 少用iframe标签,抓取不到
- 减少js对DOM的操作
- 如果图片不是单纯的装饰图片,添加alt
- 再不影响页面结构的前提下给a标签添加title属性
- 关键词加粗,或者使用h系列的标签,h1只能有一个
- 集中网站权重,蜘蛛分给每个页面的权重是一定的,网站中有些不需要被爬取的网页,可以通过给a标签添加”rel=nofollow” 告诉爬虫,这个页面不用被爬取
- 不要再html结构中添加style和script标签,将css,js整合再一个文件中,减少发起http请求的次数。
- 将小的icon放在一个图片中,通过background-position调整位置。也能减少http请求的次数
- js文件放在页面的最下方如果将 JavaScript 放置在 head 标签内或 HTML 文档的上部,这会阻塞 HTML 和 CSS 元素的加载过程 。
- css放在head中,优化css性能,要努力去除累赘的 CSS 文件,但要注意保留其重要特征。 ink 标签请求加载的外部样式表不会阻止并行下载。
- 混淆压缩css js html代码
使用GET AJAX请求
浏览器实现XMLHttpRequest POST 的时候先发送header,再发送数据,而GET可以用一个TCP请求,所以使用ajax的时候多使用GET.
避免空的src
空的src仍然会发送请求到服务器,完全是浪费时间。
减小cookie的大小
cookie包含在http的报头中,去除不必要的cookie,如果不需要可完全禁掉
如果是必须的,那么延长其存在的时间,以此提高响应速度
避免CSS表达式
用link代替@import
内链采用绝对路径,减少服务器响应的时间
<a href="www.baidu.com">百度一下</a>少用<a href="/index.html"></a>
网站中导航栏的层级不宜太深
尽量少的引发重绘和重排
重排:当页面中元素改变例如,宽高的变化,浏览器dom树中受影响部分失效,需要重新渲染dom树,这个过程称为重排,然后重新渲染到浏览器中,成为重绘
网站中少使用flash
虽然flash很好的增加了视觉效果,但是不利于蜘蛛的爬取