1、關(guān)于reflow與repaint的解釋：http://www.lxweimin.com/p/2a85de424034
2、圖片優(yōu)化

日常工作中，存放圖片通常有2個(gè)途徑：1、存在線上的云存儲(chǔ)中。2、存于本地。
具體操作建議：
1、平臺(tái)頻繁使用的圖片資源放在本地img文件夾里存儲(chǔ)，反之請給data url
有個(gè)比較典型的案例：例如實(shí)時(shí)通信中的表情包資源，請看代碼

let emojiBaseUrl = `https://files.XXXXX.com/web_im`

let emojiList = {
  "emoji": {
    "[大笑]":{file:"emoji_0.png"},"[可愛]":{file:"emoji_01.png"},"[色]":{file:"emoji_02.png"},"[噓]":{file:"emoji_03.png"},"[親]":{file:"emoji_04.png"},"[呆]":{file:"emoji_05.png"},"[口水]":{file:"emoji_06.png"},"[呲牙]":{file:"emoji_07.png"},"[鬼臉]":{file:"emoji_08.png"},"[害羞]":{file:"emoji_09.png"}}

for (let emoji in emojiList) {
  let emojiItem = emojiList[emoji]
  for (let key in emojiItem) {
    let item = emojiItem[key]
    item.img = `${emojiBaseUrl}/${emoji}/${item.file}`
  }
}

2、使用懶加載，其實(shí)我并沒有看出他的優(yōu)點(diǎn)，當(dāng)網(wǎng)速差的時(shí)候，可能性能上去了，但是用戶體驗(yàn)并不佳。