How to optimize iterative template rendering?

Question

JavaScript

The controller that prepares the response for typeahead.js

…
foreach($items as &$item) {
     $item->html = $this->container->get("twig")->render(“line.html.twig”,[“item”=>$item]));
}

return new JsonResponse( $items );

the idea is that there are 15 items and you need to iterate and add the html representation to each element
but the code above runs 200ms longer than if $item->html = “”.$item->name.””
how to avoid a delay of 200ms ?
was done via >render("line.html.twig",["item"=>$item]));
because it's important to be able to override this line.html.twig in inherited bundles,
rendering on the client side is not suitable,
you need to either optimize it or tell me how to override it but without >render("
Thanks

Answer 1

$item->html = $this->container->get("twig")->render(“lines.html.twig”,[“items”=>$items]));

Draw the collection right away (Here, the twig cache will give performance)