unveil-lazy-load_ec

ワードプレス

設定不要!WordPressプラグイン「Unveil Lazy Load」でページ読込スピードアップ!

プラグインをインストールするだけで、ページの読み込みを効率化できてしまいます。早速WordPressに装備させましよう。

Unveil Lazy Loadの導入

WordPress管理画面「プラグイン」→「新規追加」から、【Unveil Lazy Load】で検索しインストール・有効化します。(作成者: Daisuke Maruyama)

display-speed_01

設定終了。

このプラグインは特に設定画面もありません。有効化後、記事ページを表示して確認してみましょう。ページスクロールに合わせるタイミングで『ふわっ、』と画像が表示されていきます。

これはページを表示した時に、「一度に全ての画像を読み込む」のではなく、「画像が表示領域に入った段階で読み込まれるようになった」、ということ。つまりページを開いた瞬間の、不要な読み込み時間を省いてくれているというわけです。

どちらかというと見栄えも気持ちがいいですし、意外とこれだけで、体感表示速度が変わることも多いはず。1日で3kg痩せた感覚、とでもいいましょうか。おいしい話です。

次はWordPressを運営していくのであれば、【最低限知っておきたい、画像の秘密】です。早い段階で知っておかないと、あとで大変なことに・・・なるかもしれません。

WordPress画像の秘密

スポンサーリンク

記事が気に入ったら
Requ.logを "いいね!"
Facebookで更新情報をお届け。

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク

ピックアップ記事

  1. ”ブログにおいしい”、注釈画像の作り方。Screenpressoで矢印や枠線、文…
  2. サイトデザインに合わせよう。TCDテーマ記事下にカード型「いいね!ボタン」をセン…
  3. 知っとかないと、後から大変!? WordPressメディア設定と画像サイズのキケ…
  4. 便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cac…
  5. メディア問題さん、さようなら。画像サイズを気ままに追加するプラグイン「Simpl…

関連記事

  1. display-speed_ec

    ワードプレス

    目指せ軽量化!今からでも始めるべき、WordPressサイトの表示スピード改善計画/基本編

    あなたの●●●、ちょっと重すぎない? いえ、すみません。あなた…

  2. quicktag_ecmg

    ワードプレス

    WordPress初心者にオイシイ、簡単記事装飾。TCDテーマ「クイックタグ」機能の使い方

    反則ギリギリな簡単さ。小見出しのデザインを美しくしたい?ああ、例え…

  3. description-video_ec
  4. tcd-css-customize_ecmg

    ワードプレス

    実践あるのみ!TCDテーマで学ぶ、記事装飾の簡単カスタマイズとCSSの基本

    初心者のうちに、実践で学ぶ。初心者にとって避けて通りたい・・避けた…

  5. chrome-full-screen-capture-ecmg

    ブログ

    ChromeでWEBページ全体をフルスクリーンショット!見ているページの全画面キャプチャー画像をダウ…

    上から下までの、全体像をゲット。たった今見ている「WEBページ全体…

  6. phrase-express_ecmg

    マネジメント

    魔法のような仕事効率化。ブログにも使えるWindows定型文ツール「PhraseExpress」の設…

    「ズバッと入力」でラクしよう。HTMLの入力、メールの文言、署名・…

【Requ.log記事】魅力的なブログを、今すぐ作る。
tcd-mag
【Requ.log記事】魅力を活かす、カスタマイズまとめ。
tcd-mag

特集記事

  1. valuable-content-from-image_ec
  2. tcd-theme-selection_ecmg-ps
  3. improvement-flow_ecmg
  4. retina_ecmg
  5. todoist-tips_ecmg
  6. extension-tools-for-bloggers_ec

タスク管理で、自己管理。

todoist

人気記事

  1. media-setting_ec
  2. child-theme_ecmg
  3. jpg-gif-png_ecmg
  4. compress-jpeg-png-images-ecmg
  5. chrome-full-screen-capture-ecmg
  6. todoist-basic_ec-ps

魅力的なブログを、今すぐ作る。

tcd-mag

ピックアップ記事

  1. annotation-image-ecmg
  2. chrome-full-screen-capture-ecmg
  3. todoist-class_ecrt
  4. compress-jpeg-png-images-ecmg
  5. intuitive-custom-post-order_ec
  6. jpg-gif-png_ecmg

ブログのRetina対応、始めませんか?

retina-os-solution

掘り出し記事

  1. mailbox-goodbye-newapp_ec
  2. LightShot-Screenpresso_ecmg
  3. todoist-design_ec
  4. analytics-ip-filter-ecmg
  5. mergely-ecmg
  6. insert-card-link_ecmg

ゆっくり、フシギなGIFアニメ。

gif-animation

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg

とっておきのWordPressテーマ。

tcd-theme-selection

ピックアップ記事

  1. enlarge-image-ecmg
  2. simple-image-sizes_ec-ps
  3. jpg-gif-png_ecmg
  4. compress-jpeg-png-images-ecmg
  5. dash_ecmg
  6. customized-theme-update_ecmg-1-ps

CATEGORIES

Requ.log | Recommend

WordPressテーマ「MAG(TCD036)」
WordPressテーマ「Bloom(TCD053)」

特集記事

  1. tcd-mag_ecmg-ps
  2. tcd-theme-user-review_ecmg
  3. extension-tools-for-bloggers_ec
  4. valuable-content-from-image_ec
  5. adjust-the-button_ecmg
  6. todoist_ec

人気記事

  1. child-theme_ecmg
  2. child-theme-mechanism_ecmg-ps
  3. media-setting_ec
  4. chrome-full-screen-capture-ecmg
  5. compress-jpeg-png-images-ecmg
  6. screenpresso-initial-setting_ec
  7. jpg-gif-png_ecmg

最近の記事

  1. firefox-full-screen-capture-ecmg
  2. chrome-full-screen-capture-ecmg
  3. enlarge-image-ecmg
  4. spark-tutorial-ecmg
  1. tcd-mag_ecmg-ps

    ワードプレス

    魅力的なブログで収益化。ワードプレステーマTCD【MAG】の有効的な活用方法とカ…
  2. adjust-the-button_ecmg

    ワードプレス

    【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザイン変更と調整方法
  3. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
  4. valuable-content-from-image_ec

    ワードプレス

    「わかりやすいブログ」に必須の「伝わりやすい画像」の作り方
  5. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
PAGE TOP