2018-08-21-tsu-nera
やったこと
AddThisサービス外す
Twitter のツィート埋め込みwidget外す
Webフォント外す
font awesome外す
ページサイズは1/2に! font awesomeが結構大きかった。しかし、あまりロード完了時間がかわんね〜。
ここで Gatsbyが PRPLパターンを採用していることをしる。
Pull、Renderのあとに、LinkされているページをPre-Cacheしている!! これによって、ロード完了時間が遅くなっているように見えたのだった。
https://gyazo.com/41d989d7ad1712b77434fb35a3b0ee2c
Document CompletedをPRPLで作られたページの評価尺度としてつかえないのでは?じゃあ、なにで速度を図るの?
First Contentful Paint
Time to Interactive
おまけ
Scrapbox、書き心地がいいなぁ。GatsbyのデータソースとしてScrapboxがつかえないだろうか?下書きをScrapboxで書きたいよ。
https://gyazo.com/29993452a5156225d7623314177cf356
すみません。みんながみんな生活リズムが崩れるわけではないと思います(汗)