ModernWeb'20 隨筆


Posted by JingTeng on 2020-10-28

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,之後如果有機會還會回來補這一篇!










Related Posts

Linear Kalman Filter 筆記

Linear Kalman Filter 筆記

Android Chip 實作紀錄

Android Chip 實作紀錄

F2E合作社|modal燈箱效果|Bootstrap 5網頁框架開發入門

F2E合作社|modal燈箱效果|Bootstrap 5網頁框架開發入門


Comments