攜手打造更優質的網路體驗
我們希望能協助您打造美觀、容易存取、快速又安全的網站,希望您和所有使用者都能跨瀏覽器使用。本網站是 Chrome 團隊成員和外部專家撰寫的介紹內容,希望能協助您展開旅程。
瞭解現代網路技術如何協助您邁向成功
瞭解創新的網頁技術大幅簡化的使用應用方式。
準備以全新方式評估互動回應
開始評估網站與下一個顯示的內容 (INP) 互動成效,並進行最佳化。並於 3 月 12 日正式成為 Core Web Vitals。
新功能
隆重推出 Baseline
在 2023 年 Google I/O 大會上,我們宣布了 Baseline,並進一步瞭解這項計畫,以及我們為何認同這項計畫的重要性。
1 月剛推出網路平台。
探索 2024 年 1 月在穩定版和 Beta 版網路瀏覽器中推出的有趣功能。
CSS Podcast
一起來看看 Google 的開發人員服務代表 Una Kravets 和 Adam Argyle,這個 Podcast 節目將複雜的 CSS 領域拆解成眾多精彩片段。
CSS 和使用者介面設計
立即瞭解工作適用的最新秘訣和技巧。
使用 CSS 根據使用者偏好調整字體排版
根據使用者偏好調整字型,讓使用者充分舒適地閱讀內容。
在所有主要引擎推出新的 CSS 色域和功能
所有主要引擎現在都支援新的 CSS 色彩空間和函式。瞭解如何透過這些設計,讓自己的設計看起來更加鮮豔。
什麼是來源對應?
使用來源對應改善網路偵錯體驗。
CSS 子格狀檢視
Subgrid 現可在這三大主要引擎中互通。一探究竟。
Core Web Vitals
瞭解網站體驗核心指標和其他指標,加快網站和應用程式的建構速度。
3 月 12 日起,與 Next Paint 互動將成為 Core Web Vitals。
「與下一個繪製內容互動」功能將正式成為 Core Web Vitals,將於 3 月 12 日取代首次輸入延遲時間。
如何最佳化 INP
瞭解如何改善「與下一個顯示的內容互動」指標。
2023 年最重要的網站體驗核心指標建議
根據 2023 年的網站狀態,提升網站網站體驗核心指標成效的一系列最佳做法。
使用網站體驗指標擴充功能,對網站體驗核心指標問題進行偵錯。
網站體驗指標擴充功能現在會顯示更多偵錯資訊,協助你找出網站體驗核心指標問題的根本原因。
漸進式網頁應用程式
打造優質網路體驗。
瞭解 PWA
此課程會剖析現代漸進式網頁應用程式開發作業的各個層面。
TransformStream 現已支援跨瀏覽器。
如今,Safari、Firefox 和 Chrome 都支援轉換串流。現在,這些轉換都已準備好使用。
優質應用程式的全新模式
探索一系列精彩的應用程式新模式,包括剪貼簿模式、檔案模式和進階的應用程式模式。
Project Fugu API 展示
前往 Chrome 開發人員網站,探索各項功能 API。
所有人都能存取
瞭解如何讓身心障礙者更容易存取您的網站,無論是永久性、暫時性或臨時的設定皆適用。
瞭解無障礙功能
我們的新課程是絕佳的進入點,也是無障礙主題的參考資源。
測試網頁設計色彩對比
概略說明三種工具和技術,用於測試及驗證設計的無障礙設計色彩對比。
為網站建立主要導覽
本教學課程說明如何建立網站易於存取的主要導覽功能。你會瞭解語意式 HTML 和無障礙功能,以及使用 ARIA 屬性有時對使用者造成的傷害。
社群精華片段:Melanie Sumner
歡迎閱讀我們與專門從事數位無障礙功能的軟體工程師 Melanie 的訪談。
付款與身分
瞭解最新付款技術和最佳做法,並協助使用者安全地登入網站和應用程式。
為無密碼登入建立密碼金鑰
密碼金鑰可讓使用者帳戶更安全、易用。
使用密碼金鑰登入
建立使用密碼金鑰的登入體驗,同時沿用現有的密碼使用者。
網站付款總覽
進一步瞭解網頁付款功能及其運作方式。
付款和地址表單最佳做法
幫助使用者盡快輕鬆地完成地址和付款表單,盡量爭取轉換。
開發人員電子報
直接透過電子郵件取得最新消息、技術資訊和最新消息。