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
-
結果展示
未完,待續~
如果你覺得這篇文章不錯,可以給小編髮個紅包給予鼓勵。