JavaScript
JavaScript 是網路的指令碼語言。為網頁應用程式提供豐富的互動功能和動態內容。您可以利用這項功能,建構可協助使用者完成複雜工作、儲存使用者資料等的使用者體驗。您可以在此瀏覽我們的 JavaScript 內容集合,並學習各種概念和技巧,以便提升 JavaScript 技能。
跳至本頁的其他部分:
瞭解 JavaScript
如果您是 JavaScript 新手,我們也能提供協助。我們的「JavaScript 學習課程」會講解 JavaScript 的內外,協助您快速上手。
基準功能:新推出的 JavaScript 功能
瞭解所有主要瀏覽器引擎中新推出的最新 JavaScript 功能。
熟悉常見且實用的 JavaScript 功能
JavaScript 提供許多功能,可協助您建構可回應使用者需求的應用程式。
改善 JavaScript 造成的 INP 不佳問題
Interaction to Next Paint (INP) 是用來評估網頁回應速度的重要回應速度指標。這些指南包含 JavaScript 訣竅,可協助您讓網頁能回應使用者。
最佳化第三方 JavaScript 資源
第三方 JavaScript 可能是網頁應用程式的效能問題。瞭解如何管理第三方指令碼,確保網頁應用程式保持快速運作。
深入瞭解 JavaScript 模式
請查看這些 JavaScript 模式,您可以利用這些模式快速完成網路應用程式中的常見工作。
課程
第一次使用 JavaScript?
如果您是 JavaScript 新手,我們也能提供協助。我們的JavaScript 學習課程會逐步引導您瞭解 JavaScript 的運作方式,從變數、函式和條件式陳述式等基本概念開始。接著,您將著手處理更複雜的主題,例如原型繼承、類別和其他主題,以便磨練 JavaScript 技能,進而建構豐富的網頁應用程式。
基準新的 JavaScript 功能
Baseline 會向網路開發人員發出信號,指出網路平台功能可在所有主要瀏覽器引擎中安全使用。以下是現在已納入 Baseline 的新 JavaScript 功能。
熟悉常見且實用的 JavaScript 功能
JavaScript 提供許多工具,協助您打造可滿足使用者需求的應用程式。以下是您可能想在網頁應用程式中使用的常見功能,值得一看!
最佳化 JavaScript 導致的不良 INP
使用 JavaScript 時,可能會影響網頁應用程式的與下一個繪製動作 (INP) 的互動。這些指南可協助你處理 JavaScript 造成的網頁回應問題。
針對長時間工作進行最佳化調整
主執行緒上的長時間工作可能會導致網頁應用程式沒有回應。瞭解如何最佳化長時間工作,以改善網路應用程式的 INP。
最佳化輸入延遲時間
當使用者與網頁互動,且瀏覽器回應時間過長時,就會發生輸入延遲時間過長的情形,而 JavaScript 可能是常見的肇因。請參閱這份指南,瞭解如何縮短輸入延遲時間,讓網路應用程式更流暢。
指令碼評估和長時間任務
如果在網頁載入期間下載指令碼,可能會導致工作時間過長,進而影響網路應用程式的 INP。瞭解如何對長時間的指令碼評估工作進行最佳化調整,以維持 INP 的速率。
使用網路工作站在瀏覽器主執行緒中執行 JavaScript
並非所有功能都需要在主執行緒上執行。如果您有大量工作需要長時間執行,可以將這些工作卸載至網頁工作執行緒,讓網頁應用程式盡可能保持回應。
最佳化第三方 JavaScript 資源
網路上常見的效能問題之一,就是使用第三方 JavaScript,這可能會導致網頁載入速度變慢,甚至導致網頁回應速度變慢。請參閱下列指南,瞭解如何解決常見的第三方 JavaScript 效能問題。
第三方 JavaScript 成效
瞭解第三方 JavaScript 對效能造成的影響,以及如何避免拖慢網站速度。
找出速度緩慢的第三方 JavaScript
運用 Lighthouse 和 Chrome 開發人員工具提升效能偵測技能。
有效載入第三方 JavaScript
瞭解如何有效載入第三方 JavaScript,以便提升網頁應用程式的效能。
代碼和代碼管理工具的最佳做法
瞭解如何針對 Core Web Vitals 使用代碼和代碼管理工具進行最佳化,盡量讓這些實用工具對網頁應用程式的效能影響不大。
深入瞭解 JavaScript 模式
請查看這些模式,瞭解如何使用 JavaScript 在網頁應用程式中快速完成常見工作。