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

3 Like 0 留言 3084 瀏覽

鐵人賽 Modern Web DAY 24

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

技術 Day24 X Web Rendering Architectures

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

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

1 Like 1 留言 2968 瀏覽

鐵人賽 Modern Web DAY 12

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

技術 Day12 X Writing High Performance CSS

CSS 是前端開發者不可不學的技術之一，沒有了它就好像你做出來的網頁都沒有穿衣服一樣，有點羞於見人呀！? 但你有想過 CSS 如果亂寫也可能會影響到網頁的效能...

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

3 Like 0 留言 2860 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 Day09 X Resource Hint & Non-Blocking Script Tag

經過昨天的內容，讀者們應該對於網頁的渲染流程有大致的理解了。我們再小小複習一下，大致上網頁的渲染流程為：讀取 HTML 後生成 DOM Tree 讀取...

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

1 Like 0 留言 2801 瀏覽

技術 [ZurmoCRM LAMP 執行效能報告] QNAP TS-251 Intel J1800 + 1GB RAM 機種

在此分享 QNAP TS-251 的 ZurmoCRM LAMP 效能報告：QNAP TS-251 as a ZurmoCRM Application Serv...

amigoccs ‧ 2014-06-20

2 Like 0 留言 2790 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 Day25 X ESR: Rendering On The Edge

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

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

1 Like 0 留言 2718 瀏覽

鐵人賽 Modern Web DAY 24

你所不知道的各種前端 Debug 技巧系列第 24 篇

技術 [Day 24] Performance - Analyze Memory

有時候網頁會越跑越慢，到底發生了甚麼事情呢？概覽拖慢網頁效能的原因除了 JavaScript、Rendering 外，還有個可能就是用了過多的記憶體，尤...

shizuku ‧ 2020-10-07 ‧團隊Outcome First

0 Like 0 留言 2535 瀏覽

技術 CSS Animation 使 Mobile 網頁崩潰！? 效能優化篇(1) - 避免過長的背景圖～

崩潰的起因- 開發時期,我在網頁內放置了一段 CSS Animation的動畫,這個功能在電腦上執行一切正常,直到網頁被改成RWD版本,悲劇就發生了.....某...

Ami ‧ 2021-07-16

0 Like 0 留言 2250 瀏覽

技術 [ZurmoCRM LAMP 執行效能報告] Thecus N2800 Intel D2701 + 2GB RAM 機種

在此分享 Thecus N2800 的 ZurmoCRM LAMP 效能報告：Thecus N2800 as a ZurmoCRM Application Se...

amigoccs ‧ 2014-07-07

0 Like 0 留言 2230 瀏覽

技術 CSS Animation 使 Mobile 網頁崩潰！? 效能優化篇(2) - 查看網頁效能並發現問題～

崩潰之後面對的是遲鈍上一章我們解決了網頁崩潰問題,接下來發現網頁中的動畫在電腦上順利執行,IPhone上執行起來有點鈍,而在部分入門型Android上非常Lag...

Ami ‧ 2021-07-16

4 Like 9 留言 2074 瀏覽

鐵人賽 Modern Web DAY 30

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

技術 Day30 X 系列文總結

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

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

2 Like 2 留言 1944 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 Day22 X Web Workers

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

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

0 Like 1 留言 1924 瀏覽

鐵人賽自我挑戰組 DAY 26

When Bioinfo met Julia: Bioinformatician的30天Julia學習之路系列第 27 篇

技術 [Day 26] 關於Julia的Performance

還記得前幾天有談到的scope issue 當時一開始只是自己在寫loop時，發現全域變數在for-loop當中無法被改變，查看了官方文件之後，才知道原來是sc...

nostalgie1211 ‧ 2018-10-27

0 Like 0 留言 1866 瀏覽

鐵人賽 Software Development DAY 16

MongoDB披荊斬棘之路系列第 16 篇

技術 DAY16 MongoDB Explain 與 Index 建議

DAY16 MongoDB Explain 與 Index 建議 MongoDB explain - executionStats 這篇主要講解的是 Mongo...

阿派 ‧ 2021-09-16

1 Like 1 留言 1793 瀏覽

鐵人賽 Modern Web DAY 25

你所不知道的各種前端 Debug 技巧系列第 25 篇

技術 [Day 25] Performance - Analyze Runtime Activities

在 Performance 面板中，為了讓開發者方便優化網頁效能，會盡可能把瀏覽器運作的過程分類為各種 Activities，開發者找出造成效能瓶頸的 Acti...

shizuku ‧ 2020-10-08 ‧團隊Outcome First

1 Like 1 留言 1746 瀏覽

技術 [技術] 透過 Scale Out 加速您的 LAMP 應用程式

