在前面 HTTP 的歷史中,有提到在 HTTP/1.0 和 HTTP/1.1 時,有加入了些優化的機制,讓瀏覽器可以 cache 一些之前請求過的 API 資料...
HTTP/2 主要是要解決 HTTP 1.1 什麼問題? HTTP 1.X 文本傳輸造成解析緩慢 HTTP 1.X 的效能問題 HTTP 1.0 在一個 TCP...
HTTP 發展史簡介 今天又是新的網路常識主題: HTTP,我會就我所知道的來介紹 HTTP 的發展史,主要介紹 HTTP 0.9 ~ HTTP 3.0 的時空...
延續上一篇優化程式碼的實例,還剩下一個地方需要改善,那就是圖片。 使用圖片快取 (Cache Images) 透過 Cache 減少發送網路請求而且可以更快的載...
CDN 是什麼? 為什麼要使用 CDN? 在早期 199X 年代,原本是用來作為傳輸靜態內容到各個世界,後來近期,只要有 http traffic,就有可能使用...
接續上一篇 DAY 27 React Native 效能優化:提升效能實戰 (一)接下來會用程式碼範例來說明如何優化 React Native 的效能~ 要優化...
前言 前三篇已經介紹完 DNS 的原理,今天會來介紹一下 DNS 到底對前端在工作上有什麼幫助,主要分為 2 個: 優化 request speed 設定 d...
如何讓你的 React Native 效能提升呢?接下將分享幾個優化的小技巧。 移除 console 在開發 React Native 專案中,很常見的 deb...
利用 firebase 打造自動監測應用程式效能的工具,當效能發生問題時就會系統自動發信通知,最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...
今天一樣繼續介紹 DNS,我將介紹: DNS resolver 的運作流程 如何優化 DNS 請求 前端部署 & DNS DNS resolve...
Firebase 的功能種類非常多,在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置 時已經分別將 A...
前言 今天要來進入新的章節 - 網路常識 當在往成為更好的前端的路上,通常都會看到一些文章,講述我們需要的一些網路常識,包括: DNS HTTP / HTTP...
今天要來介紹一個很有趣的效能監測工具 Flashlight,透過 Flashlight 可以查看正式環境的 APP 效能,不只你自己開發的 APP 可以看得到,...
從前幾篇文章分享了 React Native 開發團隊是如何透過新架構(New Architecture)去改善 React Native 應用程式的效能,那麼...
本日內容 Ninja! 改用 Ninja 預告 Day 26 - Colab 我們今天會沿用 Day 25 的設定, 來看看改用 Ninja 能夠節省多少開...
本日內容 專案架構 Unity Build Precompiled Headers Ccache Parallelism 預告 Day 25 - Colab...
今天的內容會著重在 Flutter 的效能議題其中會分成四個類型 Speed Memory Size Energy這四種類型發生時皆會對使用者體驗造成不好的狀...
這是我第三年參加鐵人賽,每一次來到第 30 天,都有種如釋重負的感覺,不過同時也會感到一些遺憾,因為總是沒能把自己在開賽前預期的內容好好呈現出來。不論是主題內...
在現今的 Web 應用中,要建構一個穩定的大型系統,能夠處理 High Concurrency 的流量是一個不可或缺的條件,尤其是在服務的熱門時段,例如優惠活...
提到 Web 前端的效能優化,有許多的技巧是聚焦在如何減少頁面的「載入時間 Loading Time」,例如 Code Splitting 透過減少需要載入的...
如果你是寫 C/C++ 的開發者,應該對記憶體管理並不陌生,如果你是後端開發者,應該會常常注意伺服器有沒有發生 Memory Leak 與 Memory 使用...
基本上 CDN 是現在的 Web 應用不可或缺的技術,當對被 CDN 加速過的域名發出請求時,CDN 會自動將 request 導到地理位置離使用者較近或是流...
今天開始正式進入系列文的最後一個章節 - Framework, Architecture and Memory Management,探索前端架構與底層實作對...
也許你早就聽過 WebAssembly 這個詞,傳說中它可以讓 C, C++, Rust 等系統語言的程式碼在瀏覽器上執行,解決 JS 的效能已經快要逼近極限...
身為前端開發者,整日與 JavaScript 這門程式語言打交道,應該都知道它是一個 single-threaded 的程式語言,剛開始會覺得有點詫異,現在的...
其實很多的效能優化技巧都擁有「用了不一定會讓效能變得比較快,就算有可能也是使用者難以感知的微幅進步,甚至如果使用不當會讓網頁效能變的更差」的特性。 不過對於...
CDN 這個名詞在前面的篇章應該出現過蠻多次的,一直感到困惑的朋友們不用擔心,今天終於要來好好介紹它了! 什麼是 CDN ? CDN 的全名為 Conten...
昨天介紹 Service Workers 後我們知道它是 PWA 的要素之一,且也是讓 Web App 實現離線瀏覽的關鍵技術。今天我們將延伸昨天的知識,介紹...
如果你聽過 PWA,那麼對今天的主題ㄧ定不陌生,因為今天要講的 Service Worker 就是 PWA 的一個重要元件。不過 PWA 這個主題本身就已經足...
今天即將進入 Caching & Networking 章節的第一天,快取,是一個非常重要的技術,不論是前端還是後端,甚至是再更底層的系統開發,都ㄧ定...