前端小遊戲頁面效能優化

2022-08-17 15:24:20 字數 418 閱讀 4754

公司是做教育類遊戲開發,以前是用flash製作,現在開始使用createjs框架開發canvas遊戲。今天突然收到乙個任務:遊戲在ipad2下面遊戲會打不開,然後自動重新整理,再載入不出來,然後再重新整理,陷入了死迴圈……

通過度娘得知此問題是由越獄或記憶體引起的。排除越獄可能(因為沒有越獄),剩下就是記憶體問題。開啟chrome更多工具裡面的任務管理器(快捷鍵shift+esc)看到單頁記憶體佔用量一路飆公升到800,000k左右,當時自己都嚇了一跳。(bug真是乙個神奇的物種,想重現場景自己倒害羞不出來了,有機會把圖補上)。

我們知道ipad2 的記憶體大小是512mb,為了確定是記憶體太小引起的問題,特意用同事的iphone 5s(1g記憶體)測試,發現可以正常使用。於是開始著手減少頁面記憶體占用問題。

修改後的記憶體佔用量

前端頁面效能優化

最近參加了兩次社招,發現社招面試都會問到效能優化以及框架原理。當中效能優化即使我知道好幾種,然而我面試時總是很容易想不起來,只答出了兩三種。因此,寫一篇部落格來對效能優化做一下研究,加深理解。對於前端效能優化自然要關注首屏開啟速度,而這個速度,很大因素是花費在網路請求上,那麼怎麼減少網路請求的時間呢...

頁面小遊戲

1 關閉防火牆 root izbp176gmws1f6cpbllwouz systemctl stop firewalld root izbp176gmws1f6cpbllwouz setenforce 0 2 配置nginx的yum源 3 yum安裝nginx root izbp176gmws1f...

小遊戲記憶體優化與效能優化 DrawCall

二 效能優化 目前小遊戲的效能瓶頸大多在js層面,可以使用chrome先去profiles效能熱點,然後針對性地去做優化。這裡給出幾點優化建議 1 遊戲中頻繁更新的文字,推薦使用bmfont,系統字型會比較消耗效能。2 優化drawcall,盡可能減少drawcall數量。3 減少mask元件的使用...