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

1 Like 0 留言 29727 瀏覽

技術 [Spark] 從 Spark UI 找效能調校的目標

最近因為種種原因，複習了Spark的架構和概念，參考的是歐萊禮的Spark學習手冊，筆記在這裡。一般來說，有大量資料運算需求的Cluster比較會需要常做效能...

跑跑貓力歐 ‧ 2017-04-26

1 Like 0 留言 27090 瀏覽

技術 [Spark] 讀取MySQL大Table的效能問題

在測試從 Spark Shell讀取MySQL一張Large Table時，發生了Out of memory和connection timeout問題，記錄一下...

跑跑貓力歐 ‧ 2017-06-20

4 Like 1 留言 18014 瀏覽

鐵人賽 Modern Web DAY 30

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

達標好文技術 [Day 30] Tips for Lazy Loading Images

Lazy loading 是廣為人知的網頁優化技巧，尤其應用在圖片上時能夠大幅減少效能和流量的浪費，目前也有許多圖片 Lazy loading 的套件可以使用，...

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

6 Like 2 留言 7035 瀏覽

鐵人賽 Modern Web DAY 6

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

技術 Day06 X 圖片最佳化

給你五秒鐘思考一下，你在日常生活中還有在使用沒有任何圖片，包括小小的 Icon 也沒有的網站嗎？我想大多數人的答案都是否定的。現今的網頁應用免不了會需要載入...

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

6 Like 1 留言 6795 瀏覽

鐵人賽 Modern Web DAY 1

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

達標好文技術 Day 01 X 系列文大綱

大家好，我是 Kyle，大家也可以叫我老莫，這次是連續第三年參加 iT 邦幫忙鐵人賽了，每次都說太累了明年絕對不比了，結果活動頁一出來還是覺得很熱血就又報名了...

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

4 Like 0 留言 6344 瀏覽

鐵人賽 Modern Web DAY 10

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

技術 Day10 X 實作一個簡單的 Virtualized List 吧！

Facebook、Instagram 應該都是我們日常生活中非常依賴的社群媒體了，每天閒來無事就要滑滑動態，看看朋友最近發生了什麼事。不過你有沒有注意到一件事...

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

3 Like 0 留言 5744 瀏覽

鐵人賽 Modern Web DAY 17

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

技術 Day17 X 初探快取＆ HTTP Caching

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

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

5 Like 0 留言 5641 瀏覽

鐵人賽 Modern Web DAY 2

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

技術 Day02 X 為什麼要在前端做效能優化？

大家好！雖然今天是 Day 2，不過嚴格來說是系列文的第一天。今天要來談談「為什麼我們需要在前端做效能的優化？」，也許內容會比較乏味，然而在執行一件事情前先釐...

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

2 Like 2 留言 5641 瀏覽

鐵人賽 Modern Web DAY 3

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

技術 Day03 X Performance Analyzers feat. Lighthouse-CI

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

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

2 Like 0 留言 5380 瀏覽

鐵人賽 Modern Web DAY 11

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

技術 Day11 X Lazy Loading

還記得昨天 Virtualized List 篇章開頭放的 Facebook demo 影片嗎？有沒有發現我們好像遺漏了什麼功能沒有說明？先問大家一個問題...

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

1 Like 0 留言 4593 瀏覽

技術 [改-傳輸效能] QNAP TS-251 0612 Intel J1800 機種搭配 8GB RAM 與 RAID 1

在此分享改搭配 RAID 1 與 0612 韌體版本的 QNAP TS-251 的 Samba 與 NFS 效能報告：QNAP TS-251 with Firm...

amigoccs ‧ 2014-06-30

3 Like 0 留言 4461 瀏覽

鐵人賽 Modern Web DAY 23

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

技術 Day23 X WebAssembly

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

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

0 Like 0 留言 4365 瀏覽

技術影響Query Optimizer產生執行計畫的關鍵(統計值)

什麼是統計值 SQL Server的QO(Query Optimizer)透過cost-based model來選擇一個最合適計畫(估算成本最低)來執行查詢...

石頭 ‧ 2020-04-19

3 Like 0 留言 4177 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 Day08 X 瀏覽器架構演進史 & 渲染機制

