iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 243 瀏覽

鐵人賽自我挑戰組 DAY 28

為了成為更好的前端，我開始在乎的那些事系列第 28 篇

技術 [Day 28] 網路常識 - (13) HTTP cache - 那些 browser 默默幫你做的請求優化

在前面 HTTP 的歷史中，有提到在 HTTP/1.0 和 HTTP/1.1 時，有加入了些優化的機制，讓瀏覽器可以 cache 一些之前請求過的 API 資料...

bensonchen3418 ‧ 2023-10-13

0 Like 0 留言 199 瀏覽

鐵人賽自我挑戰組 DAY 26

為了成為更好的前端，我開始在乎的那些事系列第 26 篇

技術 [Day 26] 網路常識 - (12) HTTP 的發展史 - HTTP/2.0: 改善應用層的效能 (待補)

HTTP/2 主要是要解決 HTTP 1.1 什麼問題？ HTTP 1.X 文本傳輸造成解析緩慢 HTTP 1.X 的效能問題 HTTP 1.0 在一個 TCP...

bensonchen3418 ‧ 2023-10-11

0 Like 0 留言 187 瀏覽

鐵人賽自我挑戰組 DAY 25

為了成為更好的前端，我開始在乎的那些事系列第 25 篇

技術 [Day 25] 網路常識 - (11) HTTP 的發展史 - 簡單易用的 HTTP 0.9 ~ 1.1

HTTP 發展史簡介今天又是新的網路常識主題： HTTP，我會就我所知道的來介紹 HTTP 的發展史，主要介紹 HTTP 0.9 ~ HTTP 3.0 的時空...

bensonchen3418 ‧ 2023-10-10

0 Like 1 留言 331 瀏覽

鐵人賽 Mobile Development DAY 29

React Native CLI 開發心法系列第 29 篇

技術 DAY 29 React Native 效能優化：提升效能實戰（三）＆效能優化總結

延續上一篇優化程式碼的實例，還剩下一個地方需要改善，那就是圖片。使用圖片快取（Cache Images）透過 Cache 減少發送網路請求而且可以更快的載...

Ashley ‧ 2023-10-05 ‧團隊曼陀號計畫V

0 Like 0 留言 201 瀏覽

鐵人賽自我挑戰組 DAY 20

為了成為更好的前端，我開始在乎的那些事系列第 20 篇

技術 [Day 20] 網路常識 - (6) 什麼是 CDN？

CDN 是什麼？為什麼要使用 CDN？在早期 199X 年代，原本是用來作為傳輸靜態內容到各個世界，後來近期，只要有 http traffic，就有可能使用...

bensonchen3418 ‧ 2023-10-05

0 Like 0 留言 291 瀏覽

鐵人賽 Mobile Development DAY 28

React Native CLI 開發心法系列第 28 篇

技術 DAY 28 React Native 效能優化：提升效能實戰（二）

接續上一篇 DAY 27 React Native 效能優化：提升效能實戰 (一)接下來會用程式碼範例來說明如何優化 React Native 的效能～要優化...

Ashley ‧ 2023-10-04 ‧團隊曼陀號計畫V

0 Like 0 留言 193 瀏覽

鐵人賽自我挑戰組 DAY 18

為了成為更好的前端，我開始在乎的那些事系列第 18 篇

技術 [Day 18] 網路常識 - (4) 什麼是 DNS？跟前端有什麼關係？ - DNS 在前端的應用

前言前三篇已經介紹完 DNS 的原理，今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助，主要分為 2 個：優化 request speed 設定 d...

bensonchen3418 ‧ 2023-10-03

0 Like 0 留言 346 瀏覽

鐵人賽 Mobile Development DAY 27

React Native CLI 開發心法系列第 27 篇

技術 DAY 27 React Native 效能優化：提升效能實戰 (一)

如何讓你的 React Native 效能提升呢？接下將分享幾個優化的小技巧。移除 console 在開發 React Native 專案中，很常見的 deb...

Ashley ‧ 2023-10-03 ‧團隊曼陀號計畫V

0 Like 0 留言 1248 瀏覽

鐵人賽 Mobile Development DAY 26

React Native CLI 開發心法系列第 26 篇

技術 DAY 26 React Native 效能優化：使用 Firebase Performance Monitoring 監控應用程式效能

利用 firebase 打造自動監測應用程式效能的工具，當效能發生問題時就會系統自動發信通知，最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...

Ashley ‧ 2023-10-02 ‧團隊曼陀號計畫V

0 Like 0 留言 291 瀏覽

鐵人賽自我挑戰組 DAY 17

為了成為更好的前端，我開始在乎的那些事系列第 17 篇

技術 [Day 17] 網路常識 - (3) 什麼是 DNS？跟前端有什麼關係？ - DNS resolver

