如何优化网站首页代码：响应式 如果你的网站是视频站点或图片站点，是不应该一次性加载网站的所有内容的，自动加载视频，图片等内容会加载API，这会直接拉低整站的速度，建议的做法是根据用户的需要，让他们自由点击，通过点击行为加载应该呈现的资源;举个例子，如果首页有大量图片内容，就可以采取滚动式页面，通过用户的下拉行为加载新的页面，这样做有利于用户体验，也有利于首页打开速度的提升。 3：使用矢量技术处理图片。 四、如何优化网站首页代码：矢量技术处理图片 可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集)，用于描述二维矢量图形的一种图形格式。它由万维网联盟制定，是一个开放标准。 矢量技术处理图片具备很多优点，如： 五、用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等; SVG图像中的文字独立于图像，文字保留可编辑和可搜寻的状态。也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面。 总体来讲，SVG文件比那些GIF和JPEG格式的文件要小很多，因而下载也很快。 六、SVG 图像可被搜索、索引、脚本化或压缩。 也就是说，使用矢量技术处理的图片，可被搜索引擎识别，且相同情况下其文件会更小。 在此，推荐的工具有SVG edit，它可以将普通格式的文件转换为矢量图。 4：巧用css3代替图片效果。