ChatGPT 問我:您在開發時,如何進行性能優化?

更新於 發佈於 閱讀時間約 1 分鐘

這是 30 天寫作挑戰的第 01 天。今天 ChatGPT 問我的問題是:
您在開發 SaaS 和求職平台時,如何進行性能優化?請分享一些策略和方法,以確保應用程式的效能達到最佳狀態。
30 天寫作挑戰:連續 30 天,每天都會請 ChatGPT 問我一個跟工程師、技術產品經理、產品經理有關的問題,並且寫一篇 200–500 字的文章來回答。說明可以參考宣示文

先看優化哪部分

主要分成前端、後段。

優化前端

前端使用 React 的話,會有無效 re-render 的情況產生,例如明明元件的 props 沒有更新,但是因為傳遞時沒有寫好,讓物件重新 assign 了,進而被誤認為需要 re-render 的情況。

處理方式可以用 useMemo, useCallback 等官方提供的 hooks 來幫助優化 render 前的 props 判斷,減少無效的 re-render 產生。

優化後段

Rails 裡有所謂「fat controller, skinny model → skinny controller, fat model → skinny controller, skinny model」的優化過程。

而資料庫端則是要避免 N+1 query 的問題,可以利用諸如 `.include` 的方式來處理。

哪裡可以優化

通常我會先看有沒有任何迴圈的語法,例如 .map, .each, .batch…… 等等的語法,如果有使用的話,就會先看看有沒有前述所提到的情況發生。


今日寫作觀察

除了贅字以外,技術面的解釋也不夠到位,要讓自己在不能刪字的前提下,寫出有足夠結構的回覆真的不容易。有寫錯的地方還請讀者用力指正鞭打🙇🏻‍♂️

明天,挑戰繼續。
為什麼會看到廣告
avatar-img
20會員
32內容數
我是 Larry,《下班後的產品工程師》是我在下班之餘分享我對網路產業的工程師、產品經理相關職能的想法和心得,也會分享一些自己突發奇想的產品、商業問題。希望文章內容能帶給你/妳收穫。對了,如果很久沒有更新,一定不是因為我還沒下班。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Larry Chien的沙龍 的其他內容
接下來的 30 天,我每天都會請 ChatGPT 問我一個問題,而我會用 200–500 字回答。
接下來的 30 天,我每天都會請 ChatGPT 問我一個問題,而我會用 200–500 字回答。
本篇參與的主題活動
針對114學測國寫情意題「52赫茲鯨魚」,本文提供題型分析、取材策略及立意思考,幫助考生掌握寫作方向。文章點出審題關鍵在於理解表層訊息及深層意涵,避免僅聚焦表層或脫離題旨。文章也分析如何將想像與自身經驗連結,從經典選文中找到相同處境,藉此深化思考。最後,透過河道式作文的立意技巧,提升文章的思辨深度。
問題在於,公司是否會重視人類勞動的無形資產 — 創造力、同理心、理解深度,或是將人類輸入,純粹視為機器產生文字的最後清潔人員?
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
歡迎來到方格新手村第一站!參加方格主題活動,發表任何一篇貼文、文章加上指定標籤, 就有機會得到免費禮券,或是讓 vocus 把你的創作推薦給全站會員! 現在就完成新手村任務,讓更多人認識你!
針對114學測國寫情意題「52赫茲鯨魚」,本文提供題型分析、取材策略及立意思考,幫助考生掌握寫作方向。文章點出審題關鍵在於理解表層訊息及深層意涵,避免僅聚焦表層或脫離題旨。文章也分析如何將想像與自身經驗連結,從經典選文中找到相同處境,藉此深化思考。最後,透過河道式作文的立意技巧,提升文章的思辨深度。
問題在於,公司是否會重視人類勞動的無形資產 — 創造力、同理心、理解深度,或是將人類輸入,純粹視為機器產生文字的最後清潔人員?
  你心中有故事,卻不知道該怎麼表達出來?   你想寫小說,打開文檔,卻發現自己的腦袋跟word一樣空白?   你想動筆,卻發現每個人寫的小說都長得不太一樣,讓你無從參考?   那麼,這篇針對小說格式的教學文,應該可以幫上一點忙。   許多人都想寫小說,卻不是每個人都注重基本格式。然