「在未來，瀏覽器會變得越來越強，以後我們可以在瀏覽器做越來越多事。」身為常與瀏覽器共舞的 Web 工程師，尤其是 Frontend Engineer，如...

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

4 Like 0 留言 4138 瀏覽

鐵人賽 Modern Web DAY 4

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

技術 Day04 X Core Web Vital & RAIL Model

在昨天介紹網頁檢測工具時，我們看到它提供了一些看起來十分專業的 Metrics，不過光看文字還真的猜不出它們代表的是什麼意思 ? 今天第一個段落會介紹三個評...

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

0 Like 0 留言 3990 瀏覽

鐵人賽 Software Development DAY 15

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

技術 DAY15 MongoDB Explain 效能分析工具

DAY15 MongoDB Explain 效能分析工具針對資料庫內的資料進行查詢、新增、刪修都需要迅速地找到該筆資料，因此建立索引很重要。至於要如何評估指令...

阿派 ‧ 2021-09-15

2 Like 3 留言 3917 瀏覽

鐵人賽 Modern Web DAY 7

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

技術 Day07 X Image Sprites

經過昨天的一番折騰，我想讀者們都對基本的圖片優化稍有概念了，今天要介紹的優化技巧其實嚴格來說也算是圖片的優化範疇，但是跟優化圖片本身的大小無關，因此我選擇獨立...

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

3 Like 0 留言 3889 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 Day18 X Service Workers Cache

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

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

2 Like 0 留言 3827 瀏覽

鐵人賽 Modern Web DAY 29

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

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

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

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

0 Like 0 留言 3771 瀏覽

鐵人賽 Modern Web DAY 26

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

技術 Day26 X Memory Management In JavaScript

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

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

3 Like 0 留言 3607 瀏覽

鐵人賽 Modern Web DAY 15

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

技術 Day15 X Tree Shaking

在昨天我們學會了 code splitting 與 dynamic import 的技巧，讓程式在打包時可以形成好幾個 bundle chunks，並在真的需...

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

3 Like 1 留言 3588 瀏覽

鐵人賽 Modern Web DAY 18

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

技術 [Day 18] Performance - Overview

前端可不是功能需求都完成了就完事，Load 超慢、動畫卡卡的、點擊按鈕過了一秒才有反應等等都會讓使用者默默在心中給網站體驗扣分，尤其是第一次瀏覽時更可能直接關...

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

2 Like 0 留言 3580 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 Day20 X CDN

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

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

1 Like 0 留言 3524 瀏覽

鐵人賽 Modern Web DAY 21

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

技術 Day21 X Upgrade Your HTTP Connection

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

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

3 Like 0 留言 3467 瀏覽

鐵人賽 Modern Web DAY 13

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

技術 Day13 X CSS GPU Acceleration

其實今天的主題應該算是昨天 High Performance CSS 的延伸。大家應該都有遇過網頁的動畫有點不順暢甚至卡頓的經驗吧？是不是覺得很煩人呢？就算...

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

1 Like 1 留言 3359 瀏覽

鐵人賽 Software Development DAY 7

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

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

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

Yuri Tsai ‧ 2020-09-22

2 Like 0 留言 3250 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 Day05 X Code Minimize & Uglify

從今天開始終於要正式進入介紹前端效能優化各種技巧的章節了，如果到今天還願意繼續堅持看下去的讀者記得給自己一些掌聲 ? 如果對效能優化幾乎是零基礎的讀者也別擔心...

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

3 Like 0 留言 3110 瀏覽

鐵人賽 Modern Web DAY 14

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

技術 Day014 X Code Splitting & Dynamic Import

Code Splitting 是一個非常重要的觀念，現代網頁程式漸漸走向使用框架以模組化方式來開發，通常會透過如 webpack 等 bundler 來 ug...

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

3 Like 0 留言 3094 瀏覽

鐵人賽 Modern Web DAY 20

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

技術 [Day 20] Performance - Critical Rendering Path

瀏覽器在繪製出整個頁面前大概經過了哪些步驟呢？什麼原因會阻止瀏覽器繪製頁面？概覽理解瀏覽器如何運作是網頁效能優化最重要的基礎，從接收到 HTML、CSS...

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

3 Like 0 留言 3048 瀏覽

鐵人賽 Modern Web DAY 28

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

技術 Day28 X Runtime Performance Debugging

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

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