ModernWeb'20 今年是以免費的方式在網路上直播,首次線上直播日期為 10/12~10/16。從朋友分享得知這個活動時已經錯過幾天了,還好之後有機會釋出重播影片。
先記下幾個覺得有收穫的分享
1. GraphQL X HASURA
10/14 前端也能當全端?!用 GraphQL 直接串到 PostgreSQL
徐愷, KOLABLE CTO & Co-founder
kk 講師分享 HASURA 這個資料庫服務,讓前端工程師可以用 Heroku 快速建立自己的 GraphQL DB。
另外 Hasura 也能透過其他服務幫你解決一些原本應該只有後端才能做的事,例如驗證、event trigger、action。
最後是 JAM stack 的概念。
2. JavaScript loading speed optimization
10/16 你的 JS 該減肥了!5個提升網頁載入速度的技巧
趙勗博, 歐姆雷特資深前端工程師
勗博講師分享過去執行最佳化的經驗,從 JS blocks, sode splitting 到五個使用過的最佳化的方法:
- 使用 webpack-bundle-analyzer,拆分出 vendor bundle
- Dynamic Loading: 根據路徑做 dynamic import, 對肥⼤第三⽅套件作 dynamic import
- 使⽤ tree shaking 移除沒⽤到的程式碼
- 熱⾨第三⽅套件使⽤ CDN 版本
- 使⽤ preset-env 減少 Polyfill 體積
有些有興趣的議題沒有聽到,像是 AMP 和 PWA,之後如果有機會還會回來補這一篇!