如何提高图片加载速度 找出过大资源?

相信做网页的都有担心网站图片过大影响加载速度的经验,本篇上海seo阳光博客要来介绍一款工具:imgix Page Weight Tool。

imgix 是一家让网站或应用程序可以更快速加载图片的服务,也可说是致力于图片优化技术公司,整合包括在线裁切、压缩、响应式设计、图片增强等众多功能,最大好处是用户几乎不用自行处理图片,只要将网站串接 imgix API 就能云端自动进行操作,本文要介绍的「Page Weight Tool」是 imgix 最近新推出的服务,能帮你测试网站图片有没有需要优化处理的空间。

如何提高图片加载速度 找出过大资源?

Page Weight Tool 是一款为网站优化检查工具,简单来说,它如同为网页图片设计的 Google PageSpeed Insights,输入要测试的网站网址后得出相关数据及修改建议,同时告诉用户那些图片可以被优化。Page Weight Tool 会列出整体网页大小、图片大小及优化图片后可为网页「减肥」多少百分比,非常具有参考价值。

大家应该都知道,图片加载速度已经成为搜索引擎优化(SEO)重要指标之一,也就是说网页能更快被开启也更能受搜索引擎青睐,同时减少使用者跳出率,为网站带来更多流量甚至是成功提高转换率。

网站名称:imgix Page Weight Tool

网站链结:https://pageweight.imgix.com/

STEP 1

开启 Page Weight Tool 网站后直接输入要检测的网页网址,按下「Show Me!」继续。

STEP 2

Page Weight Tool 结果页面会先显示检测的页面总大小,例如1.xx MB,这些是包括网页及图片和程序等等加总结果,因为 Page Weight 是侧重于对图片进行优化来降低大小,加速网页图片加载速度,因此还会告诉你当前页面的图片大小及优化后可减肥多少百分比。

如果你检测出来的结果皆为绿色「Light」的话,代表你的网页速度还算快,剩下的就是看优化后的百分比是否会影响到整体网页图片加载速度,如果比重很高,那就找个方法处理一下图片吧!

从右上角可切换桌面版和行动页面所测得的不同结果,对于拥有一般桌面版及行动版的网站来说,这项功能可以分别得知两种版本的网页各自有多少的优化空间。

STEP 3

当然最重要的是 Page Weight Tool 会以图表告诉你,目前网站里图片部分总共占用整体网页大小多少比例,如果优化图片后会有多大的成长空间并加速多少秒数的开启时间。

STEP 4

以及提供你每一张图片的分析信息,有些图片可能不用这么大的尺寸,用户可透过调整图片大小或压缩等方式来减少图片大小,进而让网页加载速度更上一层楼,Page Weight Tool 这项功能可以说分析的非常详尽,网站站长就无需手动检查图片。

STEP 5

最后,Page Weight Tool 允许使用者分享这份测试结果,点击右上角「Share Report」即可产生分享链结,让其他人存取内容,或者透过社群网络按钮来分享链结。

虽然 Page Weight Tool 是为了推广 imgix 推出的免费工具,但提升图片加载速度工具选择非常多,并非要使用 imgix 不可,不过大家都可以参考看看。本文由上海SEO阳光博客原创,如转载请注明出处【上海SEO】http://www.seosunday.com



发表评论

电子邮件地址不会被公开。 必填项已用*标注