Javascript 选择2：在下拉列表中仅使用220个项目进行慢速渲染

因此，我的框架将一个包含220项的数组传递给我的模板引擎（Smarty）。页面加载时，表单会很快呈现，直到出现220项下拉列表。当它到达该下拉列表时，需要5-6秒才能呈现，冻结页面及其下所有未呈现的项目

我的HTML/Smarty是：

{html_options class="form-control select2-render" id="category" name="category" data-search="true" options=$categorylist selected=$selectedcategory}

然后在我的JS中，我有如下内容：

$(document).ready(function() {
    $('.select2-render').select2();
});

我使用jQuery3.4.0运行Github（4.0.12）的最新版本

即使是一个只有50个项目的列表，在页面加载后也需要整整一秒钟的时间来解析。我做错什么了吗