0

構築中の Web ページで cURL を使用して instagrams API にアクセスしています。この機能はうまく機能しますが、ページの読み込みが犠牲になります。たとえば、次の DOM 構造を考えてみましょう。

  • ヘッダ
  • 論文
  • Instagram の写真 (cURL 経由で取得)
  • フッター

ページをロードするとき、インスタグラムのホットトが cURL で完全にロードされるまで、フッターはロードされません。以下は、呼び出されている cURL 関数です。

function fetchData($url){
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
    curl_setopt($ch, CURLOPT_TIMEOUT, 20);
    $result = curl_exec($ch);
    curl_close($ch); 
    return $result;
}

$result = fetchData("https://api.instagram.com/v1/media/search?lat={$lat}&lng={$lng}&distance={$distance}&access_token={$accessToken}");
$result = json_decode($result);

したがって、この関数が実行された後、残りの DOM が表示されます。関数呼び出しをフッターの下に移動すると、機能しません。

Webページ全体をロードし、cURLリクエストをロードサイトの上に設定するためにできることはありますか(ラグやホールドアップを引き起こさないでください)?

更新: フッターの後にロードし、js を使用して別の領域に追加するのが最善の解決策ですか?

4

1 に答える 1