В современных веб-приложениях часто используется динамический контент, в частности, модальные окна Bootstrap. Если форма внутри такого окна содержит Google reCAPTCHA, возникает дилемма: либо загружать тяжелый скрипт капчи при старте страницы (влияя на скорость загрузки), либо загружать его по требованию (ленивая загрузка).
При ленивой загрузке ключевая проблема — избежать ошибки **"reCAPTCHA has already been rendered in this element"** при повторном показе окна. В этой статье мы рассмотрим, как интегрировать ленивую загрузку скрипта reCAPTCHA, используя нативные события Bootstrap, и как безопасно рендерить виджет только в открывшемся динамическом модальном окне.