横型ローディングスライダー

スライダーの調整、素晴らしい仕上がりですね。非常に洗練された印象を与え、例えば名門建築事務所のサイトなどにはぴったりです。ただ、残念ながらDiscourseの動作が、私たちが慣れ親しんでいるものや他のフォーラムと比較して遅く感じられてしまいます。その心理的な影響が、かえって障壁となる可能性もあるかと思います。

スライダーとスピナーの比較をご覧ください。ページが読み込まれる時間はほぼ同じだと思われますが、スピナーの方がはるかに素早く感じられます。

https://streamable.com/07k3p9

もしどうしてもスライダーを採用したい場合は、以下の対応を検討してみてください:20%まで表示を落とすのではなく、0%まで下げ、かつページ読み込みに1秒以上かかる場合のみスライダーを表示するようにする、といった方法です。

「いいね!」 2

Elixir フォーラムはヨーロッパでホストされているため、大西洋のこちら側にいる私たちにとっては実際にははるかに高速です。Meta は AWS の us-west-1 リージョンでホストされています。

> 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

いいえ。私は前回の更新前のバージョンをフォークし、body のアニメーションをコメントアウトしただけです(また、モバイルではスライダーを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 に馴染んでいると思います。速く感じられるだけでなく、スライダーほど目立ったり不自然だったりせず、表示時間も短いからです。

とはいえ、最終的には皆さんの判断に委ねます。個人的にはスピナーに一票です(ごめんね!)。実は、このアップデート以降、Discourse がどれだけ速くキビキビ動くようになったかについて、PG アップデートスレッドに投稿しようと思っていたくらいです :sunglasses:(少しの後退でも、今さら戻すのは惜しいですよね :sweat_smile:

「いいね!」 4

同意します。スライダーは後退するステップです。デスクトップ版も確認しましたが、フェード効果がなくても、画面がよりごちゃごちゃして、スピンナーよりも気を取られます。したがって、モバイルとデスクトップの両方でスピンナーの方が優れています。

ただし、古いスピンナーが公式にメンテナンスされるテーマコンポーネントになるなら、それを使って満足します。なるのでしょうか?ご回答をお待ちしております。

「いいね!」 3

この機能が統合されたら、古い動作に戻すためのシンプルなテーマコンポーネントを作成します。

現時点での計画は、統合する前にメタ環境で1〜2週間、この状態のまま運用することです。

チーズの移動には人々は不満を抱くものです。変更を数日にわたって運用しない限り、その影響を判断するのは非常に困難です。

「いいね!」 13

あのぎこちないフェード効果が削除された今、空白ページにスライダーが表示されるのとスピンナーが表示されるのとでは、私にとってさほど違いはないと思います。モバイルでは今はそれなりに見えます。ただ、デスクトップではスライダーが縦方向に細すぎると感じます。もしかすると照明のせいかもしれませんが、あるいは今27インチのモニターを使っているからかもしれませんが、プログレスバーが画面を横切る様子が本当に見にくいです。

「いいね!」 5

少し時間をかけて、デスクトップとモバイルの両方を比較しましたが、主流に逆らうようで恐縮ですが、スピナーの方がどちらの環境でもかなり優れていると感じています。

この種のサイトでは、スライダーは遅く、不自然に感じられます。確かに、読み込み時間が長いサイトなど、ページの読み込み状況を目視で確認できることが重要な一部のサイトではうまく機能しますが、フォーラムや速度感が重要なあらゆる種類のサイトには適していないと思います。

この変更をそのまま進めないことを切に願います。もし進めるのであれば、テーマコンポーネントとして実装し、デフォルトはスピナーのままにしてほしいです。

「いいね!」 5

フェードアウトが懐かしいのは、空白ページの状態があまり好きではなく、またそれが遷移を「柔らかく」してくれたからですね。空白の画面はきついものです。

「いいね!」 9

@awesomerobot の意見に賛成です、@sam。真っ暗な画面よりも、薄れたテキストの方がずっと良いですね。

「いいね!」 8