透過集合功能整理內容
你可以依據偏好儲存及分類內容。
課程
瞭解成效
網頁效能是網頁開發中的重要一環,會著重於網頁載入的速度,以及網頁對使用者輸入內容的回應速度。藉由改善網站效能,您可以為使用者提供更優質的體驗。
本課程的初始版本著重於網站效能的基礎知識,初學者應該能提供豐富資訊。每個單元的目標均為說明關鍵效能概念。
總覽
打造新式網頁體驗時,請務必評估、最佳化及監控網站速度是否提升且快速運作。對線上業務的成功來說,成效扮演了十分重要的角色,因為成效良好的網站能夠吸引和留住使用者,而且效果優於成效不佳的網站。
網站應著重於提升以使用者為中心的滿意度指標。Lighthouse (已整合至 web.dev!) 等工具會醒目顯示這些指標,協助您採取適當措施改善效能。為了加快載入速度,請設定並強制實施效能預算,讓您的團隊在確保網站已推出後能繼續快速載入,並確保使用者滿意。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],[],[],[]]