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. ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIn…
  2. もっとストレスフリーに・・Todoistの連携ワザで高速タスク登録!
  3. 子テーマ使用者必見!カスタマイズしたWordPressテーマのアップデート方法と…
  4. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  5. ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方…

関連記事

  1. blog-theme-mag_ecmg-ps

    ワードプレス

    【使用者レビュー】WordPress初心者にこそおすすめのブログテーマ、TCD「MAG」のデフォルト…

    本当のことを話します。ワードプレスのブログテーマ【MAG】。このサ…

  2. facebook-fast-display_ecmg
  3. gif-animation_ec

    WEBデザイン

    ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方

    色が変わるサイトロゴを簡単に。休むことなく働き続ける、一生懸命な画…

  4. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマの強みとは?他テーマとの違いと基本機能をユーザー目線でレビュー

    基本機能と実際の使用感。WordPressは、初心者でも本格的なW…

  5. like-button-card_ecmg-ps
  6. firefox-full-screen-capture-ecmg

    ブログ

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

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

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

特集記事

  1. retina_ecmg
  2. todoist_ec
  3. tcd-mag_ecmg-ps
  4. improvement-flow_ecmg
  5. valuable-content-from-image_ec
  6. theme-change_ecrt

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

todoist

人気記事

  1. media-setting_ec
  2. child-theme_ecmg
  3. child-theme-mechanism_ecmg-ps
  4. chrome-font_ecmg-1
  5. todoist-basic_ec-ps
  6. jpg-gif-png_ecmg

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

tcd-mag

ピックアップ記事

  1. dash_ecmg
  2. chrome-font_ecmg-1
  3. quicktag_ecmg
  4. child-theme-mechanism_ecmg-ps
  5. phrase-express_ecmg
  6. firefox-full-screen-capture-ecmg

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

retina-os-solution

掘り出し記事

  1. backup-all-in-auto_ec
  2. retina-text-widget-ecmg
  3. favicon-generator_ecmg
  4. feedly-count-problem_ecmg
  5. browzer-extension_ec
  6. theme-manual-update-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. todoist-basic_ec-ps
  2. child-theme_ecmg
  3. tcd-theme-options_ecmg
  4. todoist-routine_ecrt
  5. facebook-page-plugin_ecmg-ps
  6. facebook-fast-display_ecmg

CATEGORIES

Requ.log | Recommend

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

特集記事

  1. improvement-flow_ecmg
  2. valuable-content-from-image_ec
  3. tcd-theme-selection_ecmg-ps
  4. todoist-extension_ecmg
  5. theme-change_ecrt
  6. display-speed_ec

人気記事

  1. screenpresso-initial-setting_ec
  2. jpg-gif-png_ecmg
  3. chrome-full-screen-capture-ecmg
  4. todoist-basic_ec-ps
  5. media-setting_ec
  6. chrome-font_ecmg-1
  7. child-theme_ecmg

最近の記事

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

    ブログ

    【作業順まとめ】ブログを彩る!記事作りが捗る!クオリティー底上げに役立つ10個の…
  2. theme-change_ecrt

    ワードプレス

    【徹底検証】乗り換えたいでしょ?WordPressTCDテーマの変更方法と注意点…
  3. tcd-theme-selection_ecmg-ps

    ワードプレス

    【目的別】とっておきのWordPressテーマ比較。TCDテーマのおすすめメンバ…
  4. todoist-tips_ecmg

    マネジメント

    【小技特集】もっと使いこなす!おすすめタスク管理ツールTodoistの活用法12…
  5. retina_ecmg

    ワードプレス

    【保存版】知ったら戻れない、美しさの極みへ。WordPress画像のRetina…
PAGE TOP