首页别放4M高清图当背景，打开要6秒，用户等3秒直接关站，压完图速度快六倍

新手做网站，首页用个高清大图当背景，一张图3M，打开首页要等5秒，图还糊在中间，用户直接关站，其实背景图用对了，既好看又不拖慢加载。第一，背景图压到200K以内，别用相机拍的原图，压缩完肉眼看不出差别；第二，背景图上盖一层半透明白色遮罩，不然背景图太花，上面的文字根本看不清；第三，别在背景图上放重要文字，图加载不出来，文字就没了，文字单独写在HTML里；第四，手机端别用大背景图，手机带宽小，直接换成纯色背景，不然手机打开要等好几秒。

我之前企业站首页，背景图是4M的原图，打开要6秒，用户平均等3秒就关站，压到180K，加了层半透遮罩，打开速度直接到1秒，文字也清晰。很多新手觉得背景图越高清越好，其实图太大，加载慢用户根本等不到图出来就走了，压完大小，盖层遮罩，既好看又快。