今天一樣繼續介紹 DNS，我將介紹： DNS resolver 的運作流程如何優化 DNS 請求前端部署 & DNS DNS resolve...

bensonchen3418 ‧ 2023-10-02

0 Like 1 留言 389 瀏覽

鐵人賽 Mobile Development DAY 25

React Native CLI 開發心法系列第 25 篇

技術 DAY 25 React Native 效能優化：使用 Firebase Crashlytics 追蹤應用程式 Crash

Firebase 的功能種類非常多，在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置時已經分別將 A...

Ashley ‧ 2023-10-01 ‧團隊曼陀號計畫V

0 Like 0 留言 220 瀏覽

鐵人賽自我挑戰組 DAY 15

為了成為更好的前端，我開始在乎的那些事系列第 15 篇

技術 [Day 15] 網路常識 - (1) 什麼是 DNS？跟前端有什麼關係？ - 為什麼要知道 DNS & request 效能監控

前言今天要來進入新的章節 - 網路常識當在往成為更好的前端的路上，通常都會看到一些文章，講述我們需要的一些網路常識，包括： DNS HTTP / HTTP...

bensonchen3418 ‧ 2023-09-30

0 Like 1 留言 218 瀏覽

鐵人賽 Mobile Development DAY 24

React Native CLI 開發心法系列第 24 篇

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

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

Ashley ‧ 2023-09-30 ‧團隊曼陀號計畫V

0 Like 0 留言 215 瀏覽

鐵人賽 Mobile Development DAY 23

React Native CLI 開發心法系列第 23 篇

技術 DAY 23 React Native 效能優化：衡量效能的關鍵指標

從前幾篇文章分享了 React Native 開發團隊是如何透過新架構（New Architecture）去改善 React Native 應用程式的效能，那麼...

Ashley ‧ 2023-09-29 ‧團隊曼陀號計畫V

0 Like 0 留言 201 瀏覽

鐵人賽 Software Development DAY 26

30 天 CMake 跨平台之旅系列第 26 篇

技術 [Day 26] Ninja

本日內容 Ninja! 改用 Ninja 預告 Day 26 - Colab 我們今天會沿用 Day 25 的設定, 來看看改用 Ninja 能夠節省多少開...

erichung0404 ‧ 2023-09-26

0 Like 0 留言 137 瀏覽

鐵人賽 Software Development DAY 25

30 天 CMake 跨平台之旅系列第 25 篇

技術 [Day 25] 你需要再快一點! Build Performance (二)

本日內容專案架構 Unity Build Precompiled Headers Ccache Parallelism 預告 Day 25 - Colab...

erichung0404 ‧ 2023-09-25

0 Like 0 留言 699 瀏覽

鐵人賽 Mobile Development DAY 29

通徹 Flutter 學習路徑系列第 29 篇

技術通徹 Flutter 學習路徑 Day 29 - 來聊聊 Performance 議題吧

今天的內容會著重在 Flutter 的效能議題其中會分成四個類型 Speed Memory Size Energy這四種類型發生時皆會對使用者體驗造成不好的狀...

OuJiaHao ‧ 2022-10-13

4 Like 9 留言 2037 瀏覽

鐵人賽 Modern Web DAY 30

今晚，我想來點 Web 前端效能優化大補帖！系列第 30 篇

技術 Day30 X 系列文總結

這是我第三年參加鐵人賽，每一次來到第 30 天，都有種如釋重負的感覺，不過同時也會感到一些遺憾，因為總是沒能把自己在開賽前預期的內容好好呈現出來。不論是主題內...

莫力全 Kyle Mo ‧ 2021-10-15 ‧團隊StarBugs 星巴哥技術週刊

2 Like 0 留言 3781 瀏覽

鐵人賽 Modern Web DAY 29

今晚，我想來點 Web 前端效能優化大補帖！系列第 29 篇

技術 Day29 X 面對高流量，前端可以做些什麼？

在現今的 Web 應用中，要建構一個穩定的大型系統，能夠處理 High Concurrency 的流量是一個不可或缺的條件，尤其是在服務的熱門時段，例如優惠活...

莫力全 Kyle Mo ‧ 2021-10-14 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 3007 瀏覽

鐵人賽 Modern Web DAY 28

今晚，我想來點 Web 前端效能優化大補帖！系列第 28 篇

技術 Day28 X Runtime Performance Debugging

提到 Web 前端的效能優化，有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」，例如 Code Splitting 透過減少需要載入的...

莫力全 Kyle Mo ‧ 2021-10-13 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 3731 瀏覽

鐵人賽 Modern Web DAY 26

今晚，我想來點 Web 前端效能優化大補帖！系列第 26 篇

