Тескт колонка СЛЕВА текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст .....
|
Example 33: Асинхронный Ajax-updating содержимого. Асинхронная загрузка прежде всего нужна в высоконагруженных проектах с большим количеством одновременных активных пользователей. Ajax разгрузит web-сервер от лишней работы. В высоконагруженных проектах желательно переводить рендеринг на клиента, т.е. на браузер пользователя, который самостоятельно выполняет JS-код. Серверная сторона может быть реализована на любом языке программирования. Однако, если создаете web-проект с большой нагрузкой, backend должен быть на JavaScript. Ajax позволит экономить ресурсы и время - серверу не нужно рендерить то, что по сути не менялось на клиенте. В этом примере вся страница не перезагружается, обновляется только содержимое по центру экрана (картинка, текст). Первая левая кнопка подгружает по Ajax 108 килобайт текста. Центральная кнопка загружает через Ajax 160 килобайт текста. Кнопка справа грузит содержимое как переменную string в JS, около 40 килобайт текста. Время загрузки оценивается с помошью компанент Perl - use Time::HiRes и use Benchmark. Расчитыается время загрузки всей страницы (картинки, текст, анимация). Use Benchmark оценивает также процессрное время. Посмотреть исходный HTML код - Ctrl+U. |
||
Тескт колонка СПРАВА текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст .....
To begin. Часть 2.