ページの読み込み時間を10秒短縮する方法

素晴らしいウェブサイトになると、スピードとソーシャルは一緒に機能していないようです。 サイトをに移行しました フライホイール (アフィリエイトリンク)そしてそれは私たちのサイトのパフォーマンスと安定性を大幅に改善しました。 しかし、Facebook、Twitter、Youtube、およびポッドキャストでのソーシャルアクティビティを促進する太いフッターを使用したサイトのデザインにより、サイトの速度が低下しました。

それは悪かったです。 すばらしいページは2秒以内に読み込まれますが、当サイトではページが完了するまでに10秒以上かかりました。 問題はWordPressやFlywheelではなく、他のサービスからロードしたすべてのインタラクティブ要素でした…FacebookとTwitterウィジェット、Youtubeプレビュー画像、ポッドキャストアプリケーション、ロードの速度を制御できませんでした。 今まで。

これで、ページが約2秒で読み込まれることがわかります。 どうやってやったの? フッターに動的セクションを追加しました。このセクションは、ユーザーがそのポイントまでスクロールしたときにのみ読み込まれます。 ブラウザ(モバイル、アプリ、タブレットではありません)でページの一番下までスクロールすると、読み込み中の画像が引き継がれます。

負荷

jQueryを利用して、誰かがそこでスクロールするまで、実際にはページのベースをロードしません。 コードは実際には非常に単純です。

$(window).scroll(function(){if(jQuery(document).height()== jQuery(window).scrollTop()+ jQuery(window).height()){if($( "#placetoload" ).text()。length <200){$( "#supplementary")。load( '[ロードするページのフルパス]');}}});

ユーザーがページのベースまでスクロールすると、jQuery goは指定されたパスのページコンテンツを抽出し、選択したdiv内にそれらをロードします。

サイトはそこにロードされたコンテンツの恩恵を受けなくなりましたが(検索エンジンがクロールしていないため)、ページの速度は、誰かがいるよりもランキング、共有、エンゲージメントに役立つと確信しています。私たちのページが途方もなく遅くロードされるのを待ちきれません。 何よりも、ページには、ページの速度を犠牲にすることなく、訪問者と関わりたい要素がすべて含まれています。

まだやるべきことがいくつかあります…しかし、そこに到達しています!

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.