1 天
網頁前端技術類 前端效能調校實戰:使用 Lighthouse 改善你的網站瀏覽體驗這堂課將會分享許多前端效能的基礎知識、好用工具,並且會在課堂上讓大家用自己的網站進行調校實戰,解決各種前端效能問題!

此課程適合給...

  • 以網站建置為主的開發人員
  • 本課程不要求熟悉任何後端技術
  • 建議有一點 JavaScript 程式開發經驗
  • 只要碰的到 HTML 的開發人員都適合參加
  • 本課程不適合完全沒有 Web 開發經驗的人

上完此課程你將會...

  • 打破前端效能調校的常見迷思
  • 深入理解各項核心 Web 指標
  • 熟悉各種前端效能調校工具
  • 熟悉多種不同效能調校技巧

有許多研究數據證實,擁有好的網站效能不但可以改善用戶體驗並加快網站的載入速度,更有助於提高網站的可用性和用戶滿意度, 還可以提高搜索引擎排名。這對於商業網站來說特別重要,因為它可以提高轉換率和降低跳出率,這確實是一個相當重要的議題。

雖然 Lighthouse 工具早就內建在 Chromium 之中,而且大家也都可以免費使用, 但要有效率的調整網站前端效能其實沒那麼簡單,背後有許多重要的背景知識與核心概念, 不先掌握這些基礎知識,很難有一個正確的認知下去調整網站,也因此有了這堂課程。

我的 The Will Will Web 部落格是一個內容網站,原本的網站擁有極差的效能分數,我在這次優化前端效能的過程中, 用了不少工具進行分析,過程中也產生了許多疑惑,也修改了一些現有網站的後端程式,我發現在修正的過程中有不少竅門, 當中也藉助了 ChatGPT 唸了些咒語幫我改寫程式碼,這堂課將會分享許多前端效能的基礎知識、好用工具, 並且會在課堂上讓大家用自己的網站進行調校實戰,解決各種前端效能問題!

課程內容

  • 前端效能調校實戰(共 7 章)
    7

    前端效能調校實戰

    • 何謂前端效能調校
    • 前端效能調校的常見迷思
    • 認識核心 Web 指標
    • 效能調校工具簡介
    • .資訊收集
    • .評測工具
    • .圖片轉檔
    • .可及性工具
    • 深入瞭解 Lighthouse 工具
    • 各種實務效能優化技巧
    • .HTML
    • .CSS
    • .JavaScript
    • 實戰練習與互動
7

前端效能調校實戰

  • 何謂前端效能調校
  • 前端效能調校的常見迷思
  • 認識核心 Web 指標
  • 效能調校工具簡介
  • .資訊收集
  • .評測工具
  • .圖片轉檔
  • .可及性工具
  • 深入瞭解 Lighthouse 工具
  • 各種實務效能優化技巧
  • .HTML
  • .CSS
  • .JavaScript
  • 實戰練習與互動

講師介紹

Will 保哥

(黃保翕)

2019 年獲選 Microsoft Regional Director (RD) 微軟技術社群區域總監

2018 年榮獲 Angular/Web GDE (Google Developer Expert) 開發專家

2008 至今連續 17 度當選 Microsoft MVP 微軟最有價值專家 (Developer Technologies)。

2013 年曾獲選第 6 屆iT邦幫忙鐵人賽【iT邦幫忙鐵人賽年度大獎】、【開發技術組年度鐵人】、【iT邦幫忙鐵人賽優選】三項殊榮。

熟悉 Angular、JavaScript、.NET、C#、ASP.NET MVC、Go、Docker、Kubernetes 相關技術。擅長 DevOps 與組織文化建立、軟體團隊建構與管理。熱愛分享知識。

曾擔任 Visual Studio 2010 上市發表會講師、MSDN 講座講師、TechDays Taiwan 2010~2015 講師、TechEd China 2011, 2013 講師。

出版著作有 ASP.NET MVC 2 開發實戰、Windows Phone 開發實戰、ASP.NET MVC 4 開發實戰等書籍。

部落格 http://blog.miniasp.com

FB 粉絲頁 https://www.facebook.com/will.fans

Contact Us聯絡多奇
聯絡多奇為您提供最專業的協助!
background image background image