很多网站，为了吸引访客的注意，添加很多组件，殊不知这样的组件越多，会越加延迟网站的打开速度；另外一方面，如果你的网站是图片站，那么更要合理的优化首页代码，有数据显示，通过代码瘦身可以让页面最高缩减百分之三十。今天我们就来说说网站首页的代码怎么进行SEO优化。
1采用用户点击加载技术
如何SEO优化网站首页代码：响应式
如果你的网站是视频站点或图片站点，是不应该一次性加载网站的所有内容的，自动加载视频，图片等内容会加载API，这会直接拉低整站的速度，建议的做法是根据用户的需要，让他们自由点击，通过点击行为加载应该呈现的资源；举个例子，如果首页有大量图片内容，就可以采取滚动式页面，通过用户的下拉行为加载新的页面，这样做有利于用户体验，也有利于首页打开速度的提升。
2使用矢量技术处理图片
如何优化网站首页代码：矢量技术处理图片
可缩放矢量图形是基于可扩展标记语言（标准通用标记语言的子集），用于描述二维矢量图形的一种图形格式。它是一个开放标准。用户可以任意缩放图像显示，而不会破坏图像的清晰度细节等；
3巧用css3代替图片效果
如何优化网站首页代码：css3
基于css3的进化，其已经可以生成阴影，圆角边框，按钮，背景等效果，几乎可以取代传统的切片技术。在这样的前提条件下，完全可以通过css代码代替某些图片效果，其优点显而易见，代码比图片要小得多，也会提升网站首页打开速度。
另外一方面，如果使用大量图片布局网站，在不同的浏览器下，就会形成某些视觉问题，但css3技术就不存在这些问题，它们可以完美的支持各浏览器的兼容问题，而又不至于牺牲网站前端效果。
再次提醒：SEO优化中使用css3制作阴影等效果，其难度不小，需要更专业的前端技术人员才能实现。