歡迎來到方格新手村第一站!參加方格主題活動,發表任何一篇貼文、文章加上指定標籤, 就有機會得到免費禮券,或是讓 vocus 把你的創作推薦給全站會員! 現在就完成新手村任務,讓更多人認識你!
你可能也想看
Google News 追蹤
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 今天我們以 Role Based 模擬為基礎,來進行 Prompt 撰寫 範例 - Role Ba
Thumbnail
我是一位提示工程師 生成式AI的課程,我大概已經上過1,000人次以上,最近更花費重金,在台大霖澤館舉辦一場百人AIBOT設計課程,並在將近10位的助教協助下,完成課程的設定目標。 在生成式AI的領域中,變化實在是非常地迅速,今天表現不佳的ChatGPT,明天可能問題就可以解決。 過去還有想辦
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 延續 AI說書 - Prompt Engineering - 49 說:「採用結構化方法進行人工智慧交互
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 RTAO 範本簡單而深刻,由四個關鍵元素定義:Role 、 Task 、 Audience 、 Outp
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 在複雜的軟體開發和人工智慧世界中,設計模板作為概念工具出現,幫助工程師巧妙地應對複雜的情況,當涉及 Pr
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 達到頂峰 - 專家級別,我們將 Prompt 視為複雜的程式設計,在這裡,我們利用先進的設計模式,優化人
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 ChatGPT縱然成功,但是仍有一些任務處理得不好,例如: 需要邏輯推論的任務 多步驟的任務
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題
Thumbnail
/ 大家現在出門買東西還會帶錢包嗎 鴨鴨發現自己好像快一個禮拜沒帶錢包出門 還是可以天天買滿買好回家(? 因此為了記錄手機消費跟各種紅利優惠 鴨鴨都會特別注意銀行的App好不好用! 像是介面設計就是會很在意的地方 很多銀行通常會為了要滿足不同客群 會推出很多App讓使用者下載 每次
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 今天我們以 Role Based 模擬為基礎,來進行 Prompt 撰寫 範例 - Role Ba
Thumbnail
我是一位提示工程師 生成式AI的課程,我大概已經上過1,000人次以上,最近更花費重金,在台大霖澤館舉辦一場百人AIBOT設計課程,並在將近10位的助教協助下,完成課程的設定目標。 在生成式AI的領域中,變化實在是非常地迅速,今天表現不佳的ChatGPT,明天可能問題就可以解決。 過去還有想辦
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 延續 AI說書 - Prompt Engineering - 49 說:「採用結構化方法進行人工智慧交互
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 RTAO 範本簡單而深刻,由四個關鍵元素定義:Role 、 Task 、 Audience 、 Outp
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 在複雜的軟體開發和人工智慧世界中,設計模板作為概念工具出現,幫助工程師巧妙地應對複雜的情況,當涉及 Pr
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 達到頂峰 - 專家級別,我們將 Prompt 視為複雜的程式設計,在這裡,我們利用先進的設計模式,優化人
我們人類和ChatGPT的對話技巧也是需要學習的,有鑑於此,我想要一天分享一點「和ChatGPT對話的技術」,並且每篇文章長度控制在三分鐘以內,讓大家不會壓力太大,但是又能夠每天成長一點。 ChatGPT縱然成功,但是仍有一些任務處理得不好,例如: 需要邏輯推論的任務 多步驟的任務
Thumbnail
是的,身為前端工程師的基本功!還是需要時不時拿出來打磨一番! 很多大公司的切版與前端是分開的,但不能因為碰不到就不去理解,假如要系統性的調整樣式,那麼你就一定要懂基礎,就好像你要調整微前端的架構,總不能連包板工具的設定都不會吧! 回到正題,這系列文章每個禮拜三都會更新一題CSS Battle的題