[英]Laravel ajax autocomplete very slow
我的应用程序中有以下 jquery 自动完成功能( https://github.com/devbridge/jQuery-Autocomplete )
但是它非常慢 - 渲染需要将近 4 秒。 我已经安装了调试栏,时间线显示启动需要近 3 秒,应用程序需要 1 秒,实际数据库查询是 44 毫秒。
这是我的 jquery 自动完成实现:
window.locationAutoCompleteSettings = {
serviceUrl: "/location-lookup",
minChars: 2,
paramName: "term",
showNoSuggestionNotice: false,
onSearchStart: function (query) {
$(this).closest(".js-clear-input").find(".js-clear-input-trigger").addClass("clear-input-spinner")
},
onSearchComplete: function (query) {
$(this).closest(".js-clear-input").find(".js-clear-input-trigger").removeClass("clear-input-spinner")
},
transformResult: function (response) {
var data = JSON.parse(response);
return {
suggestions: $.map(data, function (item) {
return {
value: item.name,
data: item.id
}
})
};
},
onSelect: function (suggestion) {
var e = $(this).closest(".js-lookup-container").find(".js-location-id");
e.val(suggestion.data);
var f = suggestion.value, b = $(".js-location-description");
if (b.length && b.val() == "") {
b.val(f).trigger("change")
}
}
};
$(".js-location-lookup").autocomplete(window.locationAutoCompleteSettings);
这是我的控制器方法:
public function locationLookup(Request $request)
{
$term = $request->input('term');
$locations = $this->locationRepository->getByName($term)->get();
return response()->json($locations);
}
作为记录,我在 Windows 10 机器上使用 php 7.4 在 Homestead 上运行它
任何想法我可以如何调整它,因为它目前不是很有用?
可以通过限制记录和限制您正在获取的数据来完成一个小的改进,如下所示 -
public function locationLookup(Request $request)
{
$term = $request->input('term');
$locations = $this->locationRepository->getByName($term)->take(10)->get(['id', 'name']);
return response()->json($locations);
}
获取较少的数据是一个小技巧,我希望它会提高一些性能。
所以我已经安装了https://github.com/winnfsd/vagrant-winnfsd
$ vagrant plugin install vagrant-winnfsd
更新 Homestead.yaml 如下:
folders:
- map: ~/code/project1
to: /home/vagrant/project1
type: "nfs"
跑
vagrant up --provision
现在启动时间已降至 500 毫秒
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.