技術 Day26 X Memory Management In JavaScript

如果你是寫 C/C++ 的開發者，應該對記憶體管理並不陌生，如果你是後端開發者，應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...

莫力全 Kyle Mo ‧ 2021-10-11 ‧團隊StarBugs 星巴哥技術週刊

2 Like 0 留言 2721 瀏覽

鐵人賽 Modern Web DAY 25

今晚，我想來點 Web 前端效能優化大補帖！系列第 25 篇

技術 Day25 X ESR: Rendering On The Edge

基本上 CDN 是現在的 Web 應用不可或缺的技術，當對被 CDN 加速過的域名發出請求時，CDN 會自動將 request 導到地理位置離使用者較近或是流...

莫力全 Kyle Mo ‧ 2021-10-10 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 2983 瀏覽

鐵人賽 Modern Web DAY 24

今晚，我想來點 Web 前端效能優化大補帖！系列第 24 篇

技術 Day24 X Web Rendering Architectures

今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management，探索前端架構與底層實作對...

莫力全 Kyle Mo ‧ 2021-10-09 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 4428 瀏覽

鐵人賽 Modern Web DAY 23

今晚，我想來點 Web 前端效能優化大補帖！系列第 23 篇

技術 Day23 X WebAssembly

也許你早就聽過 WebAssembly 這個詞，傳說中它可以讓 C, C++, Rust 等系統語言的程式碼在瀏覽器上執行，解決 JS 的效能已經快要逼近極限...

莫力全 Kyle Mo ‧ 2021-10-08 ‧團隊StarBugs 星巴哥技術週刊

2 Like 2 留言 1915 瀏覽

鐵人賽 Modern Web DAY 22

今晚，我想來點 Web 前端效能優化大補帖！系列第 22 篇

技術 Day22 X Web Workers

身為前端開發者，整日與 JavaScript 這門程式語言打交道，應該都知道它是一個 single-threaded 的程式語言，剛開始會覺得有點詫異，現在的...

莫力全 Kyle Mo ‧ 2021-10-07 ‧團隊StarBugs 星巴哥技術週刊

1 Like 0 留言 3466 瀏覽

鐵人賽 Modern Web DAY 21

今晚，我想來點 Web 前端效能優化大補帖！系列第 21 篇

技術 Day21 X Upgrade Your HTTP Connection

其實很多的效能優化技巧都擁有「用了不一定會讓效能變得比較快，就算有可能也是使用者難以感知的微幅進步，甚至如果使用不當會讓網頁效能變的更差」的特性。不過對於...

莫力全 Kyle Mo ‧ 2021-10-06 ‧團隊StarBugs 星巴哥技術週刊

2 Like 0 留言 3552 瀏覽

鐵人賽 Modern Web DAY 20

今晚，我想來點 Web 前端效能優化大補帖！系列第 20 篇

技術 Day20 X CDN

CDN 這個名詞在前面的篇章應該出現過蠻多次的，一直感到困惑的朋友們不用擔心，今天終於要來好好介紹它了！什麼是 CDN ? CDN 的全名為 Conten...

莫力全 Kyle Mo ‧ 2021-10-05 ‧團隊StarBugs 星巴哥技術週刊

0 Like 0 留言 1587 瀏覽

鐵人賽 Modern Web DAY 19

今晚，我想來點 Web 前端效能優化大補帖！系列第 19 篇

技術 Day19 X Application Shell Architecture

昨天介紹 Service Workers 後我們知道它是 PWA 的要素之一，且也是讓 Web App 實現離線瀏覽的關鍵技術。今天我們將延伸昨天的知識，介紹...

莫力全 Kyle Mo ‧ 2021-10-04 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 3831 瀏覽

鐵人賽 Modern Web DAY 18

今晚，我想來點 Web 前端效能優化大補帖！系列第 18 篇

技術 Day18 X Service Workers Cache

如果你聽過 PWA，那麼對今天的主題ㄧ定不陌生，因為今天要講的 Service Worker 就是 PWA 的一個重要元件。不過 PWA 這個主題本身就已經足...

莫力全 Kyle Mo ‧ 2021-10-03 ‧團隊StarBugs 星巴哥技術週刊

3 Like 0 留言 5675 瀏覽

鐵人賽 Modern Web DAY 17

今晚，我想來點 Web 前端效能優化大補帖！系列第 17 篇

技術 Day17 X 初探快取＆ HTTP Caching

今天即將進入 Caching & Networking 章節的第一天，快取，是一個非常重要的技術，不論是前端還是後端，甚至是再更底層的系統開發，都ㄧ定...

莫力全 Kyle Mo ‧ 2021-10-02 ‧團隊StarBugs 星巴哥技術週刊