كيف أسرّع موقعي؟

اختبره كما ينبغي أولًا

قبل تغيير أي شيء، اعرف هل لديك مشكلة فعلًا، وقِسها كما يعيشها عملاؤك.

على هاتف. على بيانات الجوال. لا على واي‑فاي المكتب. هذا هو الاختبار كله، وهي الخطوة التي يتخطّاها الناس. فموقعك على حاسب متّصل بالشبكة نفسها التي فيها الخادم سيبدو فوريًا مهما كان بطيئًا على من يقف في موقف سيارات.

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

السبب الأول: الصور، وهي الجواب دائمًا تقريبًا

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

وثلاثة أمور تصلح معظم ذلك:

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

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

استخدم صيغة حديثة. فـ WebP مدعومة جيدًا الآن وأصغر بكثير من JPEG عند الجودة نفسها.

وإن لم تفعل شيئًا آخر في هذه الصفحة، فافعل هذا. ففي معظم مواقع الأنشطة الصغيرة هو الفرق بين ستّ ثوانٍ وثانيتين.

السبب الثاني: الخطوط

كل خطّ مخصّص ملفٌّ على المتصفّح جلبه قبل أن يستطيع رسم النصّ، وتحميل أربعة أوزان من عائلتين أربعةُ ملفات إلى ثمانية.

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

السبب الثالث: التضمينات الخارجية

وهذا الذي يفاجئ الناس، لأن لا شيء منه يبدو ملكًا لك.

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

راجعها بصدق. فمعظم المواقع تحمل تضمينًا واحدًا على الأقلّ أُضيف لحملة قبل ثلاث سنوات ولم يُزَل قط. والخريطة المضمَّنة خصوصًا يمكن استبدالها عادةً بصورة ثابتة ورابط — فالزوّار يريدون الاتجاهات لا خريطة تفاعلية لن يسحبوها أبدًا.

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

السبب الرابع: الاستضافة

حقيقي، وآخر القائمة لأنه أقلّ تكرارًا بكثير ممّا يفترض الناس — ولأنه الأغلى تغييرًا بناءً على تخمين.

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

ما لا يستحق العناء

مطاردة درجة كاملة في أداة قياس سرعة. فتلك الأدوات تقيس مقابل مثال تقني لا مقابل منافسيك. والانتقال من درجة رديئة إلى لائقة يساوي مالًا حقيقيًا، أما من لائقة إلى كاملة فأسبوع في شيء لن يلاحظه عميل.

حذف محتوى يكسب مكانه. فالصفحة ليست بطيئة لأنها تقول كثيرًا، بل بسبب كيفية تسليم ما فيها.

كيف يبدو هذا في Helm

جزآن، وواحد منهما فقط مهمّة Helm.

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

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

باختصار

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