لماذا موقعي على Webflow بطيء؟

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

من أين ينبغي أن تبدأ البحث؟

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

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

كم تكلّفك النصوص البرمجية الخارجية؟

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

لماذا تقفز صفحتي أثناء التحميل؟

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

هل تفاعلات Webflow تجعله بطيئاً؟

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

هل يبطئ نظام إدارة المحتوى الموقع؟

ليس بالطريقة التي يفترضها الناس، لأن Webflow يقدّم الصفحات المنشورة كملفات ثابتة لا يجمّعها عند كل طلب. أما ما قد يبطئ صفحة فهو كم تطلب من المجموعة: قائمة تعرض مئة عنصر بصورة لكل واحد، أو عدة قوائم متداخلة في صفحة واحدة، أو عرض مُرشَّح يحمّل كل شيء ثم يخفي معظمه في المتصفح. والإصلاح عادةً عرض عناصر أقل مع ترقيم الصفحات لا تغيير المنصة. فإن كانت صفحة عروض بطيئة وصفحة ثابتة على الموقع نفسه سريعة، فنموذج المحتوى هو موضع البحث.

ما مدى السرعة الكافية؟

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