「網頁設計師」在職進修、線上學習、共學教室

PM好同學

關注

Trulli Wu

產品經理

2023/07/14

Google導入INP指標

7/5 Google發布了新的搜尋SEO的幾個重大的更新，其中包括RWD不再是主要指標，Sitemap即將走入歷史...等，Google 也將導入全新的網頁體驗指標INP。

Google 近期已經將INP（Interaction to Next Paint）新增至GSC（Google Search Console）的網站使用體驗核心指標報告中。

【INP是什麼？】

INP 是指網站與使用者互動到下一個畫面（Paint）之間的時間

簡單來說就是在測量計算網頁繪製出來的時間，

用來評估用戶在網頁上的體驗是否良好？

網頁顯示出來的速度就是一個關鍵的體驗，

我想現代人應該很難有太多的耐心去等待一個很慢的網頁

以上很白話的解釋，希望大家可以理解。

Google官方說：INP 是一個相對較新的指標，但隨著網頁變得更加複雜和互動，它變得越來越重要。另外Google也說未來INP分數將主導SEO分數和排名

Google針對網站的體驗分數，目前有三大指標：LCP、FID、CLS

都是專注在網頁載入的第一時間，而INP是看全部。

【INP的分數】

想提高INP的分數，那網站勢必要廋身！

這對PM和F2E來說都會是一個大挑戰，但往好處想，

減法設計也將幫助我們去除多餘的規劃，留下真正對用戶有價值的內容及互動。

【如何查詢INP分數】

Google PagesPeed Insights

Google Search Console

這二個服務都可以幫助你查詢到分數，以及告訴你網頁要如何進行優化的修改

資料參考來源：https://web.dev/inp/

備註更新：Google 已宣布 INP 將在 2024 年 3 月取代 FID 成為核心 Web 關鍵。

web.dev

Interaction to Next Paint (INP)

1 0 1673 0

拍手

留言

分享到：

Line

Facebook

複製連結

取消

熱門精選

104學習精靈 | 熱門文章推薦

關注

104學習精靈

產品

21小時前

【限量:免費報名】利用AI自動化行銷｜直播講座

搶先卡位：https://meet.104.com.tw/event/48575464-4b83-42ab-8cc4-276446f5276c

講座詳細資訊

時間：04/30（二） 20:00 - 21:00

講者：圭話行銷創辦人何佳勳 / 業界資深的數位廣告行銷專家

主題：行銷新篇章：AI如何革新檔期活動策略

在這個數位化的時代，AI技術正以驚人的速度改變著我們的行銷方式。檔期促銷活動面對的受眾眾多，難以精準定位目標受眾，進而影響活動效果、每次規劃檔期活動都需要創造吸引人的內容和促銷方式，但長期以來，創意卻逐漸耗盡、想要掌握AI如何革新檔期活動策略的最新動向嗎？

你也在苦思如何創造不同以往、有別競品的檔期活動嗎？104學習精靈與緯育TibaMe，攜手邀請到數位廣告界專家圭話行銷創辦人何佳勳老師。學員們都稱呼他為小圭老師，不僅熱愛與學員社群互動、對學員有問必答，更善於為客戶的製造許多驚喜及營收，一起期待老師分享如何透過 AI 工具提升30%的檔期活動成效吧~

立即報名：https://meet.104.com.tw/event/48575464-4b83-42ab-8cc4-276446f5276c

meet.104.com.tw

【免費報名】行銷新篇章：如何使用AI規劃行銷活動｜直播講座｜104活動吧

1 0 422 0

拍手

留言

分享到：

Line

Facebook

複製連結

取消

104學習精靈精選課程

想提升職場競爭力？專業技能課程看起來👇

從入門到業界實戰 - UI / UX 前端網頁設計

從0到1的網站 http://ui-ux-webdesign.com/hahow-course/CV_demo/ http://ui-ux-webdesign.com/hahow-course/fullPageWeb 理解 UI / UX 熟悉專案流程做出自己的作品集了解設計視覺風格掌握基礎 icon適性設計或其他介面元件的設計讓設計成為可用的網頁技術釐清設計需求，減少溝通成本專案手刻切版、建置版型的能力交到兩個不斷自我挑戰的朋友XD (自肥

Hahow好學校

動畫互動網頁程式入門 (HTML/CSS/JS)

可以入門網站基礎的架構與開發，網頁元素精準的掌控，刻出簡單有趣，視覺好看的網頁與小動畫，也會講基本的架構手法，讓你做出來的網頁易於維護也能讓工程師接手，知道出錯的時候要如何請股歌大人諭示，才能找到解決的辦法。

Hahow好學校

從入門到業界實戰 - UI / UX 前端網頁設計

從0到1的網站 http://ui-ux-webdesign.com/hahow-course/CV_demo/ http://ui-ux-webdesign.com/hahow-course/fullPageWeb 理解 UI / UX 熟悉專案流程做出自己的作品集了解設計視覺風格掌握基礎 icon適性設計或其他介面元件的設計讓設計成為可用的網頁技術釐清設計需求，減少溝通成本專案手刻切版、建置版型的能力交到兩個不斷自我挑戰的朋友XD (自肥

Hahow好學校

動畫互動網頁程式入門 (HTML/CSS/JS)

可以入門網站基礎的架構與開發，網頁元素精準的掌控，刻出簡單有趣，視覺好看的網頁與小動畫，也會講基本的架構手法，讓你做出來的網頁易於維護也能讓工程師接手，知道出錯的時候要如何請股歌大人諭示，才能找到解決的辦法。

Hahow好學校

學習精靈

12/29 00:00

youtube.com

【網頁前端設計女性專班】從零基礎前進網頁設計師第八屆女力專班五倍紅寶石

33 0

分享到：

Line

Facebook

複製連結

取消

職涯診所

05/15 13:10

giver.104.com.tw

迷惘新鮮人-找無頭路的前端工程師

0 0 2288 2

學習精靈

03/15 00:00

youtube.com

網頁設計師與網站開發人員的差異

13 0

分享到：

Line

Facebook

複製連結

取消

104學習精靈