Core_Web_Vitals.pdf

Transcript

1. The material contained in this documentation is proprietary and confidential to PIXNET. Copies are made available on the basis that use is limited to the sole purpose of evaluating PIXNET’s capabilities. It is not permissible to use, modify, copy or disclose any information contained in this presentation document for any other purpose without the express written permission of PIXNET. If you are not the intended recipient of this material you are requested to take immediate steps to destroy it. Copyright © 2018 PIXNET. All rights reserved. 掌握 SEO - 網站核心指標 @UX 2020Q2 分享會 Core Web Vitals
2. JAAD F2E cypresskuo
3. from web to Mobile web https://www.broadbandsearch.net/blog/internet-statistics
4. PIXNET mobile traffic 33% 67% 2020/06 Blog 流量比
5. mobile first index 2016 Google 首次提出 2020 Google 宣告將從 2020/09 開始，所有網站都採用行動優先索引
6. GOOD mobile web 好的內容 好的使用者體驗 快速、即時的互動
7. Web Vitals https://web.dev/vitals Core Web Vitals • Largest Contentful Paint (LCP) • First Input Delay (FID) • Cumulative Layout Shift (CLS) Other Web Vitals • Time to First Byte (TTFB) • First Contentful Paint (FCP) • Total Blocking Time (TBT) • Time to Interactive (TTI)
8. Core Web Vitals 首次輸入延遲 版面配置轉移 顯示最大內容元素 所需時間
9. Cumulative Layout Shift (CLS)
10. Cumulative Layout Shift (CLS)
11. Tools to measure web Lab Data Real User Monitoring (RUM)
12. Chrome User Experience Report CrUX
13. g.co/chromeuxdash Chrome User Experience Report
14. Core Web Vitals x PIXNET 黃大偉理財研究室 https://davidhuang1219.pixnet.net
15. Core Web Vitals x PIXNET 緩拍寫食過日子 Blog https://aquala.pixnet.net/
16. Core Web Vitals x PIXNET CLS 指標 on Tag https://www.pixnet.net/tags/小六食堂/f4e9722c9ddfc53b2ab1ba43240821c7
17. improved, then? • Core web vitals 將成為 SEO 排名因素之一 • 與 AMP 頁面並駕齊驅 (AMP Conf 2019
18. All you need is here https://web.dev/
19. Tools to measure web pagespeed insights: https://developers.google.com/speed/pagespeed/insights/ search console: https://search.google.com/search-console/about lighthouse: https://github.com/GoogleChrome/lighthouse chrome devtools: https://developers.google.com/web/tools/chrome-devtools web vitals extension: https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma chrome user experience report: https://developers.google.com/web/tools/chrome-user-experience-report
20. 參考資料 Key Internet Statistics to Know in 2020 (Including Mobile) Announcing mobile first indexing for the whole web Evaluating page experience for a better web Tools to measure Core Web Vitals Using the CrUX Dashboard on Data Studio https://reurl.cc/L3eLEK Google網站核心指標Core web vitals(LCP、FID、CLS)是什麼？5大SEO UX重點 優化項目 | awoo
21. Thanks for your attention!