:重庆快乐十分官方网站

您的当前位置:重庆快乐十分官方网站 > 新闻动态 > 网站建设学堂 >

如何查看网站哪些图片或文件影响网站打开速度?

2018-06-01 14:47:15   来源:本站原创   评论:0 点击:
网站网页的打开速度是影响用户体验友好度的一个重要因素,没有人会喜欢一个很久都打不开的网站,因为大家的时间都是很宝贵的,耐心也是有限的。那么我们怎么查看网页中哪些图片或其他文件会拖慢我们的网站打开速度呢?


以谷歌浏览器为例(其他浏览器类似),我们首先在浏览器中打开我们的网站,然后按一下f12,再按一下ctrl键 + f5键 刷新一下页面,在弹出的界面中点击network。如下图

\
name是文件名称,size是网站文件大小,点一下size文件会按从小到大或者从大到小排序,time是加载时间,点一下time时间也会按从小到大或者从大到小排序。我们找到占空间最大的图片,一般占空间大的文件,加载时所需要的时间也多,如上图显示 最大的文件是xy_banner003.png ,大小是142kb,是一张png格式图片。然后我们看这张图片是否可以压缩,能压缩的话尽量把图片的尺寸大小以及品质压缩一下,使其所占空间变小从而减少加载的时间。
关于图片的压缩可以参考《如何让网站打开速度更快之图片压缩》的方法。

我们网站中看见的图片大小很多时候并不是图片本身的尺寸大小,因为通过css样式可以控制图片显示多长多高。图片的真实尺寸太大的我们应当通过图片编辑软件缩小图片的尺寸从而加快网站打开速度。如何查看图片的尺寸大小是否合适呢?如下图:

\

同上,用浏览器打开网站后按f12,弹出界面左上角有个小箭头,我们点一下小箭头,小箭头会变色,然后把鼠标移动到图片上点一下图片,下边的窗口就会出现如上图所示的那样,图片的html脚本会变蓝色背景,我们再鼠标移动到图片的html脚本上,会显示图片的真实尺寸和我们实际所看到的尺寸,以及图片的路径。图片的真实尺寸是宽度580像素,高度250像素,我们实际看到的大小是487x250像素,图片的位置在网站根目录下/Myupload/2016/0410/文件夹下,通过FTP软件我们很容易找到这张图片位置,这个图片的真实大小明显比我们所需要的尺寸在宽度上宽了一点。因此我们可以通过FTP软件把这张图片下载到自己电脑上用photoshop把这个图片真实尺寸的宽度缩小一点再上传上去替换原图片,从而减小其所占空间容量达到减少加载时间加快网站打开的目的。

上面举例的这张图片尺寸的真实大小和实际所需大小相差不大,对网站打开的速度影响不大。但相差太大的话就有必要进行图片压缩了。比如我们实际所需只要487x250就可以,但是图片的实际大小是4870x2500的话就会拖慢我们打开网站的速度。

对于本文主要是给客户看的,虽然不是从事网站开发但是作为网站管理者的你了解这些知识也是有必要的。对于网站开发者我们可以加上一段自动裁剪缩小图片的代码,从而使得客户在使用网站后台上传图片的时候图片太大的话自动缩小到实际所需尺寸 。

新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?
  • 网建
  • 优化
  • 资讯
  • 案列
  • 客服 重庆快乐十分官方网站 有事点这里
  • 2019斯诺克冠中冠直播 快速时时彩能玩吗 贵州11选5开奖走势图一定牛 浙江快乐12选5开奖结果双色球 蓝俎平码三中三论坛 丹麦彩票中奖号码 福彩20选5 老快3遗漏号数据 足球场看台 龙虎真人游戏机破解 广西好运快3中奖金额 17036期双色球蓝球杀码 十一运夺金玩法 香港赛马会官方网址 广西快乐双彩开奖时间