月別 2018年8月
2018年8月に公開された記事の一覧です。
結婚式場の予約サイトはPV数が多い。画像軽量化でユーザーのギガを守る
結婚情報サイト・式場予約サイトの総ダウンロード容量を調べました。多くの式場を見比べるためPV数が伸びやすく、1ページあたりの容量が通信量に直結します。
東京駅でランチ！まだお店が決まってなければ「東京駅 ランチ」で検索！その表示されたサイト、画像軽量化されてる？
「東京駅 ランチ」で検索して上位に出るサイトが、画像を軽量化できているかを調べました。検索から来た人を待たせていないか、実際のデータで確かめます。
2018年8月現在の SVGのブラウザ対応状況を確認してみよう。SVGは透過PNGも変換できる軽量画像フォーマット。
2018年8月時点での SVG のブラウザ対応状況をまとめました。基本的なSVGはほぼすべてのブラウザで使えますが、filter など一部は未対応のブラウザが残ります。
ビール各社のウェブサイトを画像軽量化の観点でみてみる
ビールメーカーのサイトの画像利用状況を調べました。銘柄ごとの商品画像やキャンペーンのバナーが多く、容量に占める画像の割合が高くなりやすい業種です。
スポーツアパレルメーカーのサイトを画像軽量化の観点でみてみる
スポーツアパレルメーカーのサイトの画像利用状況を調べました。商品を見せるための画像が多く、オンラインショップを持つ場合は軽量化が売上にも効いてきます。
パ・リーグ球団のスマホサイトは、レイアウトは似ていても画像軽量化は球団ごと
パシフィック・リーグ6球団のオフィシャルサイトを調べました。スマホ向けのレイアウトはほぼ共通ですが、画像の軽量化の状況は球団ごとに差があります。
セ・リーグ球団のオフィシャルサイトを画像軽量化の観点でみてみる
セントラル・リーグ6球団のオフィシャルサイトの画像利用状況を調べました。試合日程や選手情報など更新の多いページで、容量がファンの通信量にどう響くかを見ています。
7,866サイトのトップページを調べたら、モバイル向けの平均は2.43MBだった
Lighthouse で7,866サイトのトップページの総データ量を測りました。モバイル向けの平均は2.43MBで、Googleが推奨する1.6MBを大きく上回っています。
独自スタイルの珈琲店のサイトを画像軽量化の観点でみてみる
チェーン店とは違う独自スタイルのカフェのサイトを調べました。ファンの熱量が高い一方で画像は重めのことが多く、軽量化すると閲覧が快適になる余地があります。
11種類のロスレスPNGサイズ削減ツールの比較ベンチマークレポート
PNGのファイルサイズを削減するロスレスツール11種類を比較したベンチマークを紹介します。OptiPNG や pngquant 以外にも選択肢があり、削減率と処理時間には差があります。
カフェチェーンのサイトは季節限定や新商品が多く、画像軽量化が効く
カフェチェーンのサイトの画像利用状況を調べました。季節限定商品や新商品の入れ替わりが多く、商品画像が頻繁に差し替わるため、軽量化の効果が積み重なる業種です。
画質85がよいという記事をみたので、LightFileの処理と比較してみた。画像軽量化は、画質とのバランスの戦いなのだ。
JPEGは品質85がよいという記事が話題になったので、実際にその設定と LightFile の処理を比べました。画質とファイルサイズのバランスをどう取るかという話です。
2018年8月現在のWebPのブラウザ対応状況を確認する
2018年8月時点での WebP のブラウザ対応状況をまとめました。Chrome など Google 系は対応済みですが、Microsoft と Apple のブラウザは未対応のままです。
ほとんどのウェブサイトが画像軽量化済みという驚きの結果！国外の車メーカー９社をチェックしてみた
海外の自動車メーカー9社のサイトを調べたところ、ほとんどが画像の軽量化を済ませているという結果でした。前回調べた国産メーカーとの違いもあわせて紹介します。
SUV？それともスポーツカー？国産車メーカーのウェブサイトをチェックしてみたら、ホンダは画像軽量化が自動化されている？
国産自動車メーカーのサイトの画像利用状況を調べました。ホンダのように画像の軽量化が自動化されていると見られるサイトもあり、メーカーごとの差が出ています。
車の事ならなんでもカー用品店にお任せ！キャンペーンの更新頻度が高いウェブサイトは、まずバナー画像を軽量化しよう
カー用品店のサイトの画像利用状況を調べました。キャンペーンの更新頻度が高くバナー画像が多いため、まずバナーから軽量化すると効果が出やすい業種です。
SEOにも効く表示高速化のはじめの一歩は「画像軽量化」
CloudGarage Meetup in Yokohama で「SEOにも効いてくる表示高速化のはじめの一歩・画像軽量化」というライトニングトークをしました。当日の内容をお伝えします。
Google Speed Updateで遅いサイトが「検索順位に影響がでた」について思う「２つ」のこと
Google のスピードアップデートで検索順位が実際に下がった、という海外の報告を読んで考えたことを2点にまとめました。速度と順位の関係をどう捉えるべきかを整理します。
SSLが推奨されるChrome 68の登場。じゃあ、ブラウザのシェアってどうなんだろう？やっぱり多いのはChrome?
Chrome 68 で非SSLページに警告が出るようになったことを受けて、ブラウザのシェアを調べました。Chrome が実際どれだけ使われているかを数字で確認します。
Chrome 68で変わる「ウェブサイト暗号化通信」の当たり前
Chrome 68 から、暗号化されていないサイトのアドレスバーに「保護されていない通信」と表示されます。実際の見え方と、Chrome 70 で警告が強まる予定を説明します。
月刊アイデアマンズブログ 2018年7月の人気記事
2018年7月にアイデアマンズブログでよく読まれた記事をまとめました。Chrome DevTools の Network パネルと、4K8K の解像度とファイルサイズの記事が上位です。