javascript - Instagram Graph API pull,工作但运行缓慢,希望得到建议
问题描述
我已经编写了一些代码来使用 instagram graph 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 限制。
- 不要在客户端硬编码访问令牌,它们总是要保密的。仅在服务器上使用它们。
- 您正在为每个图像执行 API 调用,当然这非常慢。更好:
/instagram-id/media?fields=media_url
- 只需一个电话。
参考:
推荐阅读
- python-3.x - 在python中创建一个方阵
- python - 为什么我的递归函数之外的变量没有保持它们的值?
- python - 制作火炬数据集错误“无法从'dataloader'导入名称'read_data_sets'”
- sql-server - 使用 VB.net App 修复 SqlConnection 中的 System.TypeInitializationException 错误
- c - 如何编写 ARM 子程序并从 C 中调用它
- vb.net - 文本框的 MaskFull 替代方案?
- laravel - 如何在 Laravel 中压缩图像而不调整大小?
- javascript - 引导模式未显示在 SVG 之上
- c# - Xamarin Forms PanGesture 的坐标不一致
- go - Go fmt 为数学表达式生成格式不一致的结果