Instagram Graph API拉动，可以运行，但运行缓慢，需要建议

Question

我已经写了一些代码使用instagram图表api从instagram提取图像。 一切正常，但性能缓慢。 我正在使用JavaScript，但是有同样的问题，但PHP却更糟。 我是一个新手，对此没有经验，任何建议都会很棒。

下面是代码：

$.getJSON(instagram_url_1, function(data) {
    instagram_array_1 = data['data'];

    instagram_next = data['paging'];
    instagram_next = instagram_next['next'];

    for (var image_count = 0; image_count < 25; image_count++) {
      image_data = instagram_array_1[image_count];
      image_data = image_data['id'];
      image_link = 'https://graph.facebook.com/' + image_data + '?fields=media_url&access_token=' + access_token;
      image_array[image_count] = image_link;
    };

    $.getJSON(instagram_next, function(data) {
      instagram_array_2 = data['data'];

      for (image_count = 0; image_count < 25; image_count++) {
        image_data = instagram_array_2[image_count];
        image_data = image_data['id'];
        image_link = 'https://graph.facebook.com/' + image_data + '?fields=media_url&access_token=' + access_token;
        image_array[image_count + 25] = image_link;
      };

      console.log(image_array);

      for (var image_count = 0; image_count < 40; image_count++) {
        image_link_array = image_array[image_count];

        $.getJSON(image_link_array, function(data) {
          image_link = data['media_url'];
          image_html = '<img class="instagram-images" src=' + image_link + ' />';
          $('#instagram-body').append(image_html);
        });
      };
    });
  });

该网站可能需要花费一些时间来加载，而不是老化，但是足以让我尝试简化它以改善UX。 提前致谢！

Answer 1

• 不要在每次页面加载时都使用此代码，请在服务器端缓存结果以避免API限制。
• 不要在客户端上对访问令牌进行硬编码，它们总是要保密的。 仅在服务器上使用它们。
• 您正在为每个图像进行API调用，这当然太慢了。 更好： /instagram-id/media?fields=media_url只需一个电话。

参考：

• https://developers.facebook.com/docs/instagram-api/reference/user/media
• https://developers.facebook.com/docs/instagram-api/reference/media