شريط تمرير تحميل أفقي

لقد قمت بعمل رائع مع شريط التمرير، وهو بالتأكيد يمنح شعوراً أكثر أناقة (وهو ما سيكون مثالياً، على سبيل المثال، لموقع مهندسين معماريين مرموقين)، لكن للأسف يجعل 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 مستخدم 0.01s نظام 3% معالج 1.280 إجمالي

> time (curl -Ss https://elixirforum.com/latest.json > /dev/null)
0.02s مستخدم 0.01s نظام 10% معالج 0.286 إجمالي

لكن نعم، بشكل عام أتفق معك أن تأثير التلاشي ليس حلاً مثاليًا. سنقوم بتجربة بعض الأفكار الجديدة هنا… تابعوا موقعنا.

9 إعجابات

في الواقع، التجربة مماثلة في المنتديات المستضافة بواسطة Discourse أيضًا، لكن من الرائع سماع أنك تبحث في تعديلها :+1:

إعجابَين (2)

لن قمت باستعادة المؤشر الدوار، مع الاحتفاظ أيضًا بالشرّاحة. قد نجرب بعض التجارب الأخرى في وقت لاحق من هذا الأسبوع.

6 إعجابات

@dodesz ما هو هذا السمة؟ تبدو جيدة جداً

لقد قمت بتعطيله مرة أخرى مؤقتًا، لأن وجود شريط التمرير والمؤشر الدائري في نفس الوقت يبدو مفرطًا من وجهة نظري.

أنا أتطلع إلى التحديثات الجديدة.

إعجابَين (2)

يستخدم موقعنا هذا الشريط المميز للتمرير دون انتقال في الجسم، ويعمل بشكل جيد (باستثناء أثناء “التمرير اللانهائي السريع جدًا”، وهو ليس مشكلة كبيرة حتى الآن) مع تعليقات إيجابية من المستخدمين.

انظر مثال تحميل الصفحة:

أتفق معك يا @Terrapop، فمزيج الشريط والمؤشر الدوار “مزدحم جدًا” ومشتت للانتباه، بالتأكيد.

5 إعجابات

نعم، أعجبتني الطريقة هذه. كيف قمت بتعطيل مؤشر التحميل في أحدث إصدار مرة أخرى؟

إعجاب واحد (1)

لا. لقد قمت بعمل نسخة فرعية من الإصدار السابق قبل آخر التغييرات؛ وقمت فقط بتعليق حركة جسم المؤشر (وجعلت شريط التمرير أكثر سمكًا بمقدار بكسل واحد على الأجهزة المحمولة، وأكثر سمكًا ببضعة بكسلات إضافية على سطح المكتب). لقد قمنا بتشغيله بهذه الطريقة بشكل مباشر لعدة أيام ونعجبنا به حقًا (وقد علّق المستخدمون أيضًا بأنهم يعجبون به). بعد تجربة بعض التعديلات الطفيفة، نحن راضون عنه الآن.

لا تتردد في تجربته :slight_smile: … إنه مجاني وودي :slight_smile:

إعجاب واحد (1)

فقط أردت أن أذكر علناً @david، أن التحسين الأخير هنا وصل إلى النقطة المثالية بالنسبة لي (على الأقل على الهاتف المحمول الذي جربته لمدة 20 دقيقة الآن).

للجميع - الآن نعرض مؤشر التحميل فقط بعد تأخير، لذا فإن الاتصالات البطيئة ستظل تحصل عليه.

11 إعجابًا

ليس فقط الاتصالات البطيئة. لدينا هذه المشكلة مع المواضيع الكبيرة أيضًا، وفي الواقع يبدو المؤشر جيدًا في هذه المواقف (الرسالة هي “نعمل على ذلك” بدلاً من “تجمّد هذا الشيء”. :sweat_smile:). لذا، تهانينا العظيمة. :raising_hands:

5 إعجابات

تحسين، لكن لا يزال يبدو أبطأ بشكل ملحوظ. هل هناك سبب لرفض أو استبدال مؤشر التحميل (spinner) بهذا؟ لقد قمتم بعمل رائع في تحسين شريط التمرير، لكن مؤشر التحميل لا يزال متفوقًا من وجهة نظري، خاصة في صفحة التحميل البطيئة:

https://streamable.com/q2gh0q

(بافتراض أن منتدى Rust يستضاف على نفس الشبكة/الخادم مثل Discourse^^ (غير متأكد مما إذا كان تسجيل الخروج سيحدث فرقًا كبيرًا؟)))

