Luxeritas 3.1.4 リリース
Luxeritas 3.1.4 をリリースしました。
これまでの Lazy Load を廃止して、高速・安定動作可能な Intersection Observer API を使用した画像の遅延ロードができるようにしました。
投稿コンテンツだけでなく、各種サムネイルやサイドバー・フッター・Gravatar など、ほぼ全ての画像を遅延ロードさせることができます。
Intersection Observer に関する詳しい解説は開発者ブログの記事で書いておりますので、ぜひお読み下さい。
改訂履歴
機能追加
- Intersection Observer による Lazy Load 採用
仕様変更などその他
- 旧 Lazy Load 廃止
- カルーセルスライダーが使用されてる場合はカルーセルスライダー用の CSS を preload するようにした
- 関連記事用のフィルターフック thk_related 追加(使い方とかはいずれ書く)
不具合修正
- SSL ではないサイトで AMP 化しようとすると manifest 関連の AMP エラーが出ちゃう不具合修正(ver3.1.3 でのレベルダウン)
- No Image 画像を設定してないとカルーセルスライダーで No Image の画像が表示されない不具合修正(ver3.0.0 でのレベルダウン)
- ヘッダー帯メニューとグローバルメニューを両方とも固定にした場合に、グローバルメニューが帯メニューの上に被さって固定されてないような状態になる不具合修正(ver3.0.0 でのレベルダウン)
ディスカッション
コメント一覧
るなさん、こんにちは。
Intersection Observer対応っていうことで早速アップデートしてみたんですが、
スライダー部分で不具合が出てしまいました。
(なので今はIntersection Observerを無効にしてます)
症状的には、スライドの1枚目は普通に表示され、2枚目以降が縦にびよーんと伸びて表示されます。
これってスライダー側の問題でしょうか。
使ってるのは「MetaSlider」です。
176R さん。
Lazy Load の不具合でもなければ、スライダーの不具合でもないです。
不具合ではなく相性の問題です。
MetaSlider の場合、スライダーの種類で「Nivo」や「Coin」を選択すると画像の大きさを都度計算して width と height をスタイルで挿入します。
Lazy Load は画像の描画を後回しにするので、画像の大きさを計算できてないってことです。
解決方法としては、Lazy Load をやめるかスライダーの種類を「Flex」など大きさの計算を必要としない種類に変えるかのどちらかです。
るなさん。
ありがとうございます。
そうなのですねー。
試しにやってみたらきちんと表示されました!
もともとLazy Loadを使っていなかったのでどうしてもというわけではなかったのですが、新しい機能となると試さずにはいられなくて・・。
今後の参考になりました。ありがとうございましたm(__)m
アップデートありがとうございます。
帯状メニューの固定も確認しました。
いつも素早いご対応に感謝しています
(先ほど気が付いたのですが、ハンドルネームは最初の頃「エルモ」でした)