优化网页的访问速度

来源:创同盟 | 发布时间:2021-07-28

一般导致网页打开速度慢的原因之一:图片过大。大图片每次打开都要加载很长一段时间,因此在编辑网页的时候,使用到的图片,文件内存大小尽量要小又清晰。一般banner图不超过300Kb,小图不超过100KB。如果有超过太多的,可以按以下方法查看,并对应在后台替换。


一、具体检查的步骤如下:

1、首先打开想要检测的网站,点击F12;或者鼠标右键:检查 / 审查元素

 image.png

(工具一般会出现在下面)

 

2、打开工具的Network导航

image.png 

我们可以查出网页的一些信息数据


3、然后按Ctrl+F5,强制刷新页面,让页面重新加载;接着点击Size排序,让数据由高到低排序;

size看的是资源的大小,time看的是响应及加载时间;

image.png 

(能得到以上数据)

 

一般需要优化的网站,我们可以针对性优化300kb以上的文件,如上图2个截图,一个网页大小在2.1M,一个在7.5M,完成打开的时间也是有区别的


二、图片优化的工具或方式

1、用ps,压缩图片品质

image.png


2、用在线工具:https://www.yasuotu.com/png ,可以选择png、jpg、gif三种格式,上传图片后,图片会自动压缩,下载压缩后的图片就行。

image.png

image.pngimage.png