3 إعجابات

إنه يُحدث فرقًا كبيرًا، حيث يمكن تخزين استجابات المستخدمين المجهولين في الذاكرة المؤقتة.

3 إعجابات

ظننت أنه قد يكون كذلك، لذا عدت وقمت بمقارنة بعد تسجيل الخروج من كلا الموقعين:

https://streamable.com/1x0tbs

إنه بالتأكيد أسرع، لكنني أعتقد بشكل عام أن مؤشر التحميل يعمل بشكل أفضل ويناسب Discourse أكثر؛ فهو يبدو أسرع، كما أنه ليس مزعجًا أو بارزًا، ولا يستمر طويلاً مثل شريط التمرير.

الأمر يعود لكم جميعًا، لكن شخصيًا أصوت لمؤشر التحميل (آسف!)، وكنت في الواقع سأنشر في موضوع تحديث PG لأقول كم أصبح Discourse أسرع وأكثر استجابة منذ هذا التحديث :sunglasses: (سيكون من المؤسف التراجع خطوة الآن، حتى لو كانت خطوة صغيرة :sweat_smile:)

4 إعجابات

أتفق معك. الشريط المنزلق خطوة تراجعية. لقد راجعته أيضًا على سطح المكتب. حتى بدون التلاشي، لا يزال يبدو

3 إعجابات

سنقوم بإنشاء مكون سمة بسيط للعودة إلى السلوك القديم بمجرد دمج هذا التحديث.

الخطة الحالية هي مجرد التعايش مع هذا الوضع لمدة أسبوع إلى أسبوعين على منصة Meta قبل الدمج.

تذكّر، عندما يتغير الجبن، لا يكون الناس سعداء. ما لم تعش مع التغيير لعدة أيام، فمن الصعب جدًا تقييمه.

13 إعجابًا

الآن بعد إزالة التلاشي المزعج، لا أعتقد أن الصفحة الفارغة مع الشريط المنزلق مقابل مؤشر التحميل تُحدث فرقًا كبيرًا بالنسبة لي. أعتقد أنها تبدو مقبولة على الهاتف المحمول الآن. أما على سطح المكتب، فأعتقد أن الشريط المنزلق رفيع جدًا عموديًا. ربما يكون ذلك بسبب إضاءة غرفتي أو لأنني أستخدم شاشة بحجم 27 بوصة حاليًا، لكن من الصعب جدًا رؤية شريط التقدم وهو يتحرك عبر الشاشة.

5 إعجابات

لقد قضيت وقتًا أطول قليلًا في هذا الأمر، وقارنت بين سطح المكتب والجوال، وأنا آسف لمخالفتي الرأي العام، لكنني أشعر أن مؤشر التحميل (المتحرك) أفضل في الحالتين بفارق كبير.

شريط التمرير (في موقع مثل هذا) يبدو بطيئًا ومتقطعًا، وعلى الرغم من أنه قد يعمل بشكل جيد في بعض أنواع المواقع (خاصة المواقع التي تستغرق وقتًا أطول في التحميل حيث يكون مؤشر مرئي لمدى تحميل الصفحة مهمًا)، إلا أنني لا أعتقد أنه مناسب لمنتدى أو أي نوع من المواقع حيث يكون الشعور بالسرعة أمرًا بالغ الأهمية.

أتمنى حقًا ألا تمضي قدمًا في هذا، أو إذا فعلت ذلك، اجعله مكونًا من السمة وابقَ المؤشر المتحرك كإعداد افتراضي.

5 إعجابات

أفتقد حقًا تأثير التلاشي، وذلك لأنني لا أحب حالة الصفحة الفارغة، ولأنه “لين” عملية الانتقال… فالشاشة الفارغة قاسية.

9 إعجابات

أتفق مع @awesomerobot هنا @sam – النص الباهت أفضل بكثير من الشاشة الفارغة القاسية.

8 إعجابات