rel="preload"
имеет смысл использовать только для файлов (css, js, fonts, video, img), которые загружаются не из html-кода, а позже из других css/js-файлов или по ajax/socket. Чтобы браузер не ждал, когда обнаружится потребность в этом файле, а заранее загрузил его. ведь скрипты потому и в подвале сайта, чтобы отложить их загрузку?
Обозначим за X - количество йогуртов, которое надо купить, чтобы успешно собрать все наклейки.
Чему равно P(X=...)? P - вероятность
Клиент (браузер)
↑↓ post-, get- запросы
example.com (любой ЯП и фреймворк на ваш выбор) - отвечает за валидацию, запросы к БД, отрисовку данных, ответ клиенту
↑↓ запрос к бд
Database Server (любая БД на ваш выбор)