技術 Day03 X Performance Analyzers feat. Lighthouse-CI

經過昨天，我們明白了效能對於前端應用的重要性，但是，我們要怎麼評估一個網站的效能呢？用感受的嗎？自己使用這個網站時還算順暢就定義為這是一個效能很好的網站嗎？當...

技術 [Day07] 瀏覽器開發工具 - 效能篇(上)

完成除錯後，接著就要幫我們開發的頁面進行效能上的檢測和優化。在現在各種裝置的普及，前端應用也愈多樣複雜，使用者對於速度也就愈要求。 為了提升使用者的體驗，開發者...

技術 [Day12] 瀏覽器開發工具 - 燈塔篇(Lighthouse)

在Day7的介紹中，我們初步認識了 Lighthouse ，在效能的檢測上可以發現問題，並且給予修改上的建議。 但 Lighthouse 其實還有其他面向的檢...

技術 GTmetrix 網站分析工具將會進行重大的改革和更新（2020 年），更多的【測試地點】選擇和用 Lighthouse metrics 準則

GTmetrix 的代表 Ian Pham 透露，讓大家知道 GTmetrix 即將發生的重大變化。他們正在改造平台，並用 Lighthouse 指標取代 P...

技術 [Day 22] 前端效能測試（二）－ 前端效能測試方法

Performance insights 欲測試網站效能，可以使用 network 的 Performance insights。其提供 DCL（DOM Con...

技術 DAY 24 React Native 效能優化： 使用 Flashlight 衡量應用程式效能

今天要來介紹一個很有趣的效能監測工具 Flashlight，透過 Flashlight 可以查看正式環境的 APP 效能，不只你自己開發的 APP 可以看得到，...

技術 Day 26 - 例子 - Lighthouse整合到CI

目錄 目錄 摘要 什麼是Lighthouse 步驟 前置準備 在repo安裝Lighthouse CI的Github APP 設定L...