Curated by Wenyi Chu

READ MORE
monday
25 Mar 2024
部署 AVIF 提高回應速度的網站 web.dev
AVIF 是一種新的圖片格式,採用高壓縮率、高效率和廣泛的採用方式,因此很快就在網路上越來越受歡迎。AVIF 是免權利金的開放圖片格式,是根據 Alliance for Open Media 標準化的 AV1 影片轉碼器。這篇網誌文章將概略說明生態系統採用 AVIF 的方式,以及靜態圖片和動畫的 AVIF 可為開發人員帶來哪些效能和品質優勢。
SHOW MORE
部署 AVIF 提高回應速度的網站
Performance
thursday
08 Dec 2022
Optimize Interaction to Next Paint web.dev
Interaction to Next Paint (INP) is an experimental metric that assesses a page's overall responsiveness to user interactions by observing the latency of all click, tap, and keyboard interactions that occur throughout the lifespan of a user's visit to a page. The final INP value is the longest interaction observed, ignoring outliers.
SHOW MORE
Optimize Interaction to Next Paint
Performance
wednesday
22 Dec 2021
How The Economic Times passed Core Web Vitals thresholds and achieved an overall 43% better bounce rate web.dev

With internet speeds improving day-by-day, users expect websites to respond and behave faster than ever. The Economic Times handles over 45 million monthly active users. By optimizing for Core Web Vitals across the domain, on AMP and non-AMP pages, we managed to significantly reduce bounce rates and improve the reading experience.

SHOW MORE
How The Economic Times passed Core Web Vitals thresholds and achieved an overall 43% better bounce rate
Performance
sunday
31 Oct 2021
Optimizing resource loading with Priority Hints web.dev

Priority hints indicate the relative importance of resources to the browser. They can enable optimal loading and improve Core Web Vitals.

SHOW MORE
Optimizing resource loading with Priority Hints
Performance
tuesday
28 Sep 2021
Bringing instant page-loads to the browser through speculative prerendering web.dev

Learn more about speculative prerendering in the browser and how to participate in Chrome origin trial.

SHOW MORE
Bringing instant page-loads to the browser through speculative prerendering
Performance
thursday
23 Sep 2021
How SPA architectures affect Core Web Vitals web.dev

Answers to common questions about SPAs, Core Web Vitals, and Google's plan to address current measurement limitations.

SHOW MORE
How SPA architectures affect Core Web Vitals
Performance
wednesday
15 Sep 2021
Optimizing images on the web blog.cloudflare.com

Images are a massive part of the Internet. On the median web page, images account for 51% of the bytes loaded, so any improvement made to their speed or their size has a significant impact on performance.

SHOW MORE
Optimizing images on the web
Performance
How Swappie increased mobile revenue by 42% by focusing on Core Web Vitals web.dev

Finding correlation between site performance and business metrics was the key to driving the success of their optimization efforts.

SHOW MORE
How Swappie increased mobile revenue by 42% by focusing on Core Web Vitals
Performance
wednesday
01 Sep 2021
How to determine critical CSS for your webpage webperftools.com

If you ever tried optimizing your website performance, you probably run your web page through Google Page Speed and got several tips on what can be improved to make your site faster.

SHOW MORE
How to determine critical CSS for your webpage
Performance
Extract critical CSS web.dev

Learn how to improve render times with critical CSS technique.

SHOW MORE
Extract critical CSS
Performance