IT便利帳

コンピュータやタブレット端末の便利な使い方やこれは知らなかったといったことを紹介します。

GTmetrixのSpecify image dimensions改善方法

      2015/02/15  あとで読む   はてブする

GTmetrix

GTmetrixというウェブサイトの表示速度を計測してくれるサイトがあります。これはURLを入れるだけで簡単にブログを計測してくれるので助かっています。

この中で一番評価が低いのが「Specify image dimensions」。これがFランクで、100点満点中0点。これはいかんと早速直せる所は直してみました。

スポンサーリンク

「Specify image dimensions」を見直す

GTmetrixで計測

表示速度の評価が低かった「Specify image dimensions」をクリックしてみます。imageなので画像表示に関係するものです。

 

GTmetrixのSpecify image dimensionsの改善方法
するとURLの後に(Dimensions: 320×80)というように書かれていました。これは画像を指定している箇所に、「画像サイズが入力されていないので、表示に時間がかかってるよ」ということです。

Specify image dimensions」は直訳すると、「画像サイズを指定して!」という意味でした。

画像の箇所<img src=”sample.gif alt=”サンプル”>と書かれているものにサイズを入れ、<img src=”sample.gif alt=”サンプル” width=”320″ height=”80″> にしてくださいということです。

 

スポンサーリンク

特にサイドバーの画像サイズが指定されていなかった

確かにロゴとかタイトル画像などにサイズ入れ忘れていました。特に画像のサイズの指定がされていない箇所は「サイドバー」「ガジェット」の位置がが多かったです。それらにサイズを指定しなおしました。

GTmetrixの速度改善画面で、画像サイズを確認してもいいのですが、wordpressの[ダッシュボード]→[メディア]から画像ファイルを検索して指定してもサイズの詳細がわかりますよ。

 

最後に

以前は指定してたけど、カスタマイズしすぎていて、サイズを再指定し忘れたりしているのもありました。タイトル画像やサイドバーのウィジェットは毎回表示されるものなので重要ですね。

速度改善は重要だとGoogleも言っています。改善できるところは改善していきたいものです。

「いいね!」で
最新情報をお届け!

Twitter でIT便利帳を

 - WordPress

スポンサーリンク

注目キーワード

スマモバ

U-NEXT

Kindle Unlimited

  関連記事

stinger3
WordPressのテーマ「Stinger3」のサイト名をテキストから画像に変更する方法

本日Stinger2からStinger3に変更しました。その関係でStinger …

サーバ移転
ロリポップからシックスコア(sixcore)へサーバー移転に成功!どこに躓いたか

サーバをロリポップからシックスコアに移転しました。理由は別のサイトのPVが増えて …

WordPress
[WordPress]URLにカテゴリーを入れるパーマリンクと日本語を英語にするスラッグ設定

先日WordpressでURL内にカテゴリーを入れるディレクトリー型構造の設定を …

アフィリエイト表示が切れている
【Stinger3】記事の中にGoogle AdsenseやAmazonアソシエイトを入れる方法

ブログ内に以下のAmazonアソシエイトを貼り付けようとしたら、下側が表示されな …

WordPress
[WordPress]fluctやnendの広告が表示されない時は、JavaScriptプラグインをチェック!

別サイトで何ヶ月も前にスマホ広告のnend(ネンド)の申込をしました。すぐに許可 …

WPプラグイン「Limit Login Attempts Reloaded」インストール画面
Widget logic teamから通知!WPプラグインLimit Login Attempts Reloadedの設定

先日、僕のWordpressのログイン後の画面にメッセージがやってきました。上が …

WorePress
[WordPress]過去記事を最上位に固定表示する方法

過去にアップした記事をもう一度注目させたい時に、過去記事を一番上に固定する方法が …

WorePress
WordPressプラグイン「AddQuicktag」で良く使うタグを簡単挿入しよう

WordPressの投稿画面で「B」を押すと、<b>タグでは無く&l …

WorePress
[WordPress]記事中のmoreタグにAdsenseを追加できるプラグインAdMore

当ブログはWordPressで作成しています。Google Adsenseを表示 …

WorePress
[WordPress]記事内の画像リンクを全部まとめて外す方法

WordPressにはデフォルトで、画像をリンクする設定になっています。スマホで …