実装のはざまで時間が出来たので、gatsbyで作ったお知り合いのサイトを地道に改善していくべくlighthouseで点数とか見てた。
WebP対応しろってか。変換めんどいのう、、と思ってなにげに調べたら
gatsby-image使ってたらwebP指定したら自動生成してくれるやんけワレェ!!!
https://www.gatsbyjs.com/docs/gatsby-image/#image-query-fragments
demo
prefer-webp
https://using-gatsby-image.gatsbyjs.org/prefer-webp/
記事
コーポレートサイトをGatsbyJSを利用したJamstack構成でリニューアル – to-R Media
https://www.to-r.net/media/to-r-gatsbyjs-jamstack/
あー興奮した。
めっちゃありがとう。ブラーとかいらんねんとかぶつくさゆーてたけど(じゃぁ切れw)一気に好きになったわ。
他の
サイト最適化調べたときのURL羅列
キャンペンLPとか中規模コーボレートばっか作ってて、あんまりぐぐるさんが同評価するかとか調べたことなかった。
運用フェーズはだいたい別の会社に担当が移ってたし。
Googleの推奨は1.6MB。7,866のウェブサイトの平均は 2.43MB。あなたのトップページは? | Web担当者Forum
https://webtan.impress.co.jp/u/2018/08/20/30244
WEBページの読み込む容量を視覚的に測定してくれる「Pingdom Website Speed Test」 | WEB上手
サーバーのデータ転送量とは?|100社レンタルサーバー比較
https://www.server-navi.com/transferred_data.html
いまさら聞けないPWAとAMP – Qiita
https://qiita.com/edwardkenfox/items/4c0b9550ffa48c1f0445
GTM(Googleタグマネージャー)とは?基礎知識と導入・初期設定 – マーケティングオートメーションツール SATORI | 上戸彩さんTVCM公開中
https://satori.marketing/marketing-blog/what-is-marketing/gtm-basic/
JpegMiniがライセンス切れてたから画像圧縮も久しぶりに調べた。
Online Image Сompressor
https://imagecompressor.com/
JPEG圧縮・軽量化ツール9選-画像圧縮後の容量と画質を比較
https://naifix.com/jpeg-lossy-compression/
コメントを残す