[identity profile] zhoog.livejournal.com posting in [community profile] useful_faq
Есть лендинг-пейдж. В нем имеется галерея, работающая примерно по тому же принципу, что и галерея на Behance.net: по клику на миниатюру открывается модальное окно, в котором размещен html-блок с заголовками, картинками и текстом.

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

Вопрос такой: если на место html-кода каждого модального окна поставить php-конструкцию include (которая занимает лишь 3 строчки кода), а код каждого модального окна сохранить в отдельные html-файлы, повлияет ли это каким-то образом на скорость загрузки страницы в целом? Или это будет шило-на-мыло? Ведь при обработке кода сервером вместо php конструкции просто подставляется html-код всех модальных окон...

Date: 2015-12-20 12:56 pm (UTC)
From: [identity profile] pe-z-de-c.livejournal.com
Как ни странно, отвечу. Изложенное вами добавление кода не поможет. Поможет так называемый AJAX-запрос к серверу. Но выполняться он будет при клике "некоторое время" - от секунды примерно. Ну или подгружать такими запросами модальные ока после загрузки и прорисовки основной страницы. Так точно будет быстрая загрузка Landing Page.
Edited Date: 2015-12-20 12:59 pm (UTC)

Date: 2015-12-20 01:13 pm (UTC)
From: [identity profile] pe-z-de-c.livejournal.com
Надо будет сделать - обращайтесь.

Date: 2015-12-23 11:45 am (UTC)
From: [identity profile] japson.livejournal.com
еще добавлю в тему к аякс-запросам.
В фреймворке Jquery Mobile реализована такая фишка: при выборе миниатюры, подгружается полная картинка а также следующая (если она не загружена). Предыдущая же не выгружается. Т.е. загружена просматриваемая картинка и "две по бокам" )). При выборе следующей миниатюры происходит анализ не загружена ли она уже и соответсвенно, если да, то отображается и тут же происходит проходит подгрузка следующей.
Здесь главное учитывать размеры картинок, скорость инета и память устройства, для того чтобы понимать сколько оптимально хранить заранее закаченных данных.