Слайдер горизонтальной загрузки

Вы отлично справились со слайдером, и он действительно придаёт более изысканный вид (что идеально подошло бы, например, для сайта престижной архитектурной студии), но, к сожалению, из-за него Discourse кажется медленнее, чем мы привыкли (и по сравнению с другими форумами). Я считаю, что это создаёт психологический эффект, который может стать препятствием.

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

https://streamable.com/07k3p9

Если мы действительно намерены использовать слайдер, вот несколько идей, которые стоит попробовать: вместо снижения до 20% опускайтесь сразу до 0, и показывайте слайдер только в том случае, если загрузка страницы занимает больше секунды или около того.

2 лайка

Обратите внимание, что форум Elixir размещён в Европе, поэтому для нас, находящихся по эту сторону Атлантики, он работает значительно быстрее. Meta размещена в регионе us-west-1 AWS.

> time (curl -Ss https://meta.discourse.org/latest.json > /dev/null)
0.03s user 0.01s system 3% cpu 1.280 total

> time (curl -Ss https://elixirforum.com/latest.json > /dev/null)
0.02s user 0.01s system 10% cpu 0.286 total

Но да, в целом я согласен, что плавное исчезновение — не идеальное решение. Мы попробуем ещё несколько идей… следите за новостями.

9 лайков

Честно говоря, на форумах, размещённых на Discourse, опыт похожий, но здорово слышать, что вы думаете над его доработкой :+1:

2 лайка

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

6 лайков

@dodesz, какая это тема? Выглядит очень хорошо

Я снова отключил это пока, потому что одновременно слайдер и спиннер — это слишком, на мой взгляд.

С нетерпением жду новых обновлений.

2 лайка

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

Смотрите пример загрузки страницы:

Согласен, @Terrapop, слайдер + спиннер — это действительно «слишком много» и отвлекает.

5 лайков

Да, мне так понравилось. Как вы снова отключили спиннер в последней версии?

1 лайк

Нет. Я форкнул предыдущую версию до последних изменений; и просто закомментировал анимацию тела (а также сделал слайдер на один пиксель толще на мобильных устройствах и на несколько пикселей толще на настольных компьютерах). Мы уже несколько дней работаем в таком режиме и нам это очень нравится (и пользователи тоже комментировали, что им это нравится). После нескольких незначительных доработок мы теперь довольны результатом.

Не стесняйтесь попробовать :slight_smile: … это бесплатно и дружелюбно :slight_smile:

1 лайк

Просто хотел публично отметить @david: последнее улучшение как раз попало в точку для меня (по крайней мере, на мобильном устройстве, которое я тестировал последние 20 минут).

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

11 лайков

Не только медленные соединения. У нас тоже есть такая проблема с большими темами, и спиннер в таких ситуациях выглядит отлично (сообщение «идёт работа» вместо «это просто зависло». :sweat_smile:). Так что, огромное спасибо. :raised_hands:

5 лайков

Это улучшение, но я всё ещё чувствую, что оно заметно медленнее. Была ли какая-то причина, по которой спиннер был отклонён/заменён этим? Вы все отлично поработали над улучшением слайдера, но, на мой взгляд, спиннер всё ещё выигрывает, особенно на странице с медленной загрузкой:

https://streamable.com/q2gh0q

(Предполагая, что форум Rust размещён в той же сети/на том же сервере, что и Discourse^^ (не уверен, имеет ли большое значение, если я не авторизован?))

3 лайка

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

3 лайка

Я подумал, что так может быть, поэтому вернулся и сделал сравнение, будучи разлогиненным на обеих версиях:

https://streamable.com/1x0tbs

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

Решение за вами, но лично я голосую за спиннер (извините!) и на самом деле собирался написать в теме об обновлении PG, насколько быстрее и отзывчивее стал Discourse после этого обновления :sunglasses: (было бы жаль делать шаг назад, даже если это небольшой шаг :sweat_smile:)

4 лайка

Согласен. Слайдер — это шаг назад. Я также посмотрел на десктопе. Даже без эффекта затухания он выглядит на экране более «запутанным» и отвлекает больше, чем спиннер. Поэтому и на мобильных устройствах, и на десктопе спиннер выигрывает.

Но если старый спиннер станет официально поддерживаемым компонентом темы, я бы использовал его и был бы вполне доволен. Станет ли он им? Заранее спасибо.

3 лайка

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

План на данный момент — просто жить с этим 1–2 недели на Meta перед интеграцией.

Имейте в виду: когда меняют «сыр»… люди недовольны. Если не жить с изменениями несколько дней, очень трудно их оценить.

13 лайков

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

5 лайков

Я потратил немного больше времени на это, сравнив и десктопную, и мобильную версии, и, хотя мне и неловко идти против течения, я считаю, что спиннер в обоих случаях выглядит значительно лучше.

Слайдер (на таком сайте, как этот) просто кажется медленным и резким. Хотя он может хорошо работать на некоторых типах сайтов (особенно на тех, где загрузка занимает много времени и важно иметь визуальный индикатор прогресса), я не думаю, что он подходит для форума или любого другого сайта, где важна скорость.

Я очень надеюсь, что вы откажетесь от этой идеи. Если же всё же решите её реализовать, сделайте слайдер компонентом темы, оставив спиннер по умолчанию.

5 лайков

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

9 лайков

Я согласен с @awesomerobot здесь, @сам — блеклый текст намного лучше резкого пустого экрана.

8 лайков