HTML和CSS的面试题（2）

1、一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验。

a. 图片懒加载，滚动到相应位置才加载图片。

b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载。

c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话。

d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验。

2、以前端角度出发，有哪些注意事项有利于SEO?

(1).维护网站，提高内容质量，保持更新

(2).网站结构布局优化：尽量简单、开门见山，提倡扁平化结构。

(3).控制首页链接数量,要适中

(4).导航优化：

a:尽量采用文字方式

b:搭配图片导航，但是图片代码一定要进行优化，img标签必须添加“alt”和“title”属性

c:应该加上面包屑导航

(5).控制页面的大小:减少http请求，提高网站的加载速度

(6).适量的关键词和网页描述

title标题，强调重点即可，

meta keywords标签：关键词，列重要关键字即可

meta description标签：网页描述，要高度概括

body中的标签：尽量让代码语义化

a标签：页内链接，要加 “title” 属性加以说明