技術 Day 12 吾心吾行澄如明鏡，所作所為皆為 SPEED 其二

昨天所討論的是在實際實作中該如何讓程式符合預期的時間複雜度，而今天要進一步聊聊該如何讓程式表現的比想像更好！ 常數真的不重要？ 前幾天的文章在介紹複雜度時，曾提...

技術 Day 11 吾心吾行澄如明鏡，所作所為皆為 SPEED 其一

在前十天中，我們重點主要放在複雜度的理論和分析的手法。可是理論都知道了，但在實際實作中到底要怎麼寫才能使程式的效率一如預期或甚至比想像更好呢？這就是我們接下來兩...

技術 三人行必有我師焉 ---- useMemo vs React.memo vs useCallback 三種優化 React 的方法！

這篇是優化的最後一篇文章，要來討論優化 React 的三種方法，分別是 useMemo, React.memo 和 useCallback! useMemo...

技術 [擊敗前端面試大作戰] 來認識Core Web Vital 三劍客 和 lighthouse吧！

今天是優化系列的第一篇，今天我們會講如何去衡量網頁的效能，每個網頁使用者的使用裝置、網路環境的等等都不同，那我們要怎麼去衡量網頁效能的好壞呢？下面我們會介紹衡量...

技術 [擊敗前端面試大作戰] 前端優化

今天是擊敗前端面試大作戰的第二十篇了！！！！我們前面討論了 HTML/CSS、Javascript、React 和 Typescript，基本上主要面試會考到...

技術 【前端效能優化】圖片懶加載 Lazy Load

圖片緩載入是為了避免第一次進到網頁載入大量圖片，造成網頁載入速度太慢，因此非第一個畫面看到的圖片，可以等到需要時再依序載入畫面。 Lazy Load 概念 圖...

技術 【前端效能優化】Lighthouse 檢測後將圖片轉為 webp 格式

原先的網站表現分數只有 74分 更換圖片格式後網站表現分數 97分 可以看見最大內容繪製 LCP(Largest Contentful Paint)的秒數從5...

技術 【前端效能優化】WebP - 較小容量的圖片格式選擇

常見的圖片格式有 GIF：常用來做動態圖片 JPEG：適合 Banner、風景等大圖片 PNG：透明、有線條及文字的圖片 SVG：Icon、圖表類型，任意放大...

技術 【前端效能優化】Lighthouse 網站效能檢測工具

Lighthouse 一款在 Google Chrome 上安裝的擴充套件，用來檢測網站的效能，Lighthouse 會產出改善建議報告，讓開發者有更實質的效能...

技術 喬叔教 Elastic - 29 - Elasticsearch 的優化技巧 (3/4) - Index 的儲存空間最佳化

Elasticsearch 的優化技巧 系列文章索引 (1/4) - Indexing 索引效能優化 (2/4) - Searching 搜尋效能優化...

技術 【Day16】不藏私，加上5行程式就能優化爬蟲的小技巧 ＆ 學會爬蟲，之後呢？

當技術為你的生活帶來便利，他才有存在的意義 為什麼寫這篇文章 如果你跟著這幾天的教學走還是遇到一些莫名其妙的問題，希望在今天的文章有得到你想要的解答 這...

技術 MySQL 系列文 - Partition Table(4) - partition by 日期 方式

前言 在系列文 MySQL 系列文 - Partition Table(2) - 在既有的 TABLE 上建立 partition 中有舉了一個範例是用日來做分...

技術 MySQL 系列文 - Partition Table(3) - partition 數量與效能的影響

前言 上篇文章提到，我切 partition 的條件用的是日期，而且是每日一個 partition，依照這樣算，一年會有365個 partition ，假設10...

技術 MySQL 系列文 - Partition Table(2) - 在既有的 TABLE 上建立 partition

前言 如同前一篇提到，假設今天接到一個DB有一張表裏面資料量蠻大的，每天大概有20萬筆，且這張表要保留至少半年的資料，平常搜尋大多是以一天為條件，所以我們希望搜...

技術 MySQL 系列文 - Partition Table(1) - 用途

前言 這次想寫的系列文跟 Partition Table 有關，相信不管是用 MSSQL, MySQL 或是其他的資料庫都有聽過這個概念，不過我不會特別去說明該...

技術 MySQL 系列文 - 索引的相關知識(3) - 覆蓋索引

前言 上篇文章最後面有提到有些狀況下，在輔助索引就可以找到所需要的資料，不需要回到叢集索引去，這個概念就跟覆蓋索引有關。 覆蓋索引 covering index...

技術 你懂 JavaScript 嗎？#27 基準化分析與微調（Benchmarking & Tuning）- 使用 Benchmark.js 和 jsPerf 分析程式碼效能

本文主要會談到如何使用工具來做基準化分析。 基準化分析（Benchmarking） 在做效能檢測時，我們會遇到什麼樣的干擾或不定因素呢？例如，引擎或系統的差異...

技術 執行效能優化需要有的十個心態

(原文出處：連結） 本文為效能改革系列文當中的第一篇，期望能夠協助各位更快速地邁向成功之路。(延伸閱讀前導文：流言終結者：過早進行優化是萬惡之源？) 做為...

技術 流言終結者：過早進行效能優化真的是萬惡之源？

(原文出處: 連結) 在應用程式以及商業策略中，「效能」經常被忽視，它從來都不是優先考量或是被特別看重的層面，為什麼呢？因為通常人們的心態是： 「我們以...