WordPress:jQuery lazy load plugin導入覚書き


公開日:2011年04月09日 土曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:32 | 1 comment

あちこちで見かける

スクロールに応じてふわっと画像を読み込むjs。

 

ページの読み込みも若干早くなるとのことなので試しに導入。

追記

2013/10 ページの読み込みが早くなるとの情報で導入していましたが、体感的にページ読み込み時、なんとなく「スクロールの感覚がカクカクしてる」なーっと思っていました。
最近、よく覗くウェブシュフさんの【Wordpress高速化日記】.htaccessの書き換え効果絶大、Lazy Load系プラグインの停止、SNSボタン削減も効果あり のエントリーを読んで停止を決意。
後に、ゆめぴょんのさんの【WordPressまとめ】高速化はSEO対策に!17のブログ表示速度アップ術 も読んで確信。カクカク感が全くなくなって”スクロールの感覚がおかしかった”感じがなくなって良かったと思います。
ほんとに、思い切って減らす選択も時には必要ですねー

wordpress用にプラグインがあるので導入自体は簡単ですが・・・

発生した問題点と解決法

①サイドバーやフッターなどの画像(バナーなど)には適用させたくない

 

赤色部分に「適用させる箇所のクラス名(もしくはID)をプラス。

EX)

 

②jQueryベースのプログラムなのでprototypeベースのLightbox2ががっちり?衝突。

テーマのheader.phpを編集。

<?php wp_head()?>の下あたりに

 

を挿入。

 

追記

上記の設定、クラス名追加の部分、プラグインのアップデートでデフォルトに戻る模様。

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:2011年04月09日 土曜日   〇年前のこの日、何してた?
Categories: Works | Tags: , | 閲覧数:32 | 1 comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

  • CA390102

One Comment

  1. Pingback: 高速化の記事( http://goo.gl/ug7zvK  )紹介ありがとうございます(^O^)/WordPress:jQuery lazy load plugin導入覚書き | 極楽ひだまり保育園 http://nekomoriya.biz/works/1131.html  | 横浜Wiki

Leave a Reply

Required fields are marked *


CAPTCHA