2017年3月17日

Lazy Loadの使い方と設定方法|サイトの表示速度をアップさせるプラグイン

どうも!ブランドクリエイターの中江です。今回は「Lazy Loadの使い方と設定方法|サイトの表示速度をアップさせるプラグイン」というテーマでお話していきたいと思います。

今回紹介する「Lazy Load」というプラグインですが、このプラグインは簡単にいうと、サイトの表示速度をアップさせるプラグインです。

サイト(ページ・記事)の表示速度は、そのページ内のデータ量によって変わります。

表示するために読み込むためのデータが少なければ、早く表示することができますし、多ければ遅く表示されます。

データ量で一番軽いのは、文字、その次が画像、そして最後が動画になっています。

動画については、1つのページでそこまで使用しないと思いますが、画像をたくさん使っているという人は多いんじゃないでしょうか?

画像も大量に使っていれば、表示速度が遅くなってきます。

表示速度が遅ければ、ストレスとなり、ページの閲覧者は離脱していく可能性が高くなりますし、検索順位にも影響が出てきます。

で、この「Lazy Load」というプラグインは、画像を遅延ロードしてくれるんですね。

例えば、1ページに100枚も画像があれば、それは表示速度が遅くなるわけです。なぜかといえば、1ページを表示するのに100枚の画像を一気に読み込もうとするからです。

「Lazy Load」は一気に100枚を読み込むのではなく、画像が表示される場所にスクロールした時にだけ画像を表示されるようにしてくれるんです。

だから、結局、画像を読み込むのは1枚だけということになって、結果的に表示速度がアップするというわけです。

今回は、そんな「Lazy Load」というプラグインの使い方と設定方法について見ていきたいと思います。

では、早速始めていきましょう!

今ならメルマガ登録でWeb集客の動画講義を無料プレゼント中!

1.Lazy Loadをインストールする

では、まずは自分のWordPressにLazy Loadをインストールしていきましょう。

管理画面から「プラグイン」→「新規追加」と進んでもらって、右上にある検索ボックスに「Lazy Load」と入力すると、このような画面に出て来るので、「今すぐインストール」をクリックしてください

そうすると、このような画面に切り替わるので、「有効化」をクリックします。

これで「Lazy Load」のインストールは完了です。

2.Lazy Loadの使い方と設定方法

「Lazy Load」は基本的には設定する必要はなく、有効化するだけでも使えるプラグインなんですが、初期設定だと少し、画像の読み込みが遅いので、それを早くする設定を行っておいた方がいいです。

画像の読み込み速度を早くするには、管理画面から「プラグイン」→「プラグイン編集」へと進んでください。

そして「編集するプラグインを選択」のところで「Lazy Load」を選んで、「選択」をクリックしてください。

そうすると、以下の画面になるので、「lazy-load/js/lazy-load.js」をクリックしてください。

そうすると、このようなページに切り替わるので、赤い枠で囲んでいるところの数字を「200」から「400」に変えましょう。

変えたら「ファイルを更新」をクリックしてください。

これで「Lazy Load」の設定と使い方は以上になります。

お疲れ様でした!

無料のWeb集客動画講座
毎月10万人の見込み客が集まる自動集客システムの作り方


「安定した集客の仕組みを作りたい」「インターネット集客の方法を体系的に学びたい」「価格競争に巻き込まれないブランドを構築したい」と悩んでいませんか?

この無料のWeb集客講座は、僕自身が実際にWeb集客に取り組み
  • ブログ1記事だけで毎月見込み客を7000人以上集めた方法
  • メルマガを活用して価格競争に巻き込まれなくなり、良質なお客さんだけを集めた方法
  • 全国から仕事の受注が入り、仕事の依頼を3ヶ月待ちにした方法
など、本当に効果のあった、Web集客とブランド構築のノウハウを動画コンテンツにして解説しています。

通信講座の登録はとても簡単。以下のボタンをクリックして、メールマガジンの登録を進めてください。

そうすると、すぐに1つ目の動画があなたのメールアドレスに届けられます。

ぜひ、この通信講座をあなたのビジネスにお役立てください。

コミュニティ集客クラブの詳細を見る

hp-banner

