SVG vs Webp

Default

Icon svg file import by next/imageIcon by svgIcon by webp 48x48

SVG vs Webp

Load More

Icon svg file import by next/imageIcon by svgIcon by webp 48x48

Image Optmize

Next ImageNext Image Load More

Third party optmize

Default Third partyLazy onload

React-Query

Products

ProductsProducts - smartphones story

Ant-Design

Antd - Dashboard

Slider LCP Performance

Swiper - defaultSwiper - performance

Embeds Performance

Media - defaultMedia - Capture

Demo

Countdown 測試頁PromiseLock 測試頁3D 地球 Demo