php include и скорость загрузки

[zhoog.livejournal.com]

Есть лендинг-пейдж. В нем имеется галерея, работающая примерно по тому же принципу, что и галерея на Behance.net: по клику на миниатюру открывается модальное окно, в котором размещен html-блок с заголовками, картинками и текстом.

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

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

Comments

[meduzian.livejournal.com]

на phpclub надо спрашивать ;)

[zhoog.livejournal.com]

спасибо, переспросил и там.

[meduzian.livejournal.com]

Еще есть http://forum.php.su/
и JScript ;)

[kvasin.livejournal.com]

папа,а ты щас с кем разговаривал?

[pe-z-de-c.livejournal.com]

Как ни странно, отвечу. Изложенное вами добавление кода не поможет. Поможет так называемый AJAX-запрос к серверу. Но выполняться он будет при клике "некоторое время" - от секунды примерно. Ну или подгружать такими запросами модальные ока после загрузки и прорисовки основной страницы. Так точно будет быстрая загрузка Landing Page.

[zhoog.livejournal.com]

Спасибо.

[pe-z-de-c.livejournal.com]

Надо будет сделать - обращайтесь.

[japson.livejournal.com]

еще добавлю в тему к аякс-запросам.
В фреймворке Jquery Mobile реализована такая фишка: при выборе миниатюры, подгружается полная картинка а также следующая (если она не загружена). Предыдущая же не выгружается. Т.е. загружена просматриваемая картинка и "две по бокам" )). При выборе следующей миниатюры происходит анализ не загружена ли она уже и соответсвенно, если да, то отображается и тут же происходит проходит подгрузка следующей.
Здесь главное учитывать размеры картинок, скорость инета и память устройства, для того чтобы понимать сколько оптимально хранить заранее закаченных данных.

[zhoog.livejournal.com]

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

На моем сайте имеется jQuery предзагрузчик, он нужен для того, чтобы во время загрузки сайта зрителю не пришлось наблюдать загружающиеся блоки (которые могут в процессе загрузки страницы выглядеть неэстетично).

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

[sergechel.livejournal.com]

Процедуру вызова "модального окна" нужно полностью реализовать на javascript, включая генерацию на лету html для этого "окна".

[zhoog.livejournal.com]

Вызов и реализован на jQuery. Но код самого окна и его содержимого — это самостоятельный html-блок. В каждом модальном окне своя информация. Как «на лету» это сгенерировать? Мне бы реализованный такого пример глянуть...

[sergechel.livejournal.com]

Индивидуальную информацию можно подгружать при вызове через Ajax, либо при генерации основной страницы сохранять сразу все в массиве в javascript и подставлять значения из массива при генерации кода окна.

[publicenemy.livejournal.com]

Лучше не будет, потому что:
- на клиенте всё равно будет весь html
- на сервере будет дополнительная работа по выаполнению include

Вы правильно сказали: делайте через ajax. Вариантов два:
- после загрузки страницы затягивать содержимое этих окон (все через один запрос)
- подтягивать код окон по необходимости

Оба варианты имеют плюсы и минусы. Выбор зависит от того, насколько часто эти окна требуются. Если часто, то первый вариант. Если изредка – второй.