javascript - Instagram Graph API 拉动,可以工作,但运行缓慢,需要建议

标签 javascript performance facebook-graph-api instagram instagram-graph-api

我已经编写了一些代码,使用 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);
        });
      };
    });
  });

该网站可能需要一点时间来加载,不是很长,但足够我想尝试简化它以改善用户体验。提前致谢!

最佳答案

  • 不要在每次页面加载时使用此代码,缓存结果服务器端以避免 API 限制。
  • 不要在客户端上对访问 token 进行硬编码,它们始终是保密的。仅在服务器上使用它们。
  • 您正在为每个图像执行 API 调用,当然这非常慢。更好:/instagram-id/media?fields=media_url - 只需一次调用。

引用:

关于javascript - Instagram Graph API 拉动,可以工作,但运行缓慢,需要建议,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57353368/

相关文章:

javascript - 我的第一个基于 jQuery 的 slider 需要一些错误处理

javascript - 带有大边框的 jquery ui 可调整大小的 div

javascript - 删除 JavaScript 中的重复代码

python - 为什么代码 1 比代码 2 快?

javascript - 未捕获的类型错误 : Cannot read property 'name' of undefined Graph API[2. 5]

javascript - 如何使用 Prototype 库模拟 JavaScript 中的访问修饰符?

javascript - 我应该如何存储和检索字典单词

ruby-on-rails - 哪些 Ruby gem 支持 Facebook API?

facebook 图形 API - 评论限制为 999

javascript - JavaScript内存和泄漏问题