今天小编给大家带来的是如何通过优化前端来提升网站的速度，希望能帮助到大家！

方法1

将所有点击提交到同一个url，同时提交用户点击的x、y坐标，服务器端根据坐标映射响应

步骤2

客户端图片地图：直接将点击映射到操作<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /><map name="planetmap" id="planetmap"> <area shape="rect" coords="180,139,14" href ="venus.html" alt="Venus" />

步骤3

<area shape="rect" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> <area shape="rect" coords="140,0,110,260" href ="star.html" alt="Sun" /></map>

步骤4

使用图片地图的缺点：指定坐标区域时，矩形或圆形比较容易指定，而其它形状手工指定比较难CSS Sprites。

步骤5

CSS Sprites直译过来就是CSS精灵，但是这种翻译显然是不够的，其实就是通过将多个图片融合到一副图里面，然后通过CSS的一些技术布局到网页上。特别是图片特别多的网站，如果能用css sprites降低图片数量，带来的将是速度的提升。

步骤结束