Я работаю над изменением пользовательского интерфейса профиля пользователя на одном сайте.Страница проекта: http://design.vitalbmx.com/user_menu/member_profile2.html
Цели:
Удобство использования: Необходимо оптимизировать время загрузки страницы, особенно изображения на активной вкладке SEO: ссылки на страницы во вкладках должны быть просматриваемыми
Допущения:
- Большинство пользователей по умолчанию переходят на вкладку "Все"
- Большинство пользователей редко нажимают на другие вкладки, кроме «Все»
- Большинство пользователей не будут отправлять ссылки на вкладки, разбитые на страницы, только на 1-ю страницу любой данной вкладки
Реализациясценарии:
Содержимое всех вкладок загружается одновременно на одной странице.Разбивка на страницы через Ajax (с URL-адресами существующих страниц для сканеров).Возможные проблемы - задержка загрузки изображений для вкладок, отличных от первой вкладки, если она указана в URL страницы (например, #videos)
Содержимое первой вкладки («Все») для загрузки первой.Загружать содержимое других вкладок только при нажатии на них.Проблемы - дополнительные HTTP-вызовы, а также задержка загрузки изображений для вкладок, отличных от первой вкладки
Содержимое всех вкладок загружается на той же странице, НО источники изображений заменяются общим изображением для вкладоккроме текущей вкладки до начала загрузки изображений.При нажатии на другую вкладку (или после загрузки изображений текущей вкладки) источники изображений возвращаются к исходным и начинают загрузку (что-то вроде Mashable.com, но без раздражающего эффекта постепенного появления)
Ajax-less - отдельная страница для каждой вкладки.Имеет больше смысла для SEO, чем для удобства использования.Легко копировать-вставлять-отправлять URL с нумерацией страниц.
Какой из них будет лучшим?Или я что-то упустил?