Главной новостью этого часа является переработка генератора ачивок. Эта, не столь востребованная функция сайта была подвержена серьезной модернизации и переделке. Обо всех изменениях расскажу ниже.
Дизайн генератора ачивок был изменен и стилизован под внешний вид основного шаблона сайта. Это было достигнуто, путем загрузки основных CSS стилей главного сайта. Другими словами, используется общий файл как для сайта, так и для генератора ачивок. Это сделано, чтобы во-первых, сделать дизайн похожим, без изобретения велосипеда, а также добиться большей скорости загрузки, ведь большинство пользователей генератора переходят именно с сайта и у них уже есть загруженные CSS файлы в кеше.
Раньше иконки загружались все сразу, одной порцией: при загрузке основной страницы. Это вызывало массу проблем: блокировка загрузки другого контента, неравномерная загрузка иконок (первыми загружались самые легкие). Все это было всего лишь при 500 иконках. Поскольку сейчас их количество возросло в 6 раз, нужно было думать над реализацией дозированной загрузки или "ленивой загрузки". Получилось реализовать это так: сначала загружается первая страница слайдера, на которой находится 101 иконка (после загрузки основной страницы). Затем, при переключении страницы слайдера начинают загружаться иконки, которые располагаются на этой страницы слайдера. Таким образом удалось добиться плавной и отложенной загрузки только нужных иконок.