网站小图片可能并不小!正是它们拖垮了网站速度!

2018-10-22 MetInfo 米拓官网 30

网站的访问速度由服务器速度、网页本身反应速度和大小、浏览者网速三个关键因素所决定。而网页本身大小主要由页面的html代码、CSS文件、JS文件、图片构成,其中图片占比一般都是在50%以上,因此页面所有图片的加载大小直接影响网页的速度。

《如何检测验收网站》系统视频教程第二节:网站风格与细节一一3.3 图片大小控制

一般我们直观的认为,网页上图片看起来很小,那么图片的容量应该也会比较小,其实这是一种误导。我们看到的图片展示尺寸小,并不意味着图片的容量小!这里需要注意两个问题:

1、同样尺寸的图片,使用不同的格式及像素,图片容量大小会相差非常大,譬如一般PNG和GIF的图片相比于像素一般的jpg图片所占容量要大很多,米拓建站建议大家上传图片时,先处理图片的大小,尽量控制在300Kb以内,内容和列表图片尽量控制在几十KB;

2、网页上看起来很小的图片很可能加载的原图非常大,只是前端开发人员使用了css和html语言控制了图片的显示大小,而规范的建站系统,一般都会在列表页采用系统生成的缩略图显示,如米拓企业建站系统,列表就会使用管理员在后台上传的原图根据列表设定的图片大小按需自动生成缩略图,从而有效的控制图片大小。

赶紧查查你的网站“小图片”大小吧!右键点击图片(或查看网页源代码),复制图片地址在浏览器中单独打开,再右键点击打开的图片就能查看到图片的大小了。

网站建设,网站制作,cms,企业建站,建站系统,cms系统,快速建站

米拓建站从2018年10月12日起正式推出《如何检测验收网站系列课程》,欢迎大家关注米拓建站微信公众号或今日头条号。


https://image.metinfo.cn/QQ图片20180828092357.gif