1ミリ秒でも早く届けたい! HTMLで画像読込を高速化するために取り組んでいること - ICS MEDIA
ウェブサイトの表示スピードはサイトの健全性における重要な観点の一つです。Googleが提唱するCore Web Vitalsコア・ウェブ・バイタルズと呼ばれる指標の中にもサイト表示スピードに関する項目があり、表示されるまでの時間が単なるユーザー体験だけでなく、SEOでも無視できない存在です。表示スピード低下の要因はネットワークやサーバーサイド、そしてフロントエンドまで広範囲におよびます。本記事ではその中でも画像の読み込みについて改善できるテクニックを改善前と改善後を比べながら紹介します。 改善前サンプルを別ウインドウで開く 改善後サンプルを別ウインドウで開く 画像読み込みBefore / Afeter 上図はLighthouseによるチェックの結果です。Lighthouseはウェブサイト検査ツールで、ウェブページのパフォーマンス、アクセシビリティ、SEOなどの状態を計測できます。Googl
[Wordpress] サムネイル（アイキャッチ）画像の設定いろいろ | nm705.com
サムネイルを表示させる方法は比較的簡単に見つかったのですが、 alt や title が画像名になってしまい、不恰好だったので、調べてみました。 まず、サムネイルの表示方法から説明します。 1.サムネイルを表示させる サムネイルとは、上記画像のように、 画像挿入の時に「アイキャッチ画像として使用」をクリックした時に表示される画像です。 上記サイトに詳しく書いてあるのですが、初心者の私が試したところ、 function.php で設定したとおりにならなかったので、別の方法でサイズ指定しています。 とりあえず、function.php に、 add_theme_support( 'post-thumbnails' ); と記載するところまでは、同じです。 （記載箇所はfunction.phpの一番最後でいいと思います。） 次に、set_post_thumbnail_size( 50,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
