GMTC全球大前端技術大會幹貨分享

化身西湖雲發表於2019-06-22

GMTC-2019北京

GMTC這次的大會的熱詞肯定是監控、效能,當然跨平臺依然是熱點,write once,run anywhere!,以下是自己參加的總結心得。

6.20上午

前端的演化

  • 核心理念:結構+樣式+表現分離 -2003

    前端崗位的出現

  • 核心理念90%優化在前端

    工程化的開始

  • 核心理念:前後端分離

    全棧的演進

  • 核心理念:mobile first

    無線時代來臨

  • 核心理念:LOw/No Code

    中後臺的重塑

  • 未來?

 

最大的感觸是阿里的圓心講的,國內前端的標準與世界的差距,前端世界權威組織機構是TC39、W3C和node基金會,國內對行業標準的貢獻度有很大差距

 

6.21下午

極致前端效能優化探索 貝殼

 

專案自研做監控系統,時光機、日誌分析平臺

對了還分享了下gizip的原理:LZ77演算法、Huffman

  • 文字68%
  • 圖片6.3%

對圖片做壓縮

  • 消除替換影象

  • 向量圖、光柵圖優化

  • 有失真壓縮與無失真壓縮

  • 圖片轉行樣式表

  • 抽離畫素通道

  • 手動重新整理運營商快取,強制快取圖片

  • 投放廣告,攜帶圖片快取到本地

6.22

B站的視訊體驗進化之路 bilibili

  • 關鍵資源優先載入
  • bundle縮小
  • SSR+SPA
  • 彈幕:mask-image

0.3秒完成渲染!資訊流內容頁“閃開”優化總結和思考 阿里巴巴

直出無白屏,動畫流暢不卡頓

  • CSR
  • SSR
  • NSR

data、image的prefetch,這是基本操作

優化方案:

  • PWA

 

 

  • SSR

    對比原生的<=300ms還是有差距

  • 拆分階段與設計

 

  • 框架演化

    • 首屏 pureJSX
    • 非首屏 preact
  • 結果展示

  

 

 未完,待續~

 

  

如果你覺得這篇文章不錯,可以給小編髮個紅包給予鼓勵。

 

 

相關文章