SNSでもご購読できます

The following two tabs change content below.
中江 翔吾
名前:中江翔吾。職業:ブランドクリエイター(デザイナー&コンサルタント)一流のデザイナーからグラフィックデザインを学び、フリーランスのデザイナーとして活動を開始。その後、インターネットマーケティングの力を活用し、安定した集客の仕組みと、ブランドを構築。営業は全くせずに仕事の依頼が常に2~3ヶ月待ち。現在は「CREATE A BRAND」をコンセプトに、デザインとマーケティングの力を使って、個人・企業の規模を問わずに、ブランド構築のサポートを提供している。
By 中江 翔吾 WordPressプラグイン Share:

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

プロフィール
wp-side-pf

中江 翔吾 / Shogo Nakae
グラフィックデザイナー / Webデザイナー / コンサルタント
1991年3月生まれ。大阪府出身。

はじめまして!ブランドクリエイターの中江翔吾と申します。

「CREATE A BRAND」をコンセプトに、ブランド構築や集客を起こしていくためのデザイン制作(Web、グラフィック)とコンサルティングを提供しています。

このブログでは、Webマーケティングのことを基軸に、ブランド論やマインドセット、雑多なビジネスコラムなんかを配信していきます。

僕に興味を持っていただけた方は、TwitterやFacebookページをぜひフォローしてくださいね。

>>詳しいプロフィールはこちら<<

Twitter でフォロー
最近の投稿
本物の集客力とは?集客力アップの秘訣と方法を総まとめ
本物の集客力とは?集客力アップの秘訣と方法を総まとめ
WordPressのフッターの編集方法の基本を覚えよう
WordPressのフッターの編集方法の基本を覚えよう
WebコンテンツとはWebコンテンツ作成の3ステップ
WebコンテンツとはWebコンテンツ作成の3ステップ
自分のやりたいことが見つからない時の対処法を日本神話から解説
自分のやりたいことが見つからない時の対処法を日本神話から解説
WordPressのグローバルメニューを設定する方法
WordPressのグローバルメニューを設定する方法
起業するには?起業で失敗しないための3つの方法
起業するには?起業で失敗しないための3つの方法
オウンドメディアのデザイン戦略|オウンドメディアの参考サイトも総まとめ
オウンドメディアのデザイン戦略|オウンドメディアの参考サイトも総まとめ
ブルーオーシャン戦略とは|ブルーオーシャン戦略の事例と実践法を解説
ブルーオーシャン戦略とは|ブルーオーシャン戦略の事例と実践法を解説
モチベーションをアップさせる方法|高いレベルの行動を継続するには?
モチベーションをアップさせる方法|高いレベルの行動を継続するには?
ステップメールとは?売上に繋がるステップメールの書き方
ステップメールとは?売上に繋がるステップメールの書き方
人気記事ランキング
一瞬で人を惹き付けるブランドコンセプトの作り方と例
一瞬で人を惹き付けるブランドコンセプトの作り方と例
差別化の意味とは|差別化戦略の方法と具体例を一挙紹介
差別化の意味とは|差別化戦略の方法と具体例を一挙紹介
ダイレクトレスポンスマーケティング|DRMの方法と事例
ダイレクトレスポンスマーケティング|DRMの方法と事例
SEO対策とは-SEO対策の基本を理解しよう
SEO対策とは-SEO対策の基本を理解しよう
WordPressの見出しデザインを自由にカスタマイズする方法
WordPressの見出しデザインを自由にカスタマイズする方法
ブランディングの本当の意味とは|ブランディングの手法と成功事例
ブランディングの本当の意味とは|ブランディングの手法と成功事例
SEO対策に効果的なサイト・ブログタイトルの付け方
SEO対策に効果的なサイト・ブログタイトルの付け方
ビジネスに繋がる面白いブログ記事の書き方のコツとは
ビジネスに繋がる面白いブログ記事の書き方のコツとは
ステップメールとは?売上に繋がるステップメールの書き方
ステップメールとは?売上に繋がるステップメールの書き方
ストーリーテリング実践法|ストーリーをビジネスで活かす方法
ストーリーテリング実践法|ストーリーをビジネスで活かす方法