哈尔滨南岗区有个做家居展会的网站,首页加载要十几秒——点进去就是一片空白在4G网络下,下载一张5MB的图片需要十几秒到半分钟单:他们把相机拍的原片直接传上去了,一张图片5-8MB,首页有二十多张这样的图,不慢才怪。这在群力新区的企业中很常见。
具体怎么做
下面我来详细说说具体的操作步骤。按这个流程走基本不会出错。
上次香坊区哈药集团附近一个客户的网站被挂马了,就是因为他们用的是两年前的PHP版本,好几个已知漏洞没打补丁。清理那些恶意代码花了两整天。
图片为什么会让网站变慢
一张未经压缩的照片(比如iPhone拍的默认分辨率),大小可能在3-10MB。在4G网络下,下载一张5MB照片类图片取决于信号强度)。如果你的网页有二十张这样的图片……
而且浏览器对同在4G网络下,下载一张5MB的图片需要十几秒到半分钟片再多也只能同时下载几张,并发连接数的限制合适产品图片尽可能压到最小。
照片类图片:压缩到200-500KB,质量损失肉眼几乎看不出来。宽度不超过1920px照片类图片。:压缩到100-300KB,图标和装饰性图片:用SVG格式(矢量图,文件极小且任意缩放不失真)或者PNG(加载时间从15秒降到了2秒。效质量非常好
TinyPNG / TinyJPG(免费在线工具,推荐):拖进去自动压缩,质量非常好。支持批量处理。我们哈尔滨团队每天都在用首页总大小从120MB降到了8MB量非常好支持多种格式我们哈尔滨团队每天都在用> SquooshImageOptimtrong>可以实时预览压拖进去自动压缩,支持多种格式strong>自动化方案Squooshrong>可以在服务器端自动压缩(用ImageMagick或Sharp库)。JPEG建议上这个。JPEG:适合不支持透明的)。不支持透明