На таком спойлере выгоднее заранее загрузить все. А если таких спойлеров, скажем, 50 и в каждом картинка, да еще не одна? В общем, надо хороший спойлер с боевого сайта. А не пример для начинающих программистов на jS.

Ну тогда твоя очередь показывать пример, мне кажется....

Беглое гугление дает вот это: "Часто на форуме для уменьшения объёма сообщения применяют инструмент для сворачивания текста - спойлер. Он позволяет скрыть объёмные изображения и длинные тексты, при этом желающий ознакомиться с представленным материалом поближе может развернуть спойлер нажатием левой кнопки мыши по нему, при этом отображается всё содержимое спойлера.".

Ключевое здесь: объемные изображения и длинные тексты.

Это значит, явно недешево загрузить это все хозяйство сразу.

У меня нет примера. Но если там объемные материалы, то аяксом тянуть их надо, а рядом класть полную версию для поисковика. И на нее каноникал.

Отлично. Но используется это все только для визуальной оптимизации. И никакого отношения обычно к скорости загрузки и прочему не имеет. По крайней мере я такого назначения ни разу в жизни не видел. Поэтому и прошу подтвердить ссылкой на пример именно такого использования.

Ну на этом предлагаю и закончить. Придумали себе какую-то оптимизацию спойлерами...

Я конечно понимаю, что нет таких проблем, которые не смог бы себе придумать человек, но... :-)

Надо что-то вот такое: https://leakyhead.ru/prostoj-universalnyj-spojler-ajax/

Но боевого примера у меня нет. Я сам спойлерами не пользуюсь.

Пардон. Это что-то не то, кажется. Ща еще погуглю.

Не, не пойдет. Надо же: "хороший спойлер с боевого сайта. А не пример для начинающих программистов на js". Себе-то хотя бы не противоречьте. ;-)

Надо. Согласен. Ищу. Пока что-то  не находится. Да найдется, наверное.

Да вот я всегда вижу в коде, то что обычно скрыто в спойлерах.
Вообще это слово произошло от spoil (преждевременное раскрытие важной информации). Издавна на сайтах форумах есть требование при обсуждении или отзывах о фильмах скрывать сюжетные линии в специальной свернутой области, и чтобы прочитать это, её нужно было раскрыть. Хотя это и не отвечает на вопрос.

Это подло требовать пруфы не имея своих! Настоящие джентльмены за покерный стол без денег не садятся!!!

Но при этом верят на слово 😂

правнуки пиратов не могут так деградировать

Вот, вроде бы: https://rutracker.org/forum/viewtopic.php?t=5551928

Вот ссылочка на Остров сокровищ.

Вот, вроде бы, рутракер подтягивает последних поблагодаривших именно так. Правда, это мертвому припарки.



У ВордПресса раньше был плагин AjaxSpoiler. Потом его заменил Advanced Spoiler.

https://vi.wordpress.org/plugins/advanced-spoiler/#description

Только я вот что-то не пойму, работает ли он с аяксом или нет.

Еще предлагаю считать за спойлер комменты. Вот таких примеров будет много.

Раскрыть комменты. Вполне себе спойлер, кажется.

Пример: https://lenta.ru/comments/photo/2020/06/01/spacex/

Еще есть крайне интересная реализация спойлера, описанная здесь:

https://ipbskins.ru/forums/topic/12443-spoyler-s-ajax-podgruzkoy-kontenta/

"Самый простой вариант сделать как на том же порнолабе, заменить img из спойлера на какие-то теги, или удалить src и добавить адрес другому атрибуту, а при раскрытии спойлера в js сделать обратное преобразование."

Я пошел и проверил. Тяжелые картинки подтягивает по раскрытию

При этом у рутракера и порнолаба, похоже, движок-то один (TorrentPier). Но вот эта реализация спойлера реально крутецкая. И аякса не надо.

p.s. Спойлер - показать скрытое по действию (событию). А уж как это реализовано (сразу грузить и скрывать или по событию дозагружать) - индивидуально зависит.
Lazy loading тоже можно назвать спойлером. 🤷‍♂

Мне нужно скрывать текст в спойлер, но чтобы он при этом индексировался. Реализация не важна)

я ошиблась

Попробуйте его скрывать после загрузки страницы или пошаманив на уровне стилей. Но держа в голове, что вы хотите для удобства пользователя, а Яндекс это может посчитать клоакингом.

Спасибо, об этом я даже и не подумал