【前端效能优化】Lighthouse 检测後将图片转为 webp 格式

原先的网站表现分数只有 74分

https://ithelp.ithome.com.tw/upload/images/20211211/2014423153Z7Wsbuko.png

更换图片格式後网站表现分数 97分
https://ithelp.ithome.com.tw/upload/images/20211211/20144231fqQw1bult1.png

可以看见最大内容绘制 LCP(Largest Contentful Paint)的秒数从5秒减少为2秒,LCP 的意思是最大元素通常是图片或影片,也可能是区块层级大型文字元素,从使用者要求网址开始,转译可视区域中最大可见内容元素所需的时间。

参考网址:
https://support.google.com/webmasters/answer/9205520?hl=zh-Hant


<<:  【从零开始的 C 语言笔记】第二十九篇-读档 & 写档(1)

>>:  予焦啦!一梦终须醒......

Rails基本介绍(二)

听音乐先~ Rails操作实体 接续前一篇文章,做出一个实体後。 专案中 project_name/...

【Day4】音乐分类小实验

资料集 在这个实验里我们用的原始资料集在这里下载 或是直接从这里下载 csv 跟 notebook ...

【Day8】:ADC电压采集

类比输入 自然界当中的讯号几乎为连续的,也就是我们常说的类比讯号,而对於单晶片或着电脑来说,我们能够...

Day 28: Behavioral patterns - Visitor

目的 当一群相似结构的物件们,在执行相同方法时却有着不同实作内容,那可以将方法封装成独立物件。当需要...

数据和系统所有者(Data and System Owners)

如果未识别数据,则无法分配数据所有者。仅在识别,定位并清点数据之後才分配数据所有者。此外,在整个组织...