カテゴリー
React ソフト全般(開発用) 開発関連

【gatsby-image】ワレwebP生成してくれるやんけワレェ!!【見直したわ】

実装のはざまで時間が出来たので、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上手

WEBページの読み込む容量を視覚的に測定してくれる「Pingdom Website Speed Test」

サーバーのデータ転送量とは?|100社レンタルサーバー比較
https://www.server-navi.com/transferred_data.html

いまさら聞けないPWAとAMP – Qiita
https://qiita.com/edwardkenfox/items/4c0b9550ffa48c1f0445

GTM(Googleタグマネージャー)とは?基礎知識と導入・初期設定 – マーケティングオートメーションツール SATORI | 上戸彩さんTVCM公開中

GTM(Googleタグマネージャー)とは?基礎知識と導入・初期設定

JpegMiniがライセンス切れてたから画像圧縮も久しぶりに調べた。

Online Image Сompressor
https://imagecompressor.com/

JPEG圧縮・軽量化ツール9選-画像圧縮後の容量と画質を比較

JPEG圧縮・軽量化ツール9選-画像圧縮後の容量と画質を比較

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください