画像最適化戦略 Lazy Loading 編 | blog.jxck.io

2019/05/20 97 users Lazy loading jxck.io INTRO img

created_at: 2019-05-20 updated_at: 2019-05-20 tags: [lazyload,image,performance] Intro 長らく議論されてきた <img> や <iframe> における Lazyload について、仕様と実装が動きを見せている。 ここでは、特に画像 <img> に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解説する。 画像最適化戦略 PNG/JP... 続きを読む

Google、SEOに適したLazyloadの仕様を公開 | 海外SEO情報ブログ

2018/11/06 324 users viewport SEO 指針 仕様 Google

[レベル: 上級] SEO と相性がいい Lazyload の実装を解説するドキュメントを Google はデベロッパー向けサイトで公開しました。 3つのアドバイスドキュメントには3つの指針が書かれています。 1. viewport 内で見えるようにするviewport 内にあるコンテンツは、必ず Google にも見えるようにしておきます（viewport は簡... 続きを読む

Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に | コリス

2018/09/03 315 users コリス img iframe Chrome iframe要素

「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。... 続きを読む

LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」:phpspot開発日誌

2013/06/05 67 users エフェクト jQueryプラグイン phpspot開発日誌

LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」 2013年06月05日- jQuery Unveil - A very lightweight plugin to lazy load images LazyLoadを実現する1KBを切るjQueryプラグイン「Unveil」 LazyLoadプラグインの余分な機能（エフェクト、イベント）を省いて軽量化したものです。 L... 続きを読む