首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

网站图片可能不小!正是他们减缓了网站的速度!

网站的访问速度由三个关键因素决定:服务器的速度、页面本身的速度和大小以及观众网络的速度。页面本身的大小主要由HTML代码、CSS文件、JS文件和页面图片组成,其中图片通常占50 %以上,因此页面上所有图片的加载大小直接影响页面的速度。

“如何检测和接受网站”系统视频教程:第2部分:网站风格和细节——13.3图片大小控制

通常,我们直觉地认为网页上的图片看起来很小,所以图片的容量也应该相对较小。事实上,这是误导。我们看到的图片显示了一个小尺寸,这并不意味着图片容量很小。这里有两个问题需要注意:

1。对于相同大小的图片,使用不同的格式和像素,图片大小会有很大的不同。例如,一般PNG和GIF图片的尺寸比一般像素的JPG图片的尺寸大得多。mituojizan建议您首先处理图片的大小,并尝试将其控制在300 kb以内,而内容和列表图片应尽可能控制在几十kb以内。

2。网页上看起来非常小的图像可能会加载非常大的原始图像,但是前端开发人员使用CSS和HTML语言来控制图像的显示大小,而标准的站构建系统通常在列表页面上使用系统生成的缩略图。例如,列表将使用管理员在后台上传的原始图像,根据列表中设置的图像大小自动生成缩略图,从而有效地控制图像的大小。

快速检查你网站的“小图片”大小。右键单击图片(或查看网页的源代码),复制图片地址并在浏览器中单独打开,然后右键单击打开的图片以查看图片的大小。

托米建设站正在更新“如何检测和接受网站系列课程”,我们欢迎大家关注今天的托米建设站第一名。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20181025A15JWW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券