「プログレッシブ」のWebサイトの読み込み

Question

私は、例えば、LinkedInのために再ロードするときに見ることができる「プログレッシブ」ページのローディング効果の種類を生成するための方法を探しています：

それは即座にロードしますロードされると実際のコンテンツに置き換えられます。 私はすでに多くのWebサイトでそれを見てきました。そのための名前と正しいアプローチ/ jsフレームワークがあると推測しています:)

Answer 1

ここでの問題は、ロードされていないコンテンツ "とあなたの"本当のコンテンツ "。

「読み込まれていないコンテンツ」には、空のdiv、thumnails、さらには画像だけを置くことができます。さらに簡単ですがリスクがあり、ウェブサイト全体のイメージが「全くロードされていません」。

しかし、あなたはそのようなものを消してあなたの "本当のコンテンツ"を消す方法を見つけなければなりません。

jqueryのアニメーション機能 "fadein"と "fadeout"を使用したり、Animate.ccのようなライブラリを使用することはできますが、難しいのは2つのコンテンツを同じ場所（index-z cssプロパティ）に入れてしまうことです。

これを行うライブラリをすべて検索する代わりに、