в

жаңы дизайн, ылдамдыгы оптималдаштыруу жана жаңы мүмкүнчүлүктөрү жөнүндө кулактандыруу

«Великое начинается с малого» © Sir Francis Drake

[Всего голосов: 0 Средний: 0/5]

Неделю назад я запустил обновленную версию сайта Triskirun. Она получила новый дизайн, а также ряд функциональных и скоростных улучшений.

В этой статье я подробно расскажу Вам о том, что нового появилось и как теперь этим пользоваться. Плюс анонсирую ряд уникальных функций, которые будут запущены на нашем сайте в ближайшее время.

Содержание публикации:

Структура сайта

Главная страница сайта Triskirun.ru

Структура сайта претерпела значительные изменения. Основной её акцент сделан на хронологической ленте, но отдельно стоит упомянуть навигационное меню, которое теперь состоит из следующих элементов:

  • Блок ссылок в правом верхнем углу (ТОП-10, рубрики, хэштеги и т.д.)
  • Выпадающий список соцсетей проекта
  • Поиск по сайту с возможностью предзагрузки результатов
  • Авторизация на сайте

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

Кнопка «Наверх», при нажатии на которую можно вернуться в начало страницы

дизайн сайта

Новый дизайн корректно отображается на всех видах гаджетов и устройств.

Скорость загрузки, быстродействие сайта и безопасность

Основываясь на опыте разработки веб-проектов мною была проведена полная настройка нового сервера для сайта с его последующей оптимизацией, включая все современные стандарты кэширования, как в backend, так и в frontend, подключение сервиса KeyCDN (сети доставки контента) ironman.triskirun.ru, gzip сжатие страниц и минимизация СSS/JS.

Для нас очень важно, чтобы сайт грузился без задержек, чтобы пользователи получали только позитивное впечатление и были заинтересованы в повторном посещении сайта. Последние тесты в сервисе GT Metrix показали, что нам удалось достичь хороших показателей в этом плане.

Скорость первой загрузки сайта без кэширования статики
Скорость загрузки сайта с кэшированием статики

Замечу, что наш сайт использует персональный SSL (от англ. Secure Sockets Layer – уровень защищенных сокетов), данный протокол используется сайтами для защиты данных в Интернете. Он гарантирует безопасное соединение между браузером пользователя и сервером.

Для защиты сайта от спама мы используем сервис CleanTalk, он отлично справляется со своей задачей и не требует от пользователей введения капчи, к тому же предоставляет DDOS-защиту, автоматическую фильтрацию спам-комментариев и собственный Firewall.

Вот так выглядит статистика атак на сайт Triskirun.ru за последние 7 дней. Французы пока лидируют.

Улучшенный поиск по сайту

Поиск по сайту неотъемлемая часть любого сайта и мы знаем, что многие из Вас им активно пользуются. Теперь, чтобы воспользоваться поиском в веб-версии сайта достаточно навести курсор на иконку увеличительной лупы, которая находится в правом верхнем углу сайта.

Форма поиска в веб-версии сайта

К примеру, нас интересуют статьи по тематике «ironman». Давайте введем этот поисковый запрос и посмотрим, что произойдет.

Первые 5 результатов в виджете поиска по запросу «ironman»

После ввода поискового запроса в режиме реального времени наша поисковая система определит 5 наиболее релевантных публикаций. Если Вам этого не достаточно, то можно нажать на кнопку «Посмотреть все результаты» и перейти на страницу поиска.

Страница поиска по сайту

В мобильной версии поиск по сайту находится в мобильном меню.

Форма поиска в мобильной версии сайта

Регистрация и вход на сайт через соцсети

Авторизация на сайте даёт Вам ряд привилегий и дополнительных возможностей, о которых я расскажу чуть позже.

Для того, чтобы зарегистрироваться на сайте необходимо нажать на иконку авторизации в правом верхнем углу. После чего вы увидите форму, в которой Вам доступны 2 метода регистрации:

  • C помощью соцсетей
  • Через стандартную форму регистрации, доступную по нажатию кнопки «Зарегистрироваться»

