[WordPress] サイトの読み込みが速く持っていることの助けが必要

スポンサーリンク

Question

は新しいサイトのセクションをある

呼びましょうヒーロー、秒の下で読み込まれる。動的に (100 つがある) 各記事のサムネイルを読み込むセカンダリ コンテンツは 1 分の読み込みにかかる

は、しかし、その後、2 番目の下で優先順位の高いコンテンツの英雄) 負荷を持っていきたいし、プライマリ コンテンツ (英雄) が完全に読み込まれた後でのみしかし、セカンダリ コンテンツ – を読み込む

をセカンダリ コンテンツを呼び出す WP プラットフォーム、カスタム ヒーロー セクションおよびグリッド FX プラグインを使用います

このサイトの負荷を高速化に任意のヘルプは大歓迎です !

ありがとう !

答え

私は驚かないだろう、あなたのためにこれを処理するプラグインが既に場合がサイトに直面しているシナリオに非常に類似音し、次の解決策を考え出すし終わった

そこの本質的に 2 つの要因仕事でこれをてこずら: 最初に、サーバーの記事の何百ものクエリおり ブラウザーのこれらのサムネイルはすべてをフェッチします。最適化することができます 2 つの別々 のものがあるので:

ステップ 1: クエリ 最初 – – を指摘した @EdCottrell をバッチ処理することができますこれらの画像を読み込むまたは

admin-ajax.php

を介してより多くの記事を要求する AJAX を使用することができます; 画像の Url (これは手順 2 で使用されます) のデータ属性を持つ要素の束を作成する使用することができますし、JSON オブジェクトが返されます。これを行うに必要な手順はかなり長いそしてここで 2 つの異なるトピックをカバーしている、それはおそらくよりすばらしい細部でカバーしています この記事 に向けてポイントに簡潔です。一言で言えばよ:

  1. 使用の JS を
    admin-ajax.php

    への正しいパスを通過する

    wp_localize_script()
  2. の JS でヒーロー要素が読み込まれたときの検出をクリックして詳細情報の投稿を AJAX リクエスト: これは実際に、関数をコールする.
  3. … これが最初関連のアクセス許可があるかどうかにチェックします
  4. 権限を持っていると仮定すると希望している投稿と、サムネイルのためのクエリを実行してオブジェクトとして返します
  5. かどうかは成功の JS オブジェクトが処理されます、いくつかの要素を作成する (一部など <
    div>

    s) にイメージを読み込む

ステップ 2: 画像をロード すべての画像に一度に – することができますが遅い – 単に読み込むのではなくを読み込むことができますそれらの要素が 実際に表示 するとき。非常に軽量である unveil.js プラグインを使用してこれを行うことができます。手順 1 で

data-thumbnail-src

のデータ属性を追加したと仮定するとそれのようなものになります:

$('.post-preview').one('unveil', function() {
    var src = $(this).attr('data-thumbnail-src'); // Get the src from the data-attribute
    $(this).attr('src', src); // Adding the src causes the image to load
}

よういくつかを上記の葉問題簡潔にするために注意してください HTML の妥当性 (イメージを src 属性として 何か 必要とする) と寸法の画像が、それをうまくいけば良い出発点をする必要があります

http://stackoverflow.com/questions/27774278/need-help-having-site-load-faster

スポンサーリンク

Leave a Reply