دبي · العناية بالمواقع
تحسين سرعة الموقع الإلكتروني في دبي: قياس قبل العمل، وقياس بعده.
بيانات ميدانية من زيارات حقيقية تحدد خط الأساس، ثم يقول التدقيق أين تضيع أجزاء الثانية فعلًا قبل أن يُمسّ أي شيء. تحتفظ بالقياس السابق واللاحق في الأدوات نفسها، وبميزانية أداء مكتوبة يُتوقع من كل قالب صفحة أن يلتزم بها.
- قياس قبل أي تغيير
- كل تغيير في بيئة تجريبية أولًا
- قبل وبعد، بالأدوات نفسها
ما تشمله الخدمة
ستة أماكن تضيع فيها أجزاء الثانية فعلًا.
نادرًا ما يكون الموقع بطيئًا لسبب واحد. هو بطيء في ستة أماكن في آن واحد، وبنسب لا تخبرك بها أي درجة، ولهذا يأتي القياس قبل العمل لا بعده.
خط أساس مأخوذ من زيارات حقيقية
البيانات الميدانية أولًا: ما عاشه زوّارك فعلًا، على قوالب الصفحات المهمة لا على الصفحة الرئيسية التي يختبرها الجميع، ومعها تتبّع مخبري يفسّر السبب. يُدوَّن خط الأساس قبل أن يُمسّ أي شيء، لأن التحسين الذي لم يقسه أحد مسبقًا مجرد رأي.
الحمولة، مقلَّصة
صور بمقاس الإطار الذي تظهر فيه وتُقدَّم بصيغة حديثة، وصور غلاف للفيديو بدل ملفات تعمل تلقائيًا، وصور رفعها محرّر المحتوى على مدى عامين بدقة الكاميرا كما هي. في معظم المواقع هذا أكبر بند منفرد في ميزانية التحميل، وأقلّ البنود خطرًا عند تغييره.
سكربتات الطرف الثالث، محصاة
كل علامة وبكسل تتبّع وأداة دردشة وسكربت تحليلات يُدرَج مع ما يفعله ومن طلبه. بعضها يُؤجَّل، وبعضها يُحمَّل عند التفاعل، وما لا يستطيع أحد تبريره يُحذف بموافقتك. سكربتات الطرف الثالث تعمل على الخيط الرئيسي في موقعك، لكنها لا تعمل وفق جدولك أبدًا.
الخطوط، والتخطيط الذي يقفز
خطوط الويب تُقلَّص إلى المحارف المستخدمة وتُحمَّل مسبقًا مع خطوط بديلة مطابقة القياسات، فيُقرأ النص فورًا ولا تتحرك سطوره حين يصل الخط الحقيقي. تُحجز مساحة للصور والمحتوى المضمَّن واللافتات. والخط العربي مجموعة محارف كاملة ثانية، ما يجعل التقليص قرارًا أكبر هنا منه في أي مكان آخر.
الاستجابة، لا التحميل وحده
المهام الطويلة تُحلَّل على هاتف متوسط الفئة لا على حاسوب محمول: تفعيل الصفحة بـ JavaScript بعد تحميلها (hydration)، ومعالجات الأحداث، وكل ما يجرّه القالب خلفه. مقاييس التحميل تصف الثواني الأولى. أما تأخر التفاعل فهو ما يشعر به المرء حين يضغط على مرشّح وتفكّر الصفحة في الأمر.
استجابة الخادم والتخزين المؤقت وشبكة التوصيل
زمن أول بايت يُقاس من هنا لا من حيث يقع الخادم، والتخزين المؤقت للصفحات والكائنات يُهيَّأ، والضغط وترويسات التخزين المؤقت تُضبط، والملفات الثابتة تُنقل إلى شبكة توصيل المحتوى (CDN). وهي أيضًا النقطة التي نقول عندها إن الاستضافة هي ما يحدّ من السرعة: فلا عمل على الواجهة الأمامية يعوّض خادمًا أصليًا بطيئًا.
لمن هذه الخدمة
ثلاثة مواقع تناسبها الخدمة، وموقع واحد لا تناسبه.
الموقع الذي لا تناسبه هو الموقع الذي بطؤه بنيوي. فحين تكون المنصة أو القالب الجاهز أو نموذج البيانات هو السبب، يشتري التحسين من حوله بضع مئات من أجزاء الثانية وفاتورة، وسيقول التدقيق ذلك قبل أن تلتزم بأي شيء.
موقع يفشل في Core Web Vitals على Search Console
التقرير برتقالي منذ أشهر، ويُطرح في كل اجتماع عن تحسين محركات البحث (SEO)، والإصلاح عالق في الفجوة بين مطوّر غادر وفريق تسويق لا يستطيع إطلاق التغييرات. هذا العمل يسدّ تلك الفجوة: تشخيص لكل قالب صفحة، وتغييرات تُطلَق فعلًا بدل أن تُدرَج في قائمة.
في تقرير Core Web Vitals لديك عناوين URL لا يتولى أحد مسؤوليتها.
متجر أبطأ ما يكون حيث يكسب
تحقق الصفحة الرئيسية نتائج جيدة في الاختبار، لأنها الصفحة التي يفحصها الجميع. صفحة المجموعة تحمل 60 صورة منتج، وصفحة المنتج تحمل تطبيق تقييمات وسكربت محفظة دفع، والفجوة بين سلوك الموقع على الحاسوب وعلى الهاتف ظاهرة بالفعل في تحليلاتك.
لم يقس أحد أداء صفحة منتج قط، بل الصفحة الرئيسية وحدها.
موقع ثقُل حملةً بعد حملة
لم يعطّله شيء. علامة هنا، ونافذة منبثقة هناك، وأداة دردشة أُضيفت لربع سنة ولم تُحذف أبدًا، وصور رُفعت مباشرة من الكاميرا. يتراكم الثقل بطريقة لا يتحمّل مسؤوليتها تغيير بعينه، ولهذا بالضبط لا يُصلَح أبدًا ضمن أي عمل آخر.
لا أحد يستطيع أن يقول ما تفعله العلامة الخامسة في أداة إدارة العلامات لديك.
كيف ننفّذها
خمس مراحل، والأولى لا تغيّر شيئًا.
كل مرحلة تنتهي برقم لا برأي، وكل تغيير صغير بما يكفي ليُنسب إليه الرقم الذي حرّكه.
01
القياس
تُقرأ أولًا البيانات الميدانية لكل قالب من قوالب الصفحات الأساسية، ثم تُجرى قياسات مخبرية على جوال بسرعة اتصال مقيَّدة لتفسير ما تقوله. تنتهي بوثيقة خط أساس وباتفاق على الصفحات التي سيُحكم على هذا العمل بها.
02
التحليل والترتيب
أين تضيع أجزاء الثانية في كل قالب صفحة، مع تكلفة كل إصلاح مقابل ما يعيده ودرجة خطره. وهنا أيضًا تُوضع النتائج غير المرحَّب بها: حين يكون السبب الاستضافة أو القالب الجاهز أو المنصة، ولا يستحق التحسين من حوله مالك.
03
الإصلاح في بيئة تجريبية
تُجرى التغييرات على نسخة تجريبية وتُجمَّع في دفعات صغيرة بما يكفي لنسب أثرها. يُعاد قياس كل دفعة قبل أن تبدأ التالية، فيُعزى أي تراجع إلى تغيير بعينه، لا إلى أسبوعين من العمل المختلط الذي لا يمكن فصل أجزائه.
04
الإطلاق، ثم القياس من جديد
تُطلَق التغييرات بعد فحص صفحات الدفع والشراء أولًا، ثم يُكرَّر القياس نفسه في الأدوات نفسها على قوالب الصفحات نفسها. أرقام المختبر تتحرك في اليوم ذاته. وحكم البيانات الميدانية يلحق بها مع تراكم الزيارات الحقيقية، والتقرير يذكر الاثنين.
05
تحديد الميزانية
الأرقام التي يُتوقع الآن من كل قالب صفحة أن يلتزم بها، مكتوبة، مع مراقبة تنبّه حين تنحرف. ومن يتولاها بعد ذلك، فريقك أو خطة عناية، يحمل رقمًا موثَّقًا لا ذكرى أسبوع جيد.
التقنيات
تقنيات مألوفة، اختيرت ليعرفها المطوّر التالي.
لا شيء هنا غريب. وهذا هو المقصود: التقنيات غير المألوفة وسيلة لتقييد العميل بمن بناها، متنكّرة في زيّ الابتكار.
- الواجهة الأمامية
- Next.jsReactTypeScriptTailwind CSSAstro
- إدارة المحتوى والتجارة
- WordPressShopifySanityPayloadWooCommerce
- البنية التحتية
- VercelAWSCloudflareGitHub ActionsSentry
المخرجات
ما تحتفظ به حين ينتهي العمل.
اثنان من هذه وثيقتان يستطيع مطوّر آخر أخذهما وإعادة إنتاج النتيجة منهما، وهذا هو الاختبار الحقيقي الوحيد لما إذا كان التحسين قد حدث أم وُصف فحسب.
- وثيقة خط أساس: بيانات ميدانية وتتبّع مخبري لكل قالب من قوالب الصفحات الأساسية، مأخوذة قبل أن يتغيّر أي شيء
- تشخيص مرتَّب حسب الأولوية: أين تضيع أجزاء الثانية في كل قالب صفحة، ومعه الإصلاح وخطره وتكلفته
- التغييرات نفسها، مطبَّقة في بيئة تجريبية ثم مفحوصة ومُطلَقة، لا تقرير يوصي بها
- جرد لكل سكربت طرف ثالث على الموقع: ما يفعله، ومن طلبه، وأيها حُذف
- القياس نفسه مكرَّر بعد الإطلاق، في الأدوات نفسها وعلى قوالب الصفحات نفسها
- ميزانية أداء مكتوبة: الأرقام التي يُتوقع الآن من كل قالب صفحة أن يلتزم بها
- مراقبة مهيَّأة على تلك الميزانية، موجَّهة إلى شخص لا إلى لوحة تحكم لا يفتحها أحد
- قائمة بما لم نفعله وما يتطلبه، بما فيها الحالات التي يكون فيها الجواب عملًا مختلفًا
درجة المختبر تتحرك يوم إطلاق التغييرات. أما حكم Google فلا: تقريره يُبنى من زيارات حقيقية عند المئين الخامس والسبعين على نافذة متحركة من 28 يومًا، فيؤكد Search Console التحسين بعد أسابيع من أن يكون زوّارك قد شعروا به بالفعل. ولهذا يكون التسليم الكامل قياسًا تستطيع تكراره بنفسك، لا لقطة شاشة أخذناها في عصر يوم جيد.
الأسعار
كم يكلّف تحسين السرعة.
يُسعَّر لكل موقع
نطاق محدد
يُسعَّر تحسين السرعة بعد القياس لا من قائمة أسعار، لأن العرَض نفسه يكلّف مبالغ مختلفة جدًا على موقع مبني خصيصًا وعلى قالب جاهز يحمل 40 إضافة. النتائج لك مكتوبة سواء تبعها العمل أم لا، بما فيها تلك التي تقول إن إنفاق المال في مكان آخر أجدى. والحفاظ على النتيجة بعد ذلك خطة عناية، من 1,500 درهم شهريًا. الأسعار لا تشمل ضريبة القيمة المضافة 5%.
ما الذي يغيّر السعرما يشمله ذلك
- قياس ميداني ومخبري قبل أي تغيير
- تشخيص مرتَّب حسب الأولوية لكل قالب صفحة، لا لكل موقع
- معالجة الصور والخطوط والسكربتات واستجابة الخادم
- كل تغيير يُطبَّق في بيئة تجريبية ويُفحص قبل الإطلاق
- القياس نفسه مكرَّر بعد الإطلاق
- ميزانية أداء مكتوبة، ومراقبة عليها
التجارة الإلكترونية والتجزئة
يصل الثقل مع الكتالوج ومع كل تطبيق يُثبَّت لحملة واحدة: تقييمات، وعروض إضافية، وقائمة أمنيات، ومبدّل عملات، وبكسلا تتبّع. الصفحات التي تقرر الإيراد هي صفحات المجموعات والمنتجات لا الصفحة الرئيسية التي يختبرها الجميع، وعند الدفع يريد سكربت محفظة الدفع وبوابة الدفع الخيط الرئيسي في اللحظة نفسها.
العقارات
صفحة العقار 30 صورة وخريطة مضمَّنة وسكربت معرض، والصور تصل من الوسطاء بأي دقة أنتجتها الكاميرا. نتائج البحث هي مدخل معظم الزوّار، فتحمل كثيرًا من تلك الصور دفعة واحدة، وتغذية البوابة العقارية تضيف عقارات أسرع مما يراجع أحد ما تزنه.
تحسين السرعة واحد من ثلاث خدمات ضمن قسم العناية بالمواقع لدينا وهو الخدمة الوحيدة التي تطلبها مرة واحدة بدل أن تدفع لها باستمرار. فإذا كان الموقع بطيئًا بسبب مكان استضافته لا بسبب ما يحمّله، فالحل هو نقل الموقع إلى استضافة أخرى لا ضبط أدائه، وهو الأرخص بين الخيارين.
أسئلة
تُطرح قبل أن يمسّ أحد الموقع.
لا، ووعد كهذا وعد بالرقم الخطأ. PageSpeed وLighthouse اختباران مخبريان على جهاز محاكى، مفيدان للتشخيص، لكنهما ليسا البيانات التي تبلّغ بها Google عن موقعك. ذلك الحكم يأتي من زيارات حقيقية، عند المئين الخامس والسبعين، على نافذة متحركة من 28 يومًا. وقد يحصل الموقع على أكثر من 90 في المختبر ويفشل مع ذلك على الهواتف التي يحملها عملاؤك فعلًا.
يُسعَّر لكل موقع، بعد القياس، لأن الشكوى نفسها تكلّف مبالغ مختلفة جدًا بحسب ما تحتها. الموقع المبني خصيصًا يحتاج عادةً إلى حفنة من الإصلاحات الموجَّهة، والقالب الجاهز الذي يحمل 40 إضافة يحتاج إلى فكّ تشابكه قبل أن يُقاس أي شيء بوضوح. والحفاظ على النتيجة بعد ذلك خطة عناية من 1,500 درهم شهريًا. الأسعار لا تشمل ضريبة القيمة المضافة 5%.
يصير الموقع أسرع يوم تُطلَق دفعة من التغييرات، وعادةً ما تُطلَق أولى الدفعات خلال أسبوع أو أسبوعين من القياس. ما يستغرق وقتًا أطول هو أن توافق Google. فتقرير Core Web Vitals لديها يُبنى من زيارات حقيقية تُجمع على نافذة متحركة من 28 يومًا، فيؤكد Search Console التحسين بعد أسابيع من أن يكون زوّارك قد عاشوه بالفعل.
لأن التخزين المؤقت يجيب عن سؤال واحد، هو سرعة تجميع الصفحة، ومعظم البطء يعيش في مكان آخر. الصفحة المخزَّنة مؤقتًا ما زالت تُرسل الصور الضخمة نفسها، وخطوط الويب نفسها، وسكربتات الطرف الثالث الستة نفسها، وعمل الخيط الرئيسي نفسه حين تصل. كما أن إضافات التخزين المؤقت والتحسين المكدَّسة تميل إلى التصادم، والإعداد الذي يحرّك الدرجة أخيرًا غالبًا هو الذي يعطّل سلة الشراء.
أحيانًا، والقياس هو ما يحدد ذلك. إذا كان زمن أول بايت بطيئًا بالفعل قبل أن تُطلب صورة واحدة، فالخادم الأصلي يفرض حدًا أدنى لزمن التحميل لا يستطيع أي عمل على الواجهة الأمامية أن ينزل تحته، وهذا ما تفعله الاستضافة المشتركة المكتظة والخادم الواقع في قارة أخرى. وحين تكون هذه هي النتيجة نقولها بصراحة، بدل أن نتقاضى أجرًا على ضبط لن يتجاوز هذا الحد. وحين لا تكون، تبقى الاستضافة كما هي تمامًا.
قد يفعل، ولهذا لا يتغيّر شيء على الموقع المباشر أولًا. كل دفعة تذهب إلى نسخة تجريبية، وتُفحص على صفحات الدفع والشراء، وتُطلَق مع طريق للعودة. والتغييرات الخطرة فعلًا متوقَّعة: تخزين مؤقت فوق صفحات المستخدمين المسجَّلين، أو تأجيل سكربت يعتمد عليه شيء آخر، أو حذف علامة ما زال التسويق يعتمد عليها، ولذلك تُعتمد عمليات الحذف بتوقيعك لا بالافتراض.
نعم، لكن أقل مما توحي به العروض عادةً: السرعة تفصل بين صفحات متكافئة فيما عدا ذلك، ولن تجعل صفحة أضعف الجواب الأفضل. الحجة الأقوى هي الزائر. معظم الزيارات في الإمارات تصل عبر الهاتف، وغالبًا عبر شبكة جوال لا تشبه wifi مكتبك في شيء، والصفحة التي تتردد تخسر الزوّار قبل أن تنافس على ترتيب في نتائج البحث أصلًا.
نعم، ضمن الحدود التي تضعها المنصة. على Shopify القالب والتطبيقات والصور والسكربتات كلها بيدك لتغييرها، وهي مجتمعة مسؤولة عن معظم ما يخسره المتجر، أما طبقة الخادم فملك Shopify. وعلى منشئ مواقع مستضاف يكون السقف أدنى ويُبلَغ أسرع، وسنخبرك أين يقع قبل التسعير لا بعده.
مستعد لبناء شيء يدوم؟
أخبرنا بما تحتاج إليه. ستحصل على رد محدد النطاق مع سعر تقديري، من مهندس لا من مندوب مبيعات.