2018年09月3日(月)
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。
LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。
「Blink LazyLoad」の機能と使い方、注意点を紹介します。
A Native Lazy Load for the Web
下記は各ポイントを意訳したものです。
※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。「Blink LazyLoad」の機能
重要度の低いコンテンツを遅延させて表示させることは、パフォーマンスを大幅に向上させると考えられています。「Blink La...
0
356
304
291author:
コリス
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログ
‹ PREV
追従ヘッダー実装時に使える動作・デザインパターン例
NEXT ›
[ユーザー投稿] Movable Type 7 に対応した「ケータイキット for Movable Type Ver.1.70」の提供を開始
Ads
2006年の開設以来、一貫してサイト制作に関する最新情報を提供しているクリエイティブブログコリスの記事『Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に』についてまとめています。
この記事は特にjavascript・SEO・Google・Chrome・Mac・ドメインについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のコリスで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとコリスの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