Вы можете выполнить вход через несколько соцсетей, наша система предложит Вам привязать соцсеть к существующему аккаунту или зарегистрировать новый.

Форма авторизации на сайте

Структура публикаций

Структура публикаций вполне стандартна для новостного сайта и имеет следующий порядок:

  1. Categories
  2. баш
  3. бөлүмчөлөрдүн
  4. Информация о авторе, количество просмотров, ссылка на комментарии
  5. Кнопки «Поделиться в соцсетях»
  6. Изображение записи (в публикациях формата «Видео» отображается сразу видео)
  7. ыраазы
  8. Hashtags
  9. Ссылки на след./пред. статьи
  10. Рейтинг публикации
  11. Блок информации о авторе
  12. Comments
  13. Басылмалар бөлүм
  14. Публикации набирающие популярность
Структура публикации формата «Статья»

Рейтинг публикаций

Теперь каждая публикация имеет свой собственный рейтинг. Голосовать «За» или «Против» можно двумя способами:

  1. В ленте публикаций
  2. В самой публикации

Голосование доступно для всех посетителей сайта. В перспективе я планирую формировать автоматическую ежемесячную рассылку с самыми популярными статьями по мнению аудитории сайта Triskirun.

Кнопки голосования «За/Против» в ленте публикаций
Кнопки голосования «За/Против» в публикации

Хэштеги, просмотры, комментарии

Для всех публикаций доступных на нашем сайте есть три ключевых показателя:

  1. Hashtags
  2. Views
  3. Comments

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

Хэштеги в подвале публикации
Облако хэштегов в боковой колонке сайта

Помимо хэштегов, каждая публикация содержит количество просмотров, которое автоматически обновляется при перезагрузке страницы сайта.

Количество просмотров публикации

Для зарегистрированных пользователей предусмотрена возможность добавления комментариев на сайте.

Комментарии на сайте Triskirun.ru

Categories

На данный момент на нашем сайте доступны следующие рубрики, которые разбиты на 3 секции:

  • негизги
  • Жайкы Спорт
  • кышкы спорт оюндары
Выпадающее меню с рубриками сайта Triskirun.ru

Мы планируем добавить ряд новых рубрик, в числе которых имеется и новостной раздел. Если у вас есть пожелания или рекомендации, мы всегда рады их выслушать, можете описать их в комментариях к этой статье или направить нам в редакцию на contact@triskirun.ru.

TOP-10

На сайте также появился новый раздел «ТОП-10». В нем имеется 3 вкладки, которые ранжируются по длительности:

  • За сегодня
  • За месяц
  • За все время
Раздел «ТОП-10» на сайте Triskirun.ru

Анонс новых функций

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

Расширенные профили пользователей

Каждый зарегистрированный пользователь на сайте Triskirun.ru получает дополнительные возможности для визуального и функционального наполнения своего профиля. Можно задать ссылки на соцсети, указать статус, описание, ссылку на сайт, поменять имя, изменить аватар, обложку профиля и т.д.

Пользовательское меню
Жеке эсеп

Вся информация, которую Вы зададите в своём профиле автоматически будет добавлена в блок о авторе.

Блок с информацией о авторе публикации

Редактор создания публикаций

Теперь каждый может стать автором и создать свою собственную публикацию с помощью нашего нового внешнего редактора.

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

Несколько спойлеров напоследок.

12 новых форматов внешнего редактора

Панель для написания статьи во внешнем редакторе

Authors Сергей Komlev

Я занимаюсь широким спектром задач в сфере Digital-маркетинга, от веб-дизайна до фото/видео производства.

Комментарий кошуу

Alicia Vikander тасмасы даярдоо үчүн диета "Лара Croft"

лыжа жабдууларды атайын окутуу жана жакшыртуу маарага түрткү берет

лыжа жабдууларды атайын окутуу жана жакшыртуу маарага түрткү берет