⼀、HTML、HTTP、web综合问题
1 前端需要注意哪些SEO
- 合理的
title
、description
、keywords
:搜索对这三项的权重逐个减⼩,title
值强调重点即可,重要关键词出现不要超过2次,⽽且要靠前,不同⻚⾯ title 要有所不 同;description
把⻚⾯内容⾼度概括,⻓度合适,不可过分堆砌关键词,不同⻚⾯description
有所不同;keywords
列举出重要关键词即可 - 语义化的
HTML
代码,符合W3C规范:语义化代码让搜索引擎容易理解⽹⻚ - 重要内容
HTML
代码放在最前:搜索引擎抓取HTML
顺序是从上到下,有的搜索引擎对抓 取⻓度有限制,保证重要内容⼀定会被抓取 - 重要内容不要⽤
js
输出:爬⾍不会执⾏js获取内容 - 少⽤
iframe
:搜索引擎不会抓取iframe
中的内容 - ⾮装饰性图⽚必须加
alt
- 提⾼⽹站速度:⽹站速度是搜索引擎排序的⼀个重要指标
2 的 title 和 alt 有什么区别
- 通常当⿏标滑动到元素上的时候显示
- alt 是
<img>
的特有属性,是图⽚内容的等价描述,⽤于图⽚⽆法加载时显示、读屏器阅读图⽚。可提图⽚⾼可访问性,除了纯装饰图⽚外都必须设置有意义的值,搜索引擎会 重点分析
3 HTTP的几种请求⽅法⽤途
GET
⽅法
发送⼀个请求来取得服务器上的某⼀资源POST
⽅法
向 URL 指定的资源提交数据或附加新的数据PUT
⽅法
跟POST
⽅法很像,也是想服务器提交数据。但是,它们之间有不同。PUT
指定了资 源在服务器上的位置,⽽POST
没有HEAD
⽅法
只请求⻚⾯的⾸部DELETE
⽅法
删除服务器上的某资源OPTIONS
⽅法
它⽤于获取当前 URL 所⽀持的⽅法。如果请求成功,会有⼀个 Allow 的头包含类 似 “GET,POST” 这样的信息TRACE
⽅法
TRACE ⽅法被⽤于激发⼀个远程的,应⽤层的请求消息回路
CONNECT ⽅法 把请求连接转换到透明的 TCP/IP 通道
4 从浏览器地址栏输⼊url到显示⻚⾯的步骤
基础版本
- 浏览器根据请求的 URL 交给 DNS 域名解析,找到真实 IP ,向服务器发起请求;
- 服务器交给后台处理完成后返回数据,浏览器接收⽂件( HTML、JS、CSS 、图象等);
- 浏览器对加载到的资源( HTML、JS、CSS 等)进⾏语法解析,建⽴相应的内部数据结构 (如 HTML 的 DOM );
- 载⼊解析到的资源⽂件,渲染⻚⾯,完成。
5 如何进⾏⽹站性能优化
- content ⽅⾯
减少 HTTP 请求:合并⽂件、 CSS 精灵、 inline Image
减少 DNS 查询: DNS 缓存、将资源分布到恰当数量的主机名
减少 DOM 元素数量 - Server ⽅⾯
使⽤ CDN
配置 ETag
对组件使⽤ Gzip 压缩 - Cookie ⽅⾯
减⼩ cookie ⼤⼩ - css ⽅⾯
将样式表放到⻚⾯顶部
不使⽤ CSS 表达式
使⽤ 不使⽤ @import - Javascript ⽅⾯
将脚本放到⻚⾯底部
将 javascript 和 css 从外部引⼊
压缩 javascript 和 css
删除不需要的脚本
减少 DOM 访问 - 图⽚⽅⾯
优化图⽚:根据实际颜⾊需要选择⾊深、压缩
优化 css 精灵
不要在 HTML 中拉伸图⽚