网站切图时需要考虑的性能优化

声明:本文是菠萝软件工厂原创,未经许可不得转载。
    我们的程序工程师在工作的过程中要经常和美工合作,div+css是美工必备的常识,但是我们发现,有很多的页面重构人员并不太明白seo优化和程序优化,只顾自己早日完成任务,以下我们列举几点:
一、超出边界问题
    一般情况下,多出的文字信息都会让程序员做个截断,截断很简单一个substring就可以了,但是如果一个网页上如果有20个地方要截断,网站同时有10000个人访问,你想过没有,服务器要承受多大的压力啊。建议重构时给可能走出边界的区域加上overfollow:hidden。
二、图片大小限定
    经常做SEO的同学都知道,图片如果不限定大小,会导致重新绘制。这样会影响用户打开的速度,在seo跑分时我们都会注意这个。所以建议给所有的图片都加上大小限定
三、div大小
    div可以自适应大小,所以很多人在写css时都会省去width和height。但很多时间加载上程序,加入内容后未做大小限制的div都会出到浮动不正常。建议重构人员都参照标准的css写法。
四、html属性
    我们的程序员遇到个问题,在给一个图片按钮加onclick事件时,事件死活不执行,一直以为是js写做有问题,于是把js摘出来,就两句,一个弹出,但是仍然不执行,最后发现本来以为是一个input类型为button,结果切图人员为了省事,把这个input改成了image类型,于是给这个input更换为button类型,并增加了class类把图片做为背景,这时事件就可以执行了。
    在我们工作中一定要细心,只有细心才能做好产品,才能为客户带来好的流量与收益。