在此分享透過 Scape Out 加速您的 LAMP 應用程式：Accelerate your LAMP 我針對下列影響效能的問題，提出解決方法，與相關網頁，希...

amigoccs ‧ 2014-06-22

1 Like 0 留言 1677 瀏覽

鐵人賽 Modern Web DAY 16

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

技術 Day16 X Polyfill-less Bundling Script & File Compression

今天是 Build Optimizations 主題的最後一篇了，到目前為止我們已經認識了 Code Splitting, Dynamic Import 還有...

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

0 Like 0 留言 1616 瀏覽

鐵人賽 AI & Data DAY 17

看圖說故事，讓 Neo4j 重新詮釋你的資料庫系列第 17 篇

技術 Neo4j 資料庫查詢效能優化 - 起始點

上一篇文章介紹了在 Neo4j 檢視並優化執行計畫，今天會延伸這個主題，做更深入的分享。在簡單的查詢中，交給 Neo4j 決定即可；但是在非常龐大的資料庫，或是...

蛋踢球 ‧ 2020-10-02

0 Like 0 留言 1608 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 Day19 X Application Shell Architecture

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

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

0 Like 0 留言 1586 瀏覽

鐵人賽 AI & Data DAY 16

看圖說故事，讓 Neo4j 重新詮釋你的資料庫系列第 16 篇

技術 Neo4j 資料庫查詢效能優化 - 執行計畫

在上一篇文章中，介紹了在 Neo4j 建立索引和約束，來增加查詢效率或確保資料的完整、一致性，那麼說到效率，我們怎麼知道查詢的效率好壞呢？今天要介紹的是如何讓...

蛋踢球 ‧ 2020-10-01

0 Like 0 留言 1455 瀏覽

鐵人賽 Software Development DAY 8

前端工程師不能不知道的生產力工具系列第 8 篇

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

昨天主要介紹使用 Lighthouse 幫助我們從使用者的角度來發現問題與提供解決方式。今天則是要以程式的角度，以 Performance 面板裡的 Timel...

Yuri Tsai ‧ 2020-09-23

1 Like 0 留言 1317 瀏覽

鐵人賽 Modern Web DAY 24

Angular 8 從推坑到放棄系列第 24 篇

技術 [Day 23]最佳化 Angular Application

如何最佳化 Angular Application Angular 會分析所有 NgModule 了解妳目前專案的特性 Angular Module 會隔離...

TimTim ‧ 2019-10-10

0 Like 0 留言 1284 瀏覽

鐵人賽 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 留言 719 瀏覽

鐵人賽 Mobile Development DAY 29

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

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

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

OuJiaHao ‧ 2022-10-13

0 Like 1 留言 416 瀏覽

鐵人賽 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 留言 398 瀏覽

鐵人賽 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 1 留言 377 瀏覽

鐵人賽 Mobile Development DAY 29

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

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

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

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

0 Like 0 留言 332 瀏覽

鐵人賽自我挑戰組 DAY 17

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

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

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

bensonchen3418 ‧ 2023-10-02

0 Like 0 留言 319 瀏覽

鐵人賽 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 留言 282 瀏覽

鐵人賽自我挑戰組 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 留言 266 瀏覽

鐵人賽自我挑戰組 DAY 15

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

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

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

bensonchen3418 ‧ 2023-09-30

技術 Day24 X Web Rendering Architectures

技術 Day12 X Writing High Performance CSS

技術 Day09 X Resource Hint & Non-Blocking Script Tag

技術 [ZurmoCRM LAMP 執行效能報告] QNAP TS-251 Intel J1800 + 1GB RAM 機種

技術 Day25 X ESR: Rendering On The Edge

技術 [Day 24] Performance - Analyze Memory

技術 CSS Animation 使 Mobile 網頁崩潰！? 效能優化篇(1) - 避免過長的背景圖～

技術 [ZurmoCRM LAMP 執行效能報告] Thecus N2800 Intel D2701 + 2GB RAM 機種

技術 CSS Animation 使 Mobile 網頁崩潰！? 效能優化篇(2) - 查看網頁效能並發現問題～

技術 Day30 X 系列文總結

技術 Day22 X Web Workers

技術 [Day 26] 關於Julia的Performance

技術 DAY16 MongoDB Explain 與 Index 建議

技術 [Day 25] Performance - Analyze Runtime Activities

技術 [技術] 透過 Scale Out 加速您的 LAMP 應用程式

技術 Day16 X Polyfill-less Bundling Script & File Compression

技術 Neo4j 資料庫查詢效能優化 - 起始點

技術 Day19 X Application Shell Architecture

技術 Neo4j 資料庫查詢效能優化 - 執行計畫

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

技術 [Day 23]最佳化 Angular Application

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

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

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

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

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

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

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

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

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

標記使用者

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

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

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

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