DEV

Nuxt.jsのgenerateした静的ファイルをFirebase Hostingに入れたやつでLighthouseの成績をチェックしてみた

Nuxt.jsで1枚ペラのサイトを作って、nuxt generateで静的サイトにして、Firebase Hostigに入れました。IEでも一応問題なく表示されることを確認しました。ただ、cssの読み込み完了前にめっちゃ崩れててガタガタするやばい状態になっています。また、Lighthouseの成績もよくありません。

f:id:edo1z:20190820234108p:plain

SEO関連の修正

指摘を見るとリンクがタップしにくいと書いてありました。全部vuetifyのv-listにしたら100点になりました。

f:id:edo1z:20190821014439p:plain

webpを使う

$ sudo apt install webp