カテゴリー
Code

webp対応

【ツール】
・PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/?url=
・ページまるごとWebP変換・効果測定と一括ダウンロード
https://sim.lightfile.net/webp/

【まとめ記事】
・ページの画像をまるごとWebP変換してPageSpeed Insightsスコアを今すぐ改善するチュートリアル
https://blog.ideamans.com/2019/02/webppagespeed-insights.html
・WebP対応をしたらサイトが軽くなったので、最も対応しやすい方法を解説します
https://irokoto.co.jp/blog/20200527/post-8#4_WebPShop
・次世代フォーマット WebP を使ってみよう!
https://www.ones-quest.co.jp/labo/webp02.php

【htaccessまとめ】
・WebPと従来の画像を正しく振り分ける.htaccessファイル
https://blog.ideamans.com/2019/02/webphtaccess.html
・.htaccessによるWebPの選択的レスポンスとその問題点と改善案
https://qiita.com/miyanaga/items/6570c3c9ae8e15dbb57c

【その他】
・decoding=”async”
https://qiita.com/hibikikudo/items/853aafe32ad7900712c8
・Chrome圧縮拡張機能
緑色:不可逆圧縮
紫色:可逆圧縮
赤色:アルファチャンネルなど拡張を含む画像

コメントを残す

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