unveil-lazy-load_ec

ワードプレス

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

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

Unveil Lazy Loadの導入

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

display-speed_01

はい、設定終了。

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

このサイトでも導入しているので、試しに「PageDown」ボタンや画面横のスクロールバーで、一気にページスクロールしてみてください。『ふわっ、』を体感できると思います。

といっても、このページは画像が少ないので・・・画像の多い、こちらの記事などで一度体感してみてください。

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

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

どちらかというと見栄えも気持ちがいいですし、意外とこれだけで、私の場合は体感表示速度が変わりました。1日で3kg痩せた感覚、とでもいいましょうか。オイシイ話でしょう?

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

1. サイト表示速度改善計画 3. メディア設定と画像サイズ
 display-speed_ec1_283  media-setting_ec1_283
4. “WEBサイズマスター”へ 5. メディア問題、さようなら。
 browzer-extension_ec_283  simple-image-sizes_ec_283

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

Requ.log | レク.ログ

スポンサーリンク
スポンサーリンク
WordPressテーマ「MAG(TCD036)」

ピックアップ記事

  1. サイトを彩る直感設定。WordPressTCDテーマ「オリジナルウィジェット…
  2. TodoistでToDoリスト。プロジェクトやタスクの階層化で頭の中を楽にする
  3. あっという間に仕事効率化。ブログにも使えるMac定型文ツール「Dash」の設定方…
  4. Twitterのシェア数表示を復活!「widgetoon.js & count.…
  5. 理想のWEBサイトを直感デザイン。TCD『テーマオプション』の使い方

関連記事

  1. sns-count-cache_ecmg

    ワードプレス

    便利すぎて、もうヤミツキ。WordPressプラグインSNS Count Cacheの設定方法と有効…

    必要な設定だけにフォーカス!「ページを表示するたびに、今のシェア数…

  2. ad-placement-in-mag_ecmg
  3. child-theme_ecmg

    ワードプレス

    「10分で終わらせてくるっ!」WordPress子テーマの作り方を2ステップで簡単解説!

    とりあえず作りきる!知識は後半!記事ページをカスタマイズしたい。え…

  4. backup-all-in-auto_ec

    ワードプレス

    WordPressサイトを丸ごとバックアップ!「BackWPup」で丸投げタイマー設定

    一度設定したら、後はおまかせ!せっかく作った自分のWEBサイトが、…

  5. screenpresso-capture_ec

    ワードプレス

    その瞬間をキャプチャー。Screenpressoでブログに必須のスクリーンショットを撮る方法

    ピクセル単位でキレイにキャプチャー。前回の記事ではScreenpr…

  6. intuitive-custom-post-order_ec

    ワードプレス

    ほら、こんなに直感的。投稿記事の順番を並び替えるWordPressプラグインIntuitive Cu…

    記事の順番だって、自由に決めたい。ブログなどのトップページで表示さ…

スポンサーリンク
魅力的なブログを、今すぐ作る。
tcd-mag

Requ.Sound Lab. | レク.サウンドラボ

レク.サウンドラボ

音に、景色と”振る舞い”を。

特集記事

  1. valuable-content-from-image_ec
  2. extension-tools-for-bloggers_ec
  3. tcd-mag_ecmg
  4. retina_ecmg
  5. tcd-theme-selection_ecmg
  6. todoist-extension_ecmg
  7. display-speed_ec
  8. adjust-the-button_ecmg
  9. todoist_ec
  10. tcd-theme-user-review_ecmg

ピックアップ記事

  1. tcd-theme-options_ecmg
  2. todoist-class_ecrt
  3. media-setting_ec
  4. dash_ecmg
  5. restriction_ecmg
  6. todoist-constitution_ec
  7. chrome-font_ecmg
  8. phrase-express_ecmg
  9. gif-animation_ec
  10. reset-button_ecrt

強みを見つけて、活かしていくために。

business-books

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

todoist

おすすめ記事

  1. 基本的なSEOチェックに。DescriptionやOGPを確…
  2. きれいにしっかり画像圧縮。WordPressプラグインCom…
  3. 瞬間転送。写真もURLもポンっ!スマホとパソコン間のデータ移…
  4. 自分のアクセス痕は残さない。アナリティクスのフィルタで自宅の…
  5. ”WEBサイズマスター”へ。Chrome拡張「Page Ru…

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

tcd-mag

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

retina-os-solution

最近の記事

  1. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  2. タスクに、日時や曜日が勝手に反映される・・!?Todoist…
  3. 魅力的なブログを今すぐ作れる。ワードプレステーマTCD【MA…
  4. MAGのデザインをフル活用。PCとスマホの広告設置枠を自由に…
  5. 移動したいデスカ?TCDテーマMAGでダブルレクタングル広告…

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

gif-animation

とっておきのWordPressテーマ。

tcd-theme-selection

特集記事

  1. 【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分…
  2. 最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くし…
  3. 【小技特集】もっと使いこなす!おすすめタスク管理ツールTod…
  4. 【フリーランス必見】確実に納期を守るために。タスク管理ツール…
  5. 【実例集】細部の余白まで美しく。オリジナルシェアボタンのデザ…

Requ.log | おすすめビジネス書

コンテンツの秘密-ぼくがジブリで考えたこと 「言葉にできる」は武器になる。
プロフェッショナルは「ストーリー」で伝える 日本人の知らなかったフリーエージェント起業術

Requ.log | おすすめ物語

モモ マリコ/マリキータ
なんくるない たったひとつの冴えたやりかた

Requ.log | WordPress Theme

WordPressテーマ「MAG(TCD036)」
  1. business-books_ecmg

    マーケティング

    【厳選6冊】起業したくなったら読んでおきたいビジネス書。自分の強みを見つけて活か…
  2. improvement-flow_ecmg

    マネジメント

    最低限習得しておきたい自己管理術。忙しくても、頭と心は軽くしておく生活改善フロー…
  3. tcd-mag_ecmg

    ワードプレス

    魅力的なブログを今すぐ作れる。ワードプレステーマTCD【MAG】の有効的な活用方…
  4. display-speed_ec

    ワードプレス

    目指せ軽量化!今から始める、WordPressサイトの表示スピード改善計画
  5. tcd-theme-user-review_ecmg

    ワードプレス

    TCDテーマ導入前に知っておきたい、2つの注目機能とユーザー目線レビュー
PAGE TOP