На приложенном видео описал проблему. "Пациент" вот tinyurl.com/qx4zyx3 . Нужно предложить правильное решение проблемы и реализовать его. Насколько я понимаю, стоит задействовать Ajax, возможно также при этом задействовать надписи, которые указывают пользователю, что нужно подождать загрузки. В целом цель такова: новопришедший пользователь не должен несколько секунд недоумевать – а что это за пустая область.
Возможен такой вариант: грузим первую вкладку также как сделано сейчас, а содержимое остальных параллельно начинает подгружаться AJAX. Однако в таком случае не совсем ясно как учитывать 2 момента:
1. Вкладка может сама переключиться на следующую еще до того как AJAX все догрузил
2. Пользователь может переключить вкладку (стрелочкой либо выбором другой группы решений) опять же до того как AJAX все подгрузил.
Возможен такой вариант (он попроще, но скорее всего тоже приемлим): пока презентация не прогрузилась полностью, на ее месте выводить надпись и какую нибудь gif иконку ожидания вроде indepage.ru/waiting/
=================================================
Окончательная концепция:
1. До момента полной прогрузки презентации на ее месте должно находиться статическое изображение презентация. На скриншоте показал где оно находится prntscr.com/2mcvxl . Я так понимаю грузить быстрее всего с помощью Ajax ?
2. После полной прогрузки презентации, первоначальное изображение исчезает и отображается собственно сама презентация.
3. Возможно оптимизация работы нашей существующей динамической презентации (если есть советы по оптимизации).
4. (Это просто чтобы вы понимали, собственно это уже задача дизайнера) Изображение отдельно разработает дизайнер. К изображению следующие требования:
a. Должно вписываться в общий фон сайта
b. Содержать логотип продукта
c. Показывать список применений (6 применений как на текущей презентации). Для каждого применения желательна своя иконка. Можно списком вроде такого prntscr.com/2mcx14
d. Желательно показать общую концепцию работы (Источник -> Datacol -> Магазин/CMS/CSV/TXT/Excel/База данных ). Кстати логотип продукта (из пункта а) можно как раз совместить с изображением Datacol.
e. Должно явно показывать пользователю, что необходимо дождаться загрузки полной версии презентации, которая произойдет через 5-10 секунд