これならすごく簡単！ページを高速に表示させるLazy Loadを実装できる超軽量ライブラリ -Lazyestload.js | コリス

2018/10/22 205 users コリス cla img要素 超軽量ライブラリ テクニック

最近はLazy Loadを採用しているサイトが増えていますね。 Lazy Loadとは、画像やiframeコンテンツなどが見えていない状態（ビューポート外）はロードさせずに、見えはじめた状態（ビューポート内）の時だけロードさせるようにして、ページの表示を速くするテクニックです。 そんなLazy Loadを外部ファイルとimg要素にcla... 続きを読む

Lazy LoadはSEOに不向き？ Lazy Loadで表示する画像をGooglebotは認識できないことがある | 海外SEO情報ブログ

2015/09/07 44 users Googlebot オフィスアワー SEO 上級 認識

[レベル: 上級]Lazy Loadを利用して表示する画像に対するGoogleの処理についてJohn Mueller（ジョン・ミューラー）氏が、英語版のオフィスアワーで説明しました。 Lazy Loadの実装方法によっては、GooglebotはLazy Loadで表示される画像を認識、インデックスできません。Lazy Loadとははじめに、Lazy Loadを簡単に説明します。「Lazy Load... 続きを読む

スクロールしたらふわっと画像が表示されるjQueryプラグイン「Lazy Load」 |　バニデザノート

2015/07/23 24 users バニデザノート jQueryプラグイン フェードイン 画像

最近またよく見かけるようになってきた動きのひとつなので、ご紹介します。 スクロールしたら、画像を読み込むようにすることで、上手にコーディングすればロード時間も短縮できるかもなプラグインです。 画像がフェードインアニメーションするのを見ているだけでも、なんとなく「手が掛かっているように見える」という効果もあるかもです。 続きを読む

jQueryで既存サイトの画像を「なんちゃって遅延ロード」する方法: 小粋空間

2012/11/21 51 users jQuery 小粋空間 ひとつひとつ 遅延 遅延ロード

jQueryを使って、既存サイトの画像を遅延ロードっぽく見せる方法、いわゆる「なんちゃって遅延ロード」について紹介します。 昨日エントリーした「画像を遅延ロードする定番jQueryプラグイン「Lazy Load」」ですが、投稿済み記事の画像に対して設定をひとつひとつ変更するのは現実的に厳しいと思われます。 とはいっても、他のサイトでページをスクロールすると画像がふわっと浮かび上がるアクションには憧... 続きを読む

Webサイトの読み込み体感速度が2秒くらい上がるかも。SNSボタンは後から読み込め！

2012/06/13 481 users 体感速度 SNSボタン Webサイト 2秒 ポピ

2012年 6月 13日 新しいサーバーでブログをリニューアルして気がついた、SNSボタンの有無でかなり読み込み速度に差がある。といっても2,3秒ほどですが、これは結構命取りだったりします。 まぁ私もそんなに詳しい訳ではないので断言できませんが。 ・訪問者はその数秒でサイトから逃げる ・Googleはその数秒を評価基準に入れる たしか遅延ロード(Lazy Load)とかいう技術ですね。 わりとポピ... 続きを読む

2012/02/19:Plack アプリで遅延ロードされるモジュールを見る - bayashi.net

2012/02/19 17 users Plack preload starman モジュール 遅延

Plack アプリで遅延ロードされるモジュールを見る アプリケーションで利用するモジュールは、できる限り先読み(preload)しておきたい。先読みしておけば、アプリケーション全体のメモリ消費が抑えられるし、遅延ロード(Lazy Load)のコストがなくなります。 モジュールの先読みは、例えば以下のように行います。 starman --preload-app MyApp app.psgi or s... 続きを読む

[JS]スクリプトを指定したタイミングで読み込ませるスクリプト -Lazy Loading Script | コリス

2011/11/10 118 users コリス jQuery スクリプト 即時 プラグイン

外部スクリプトファイルを指定したタイミングで読み込ませるjQueryのプラグインを紹介します。 ちょっと前に流行った画像を遅れて読み込ませる「Lazy Load」のスクリプト版という感じです。 Lazy Loading Scriptの特徴 Lazy Loading Scriptの実装 Lazy Loading Scriptの特徴 外部スクリプトファイルを指定したタイミングで即時にロードします。 フ... 続きを読む

Understanding Ruby and Rails: Lazy load hooks – Simone Carletti's Blog

2011/04/11 19 users hooks s Blog

This is article is part of my series Understanding Ruby and Rails. Please see the table of contents for the series to view the list of all posts. A small-but-interesting feature introduced in Rails 3 ... 続きを読む

スクロールするまで画像を読み込まない（はずの）Lazy Loadについて :: 5509

2011/03/06 123 users 注意書き HTTPリクエスト プラグイン 一言 遅延読み

Webパフォーマンスを考える上で重要なことのひとつにHTTPリクエストを減らすというのがありますが・・・HTTPリクエストを減らすために、画像の遅延読み込みをすると噂のLazy Loadっていうプラグインがあって、結構色んなサイトで使われているのを見るので、一言言っとくか的な感じで書こうとしたらいつからかプラグインページに以下の注意書きが追加されてた。Lazy Load is currently ... 続きを読む