تتمتع أجهزة كمبيوتر سطح المكتب بمعالجات أفضل ، وغالبًا ما تتمتع بسرعات اتصال أكثر موثوقية بالإنترنت من الأجهزة المحمولة الموجودة على شبكة بيانات مشغل شبكة الجوال. وهذا يعني أن مواقع التحميل على أجهزة الجوال غالبًا ما تكون أبطأ قليلاً من تحميلها على سطح المكتب – حتى لو تم تحسين الموقع للجوال.
تعد سرعة الصفحة (أو سرعة تحميل موقع الويب الخاص بك) جانبًا رئيسيًا من جوانب تحسين محركات البحث على الأجهزة المحمولة (SEO). لا يؤثر أداء الويب على تصنيفات البحث فحسب ، بل يؤثر أيضًا على تجربة المستخدم على الهاتف المحمول. يتضمن تحسين سرعة الصفحة للجوال معالجة طلبات الذهاب والعودة ، وحظر العرض ، والتحميل البطيء ، والضغط ، والتخزين المؤقت ، وخيارات التعليمات البرمجية لصفحات الجوال المسرعة Accelerated Mobile Page HTML (AMP-HTML).
كيفية زيادة سرعة الموقع في 7 خطوات
لا تحتوي إرشادات Google للجوال على تفاصيل محددة حول سرعة الصفحة أو سرعة الجوال ، لكنها لا تزال مهمة لتحسين محركات البحث للجوال لعدة أسباب. لدى جوجل قدرًا محدودًا من الوقت يقضيه في الزحف إلى كل موقع، كما أن جعل تحميل المواقع أسرع يشجع جوجل على الزحف إلى المزيد من الصفحات في هذه المواقع. هذا يعني أن تحسين سرعة موقعك يمكن أن يعزز اكتشاف وفهرسة أسرع للصفحات الجديدة والمحتوى الجديد، بالإضافة إلى الزحف الشامل للصفحات الأعمق في الموقع. حتى إذا ظل ترتيبك كما هو على أساس صفحة بصفحة، فإن العدد الإجمالي للصفحات التي لديها القدرة على الظهور في أعلى نتائج محرك بحث جوجل يزداد، مما يؤثر غالبًا على إجمالي حركة المرور العضوية، خاصة بالنسبة للمصطلحات الطويلة.
إلى جانب اعتبارات ميزانية الزحف، فإن سرعة هاتفك المحمول ووقت الاستجابة لهما أيضًا تأثير من منظور المستخدم الحقيقي، والذي ينعكس غالبًا في معدلات الارتداد المرتفعة.
عند تحسين تحميل موقع الويب للجوال وتحسين الأداء، يجب أن يكون الهدف دائمًا هو مراعاة سيناريو التحميل الأسوأ على الأجهزة المحمولة، على أي مقياس أداء آخر. قم باختبار سرعة موقع الويب وقم بتحسين أداء موقع الويب الخاص بك للتأكد من أنك تقدم أكبر عدد ممكن من مستخدمي الهاتف المحمول بأسرع صفحة ممكنة. حتى مع زيادة سرعة شبكات الجوّال ، فمن المثالي تحميل الصفحة في أقل من 3 ثوانٍ ، أو أقل من 1 أو 2 من توصيات جوجل بناءً على توصيات جوجل .
لكن متصفحات الجوال تقوم بتحليل وتحميل الصفحات بشكل مختلف عن متصفحات سطح المكتب. بعبارات بسيطة ، تعد متصفحات سطح المكتب أفضل في تحميل الصفحات التي تحتوي على العديد من الطلبات الصغيرة ، في حين أن صفحات الجوال أفضل في تحميل الصفحات ذات الطلبات الأقل والأكثر تنظيماً ، حتى لو كانت أكبر قليلاً. يُطلق على عدد العناصر التي يجب جلبها من الخادم لتحميل صفحة طلبات الذهاب والإياب (Round Trip Requests) أو RTRs. جزء كبير من تحسين سرعة صفحات الجوال وتحسينها هو تقليل طلبات الذهاب والعودة RTRs.
يمكنك التفكير في طلبات الذهاب والعودة RTRs مثل الرحلات إلى متجر البقالة لجلب العناصر لإكمال الوصفة. إذا كنت بحاجة إلى 4 بصل، فأنت لا تريد القيام برحلة منفصلة لجلب كل حبة البصل – سيكون من الأفضل جلبها جميعًا مرة واحدة، والأفضل أيضًا إذا كان بإمكانك الحصول على 4 بصل وبعض المكونات الأخرى في نفس الرحلة. إذا كانت البصل الأربعة معبأة بمكونات أخرى مثل الفلفل والفطر والكرفس، وكلها مطلوبة للوصفة، فسيكون ذلك أفضل.
يمكنك الإستفادة من مقالنا حول: أفضل أدوات اختبار و فحص المواقع – اختبار سرعة الموقع و SEO.
فيما يلي بعض التوصيات لتحسين سرعة موقع الجوال الخاصة بك:
تحديد الصفحات ذات طلبات الذهاب والعودة RTRs الزائدة
يبدأ تقليل RTRs بالوعي. ستحتوي العديد من الصفحات على أكثر من 100 RTR لكل صفحة بينما يجب أن تسعى جاهدًا للحصول على أقل من 50. في كثير من الأحيان ، سيجد مطورو أو متخصصو تحسين محركات البحث (SEO) الذين ينظرون في جميع الطلبات على الصفحة أن بعض العناصر المطلوبة مفقودة (404) ولم يلاحظ أحد. على الرغم من أنها مفقودة ، إلا أن المتصفح يستغرق وقتًا لطلب والعودة خالي الوفاض ، لذلك يجب إزالة هذه الصفحات أو إصلاحها على الفور.
يجب أيضًا إصلاح الروابط والصفحات التي تم نقلها لإيقاف ظهور صفحات الخطأ 301 أو 302. تعني هذه الردود أن المتصفح يجب أن ينتقل إلى مكان واحد، ثم يتبع مجموعة أخرى من الإرشادات للانتقال إلى مكان آخر للحصول على الأصل، ولكن كل موقع جديد يستغرق وقتًا أطول. إنه مثل الذهاب إلى محل بقالة، فقط ليتم إخبارهم أنهم لا يملكون ما تحتاجه، ولكن يمكنك الحصول عليه من متجر آخر على طول الطريق. والأسوأ من ذلك، إذا كانت هناك سلسلة من عمليات إعادة التوجيه، فإن الأمر يشبه الذهاب إلى متجر البقالة الثاني لاكتشاف أنهم توقفوا أيضًا عن توفير المنتج، والآن يجب أن تجرب عنصرًا ثالثًا.
الجمع بين الملفات حيثما أمكن ذلك
الخطوة التالية للحصول على موقع ويب محسّن هي دمج الملفات (مثل JavaScript و CSS) حيث يمكنك ذلك. على سبيل المثال ، إذا كانت الصفحة تستخدم 10 ستايلات (ملفات CSS) يمكن دمجها جميعًا في ملف CSS واحد، فيجب عليك القيام بذلك. وبالمثل ، إذا كنت تستخدم مجموعة متنوعة من ملفات JavaScript التي يمكن دمجها في 1 ، فافعل ذلك أيضًا. حاول التفكير في الأشياء على أنها على مستوى الموقع وذات قالب محدد. يجب أن يكون لديك ملف JavaScript واحد على مستوى الموقع لجافا سكريبت موجود في كل صفحة من صفحات الموقع ، وملف JavaScript خاص بالقالب لكل قالب صفحة على الموقع. يمكن فعل الشيء نفسه مع CSS. سيساعد التأكد أيضًا من الإشارة إلى هذه الملفات دائمًا بنفس اسم الملف والموقع إذا تم تخزينها مؤقتًا بشكل صحيح.
تحسين ترتيب العرض
بعد القضاء والدمج لتقليل العدد الإجمالي لـ RTRs ، فإن الشيء التالي الذي يمكنك القيام به هو ضبط الترتيب الذي تُطلب به الأشياء لجعلها أسرع. بنفس الطريقة التي توجد بها خطوات يجب إكمالها في الوصفة قبل أن تبدأ الخطوات الأخرى، هناك ترتيب معين سيتبعه متصفح الجوال ويجب الالتزام به عند إنشاء صفحة. باتباع مثال البقالة، إذا كانت الوصفة الخاصة بك تتطلب تتبيل شيء لمدة يومين، فمن المهم الحصول على العناصر اللازمة للتتبيلة أولاً ، بحيث يمكن أن تبدأ أثناء الحصول على بقية المكونات، وليس بعد ذلك.
عند ترجمة هذا التشبيه إلى عالم الويب، فإن ماء مالح يشبه مانع التجسيد، لأنه لا يمكن أن يحدث أي شيء آخر في عملية الطهي حتى يتم الانتهاء منه. يمكنك فقط التحضير للخطوات التالية في عملية الطهي عن طريق الحصول على المكونات أثناء نقعها. هذا يشبه عرض المسار الحرج، حيث تعطي الأولوية للعناصر الهامة، مثل الترويسة ومحتوى الصفحة والتخطيط الأساسي للصفحة أولاً، وتأخير العناصر الأقل أهمية، خاصةً إذا كانت ستؤخر تحميل العناصر الأكثر أهمية. يمكن أن يؤدي ذلك إلى تحسين تجربة التحميل للمستخدمين بشكل كبير، ومنحهم الثقة في أنه سيتم تحميل بقية الصفحة بسرعة. كما يمنحهم أيضًا أصولًا لبدء التقييم أثناء حدوث عملية التحميل.
إنشاء استراتيجية تحميل الصفحة
نظرًا لأن محركات البحث تحاكي المستخدمين البشر، فإنهم يعرضون الصفحات بالطريقة نفسها التي تختبرها. أفضل شيء يمكنك القيام به لطلب طلبات السرعة هو معرفة ما هو مهم للمستخدم وتجربة الروبوت في الثواني الأولى التي تكون فيها على الصفحة. هذه بشكل عام هي المعلومات الموجودة في علامة الرأس الترويسة والنص والصور على الصفحة. بشكل عام ، سيستغرق الأشخاص بضع ثوانٍ للتفاعل مع أي شيء تفاعلي على الموقع، لذلك لا تحتاج معظم سكربتات JavaScript إلى التحميل في البداية. بدلاً من ذلك، يمكن تحميل التمثيلات المرئية لـ JavaScript ، مثل المربعات الإضافية أو الموسعات، كحوامل نائبة قبل الحاجة إلى JavaScript. جافا سكريبت بطيئة بشكل خاص ومرهقة التحميل. للتأكد من أن تحميل JavaScript لا يبطئ التجربة كثيرًا لدرجة أن المستخدمين والروبوتات يحدقون في صفحة فارغة لفترة طويلة، فمن المثالي تحميل شيء ما للمستخدمين للنظر إليه ، ثم تحميل JavaScript في الخلفية، بينما ينظر المستخدمون إلى الصفحة.
بعد JavaScript، تعد مقاطع الفيديو والصور هي الخطوة التالية التي يتم تحميلها بشكل أبطأ. يجب ألا تعيق مقاطع الفيديو والصور التي تكون منخفضة في الصفحة التجربة في أعلى الصفحة، حيث يبدأ المستخدمون والروبوتات بشكل عام. يسمى مفهوم تأخير تحميل المحتوى غير المرئي “التحميل الكسول”. يمكن تحقيق التحميل البطيء بعدة طرق (العلامة الوصفية المؤجلة وغير المتزامنة وعلامة Google ذات التحميل البطيء).
أفضل أداة لاستخدامها في العثور على فرص لتحميل الصور البطيئة هي Google PageSpeed Insights. لتحسين الصور ، يمكنك أيضًا استخدام خاصية Lazy-load للصورة من جوجل، ولكن حتى الآن ، لن يتم تطبيق ذلك إلا في متصفحات Chrome للجوال وسطح المكتب (على الرغم من أن هذا قد يتوسع في المستقبل). باستخدام أي من الطريقتين ، يجب عليك استخدام أداة فحص عنوان URL في Google Search Console للتحقق من أن العناصر التي تم تحميلها بخاصية التحميل الكسول مرئية في عرض صفحة الأداة وفي HTML المعروض.
ضغط وتصغير كل ما يمكن ضغطه وتصغيره
بعد تصغير طلبات الذهاب والعودة RTR وتحديد أولوياته لكل قالب صفحة ، يجب ضغط ما تستطيع. يساعد الضغط على زيادة سرعة الصفحة عن طريق توفير النطاق الترددي. يعد ضغط Gzip أحد طرق ضغط الملفات ، ويمكن إعداده على معظم الخوادم ، ولكن تتوفر خيارات أخرى. يمكنك أيضًا تشغيل معظم التعليمات البرمجية من خلال عملية تصغير ، مما يقلل من حجم ملف النقل النهائي. ومع ذلك ، من الصعب ضغط الصور من خلال هذه الأساليب. يمكنك استخدام صفحة مراجعة الأداء على WebPageTest.org للعثور على قائمة مراجعة التحسين الكاملة ، والتي تعرض جميع الأصول الموجودة على الصفحة ، سواء كانت مضغوطة بتنسيق gz ، ومستوى ضغطها.
لضغط الصور، بدلاً من الضغط على الصور وتقليلها، من المهم أن يقوم المصمم بتسليمها للمطور بأكبر تنسيق ممكن ، مما يقلل من ملفات الصور. بشكل أساسي ، يحتاجون إلى جعل حجم الملف النهائي صغيرًا قدر الإمكان دون المساس بمظهر الصورة. يجب حفظ الصور بشكل عام كملفات JPG ويجب حفظ الرموز والرسوم التوضيحية كملفات GIF. لجعل الصور الكبيرة تبدو رائعة على أجهزة الكمبيوتر التي تعمل بملء الشاشة ، دون تعثر شاشات الهاتف المحمول الصغيرة ، ضع في اعتبارك استخدام بروتوكول الصور سريع الاستجابة ، أو استخدام خادم صور مثل الخادم Fastly لإرسال نسخة مسبقة التحجيم من الصورة ديناميكيًا إلى شاشات أصغر .
تخزين الصفحات الصحيحة مؤقتًا في الوقت المناسب
تتمثل الخطوة التالية في مساعدة المتصفحات والروبوتات على تحديد ما يمكن إعادة استخدامه ، وما يجب جلبه من جديد في كل مرة باستخدام التخزين المؤقت للمتصفح ، وهي وظيفة يمكن تعيينها بطرق مختلفة ، إحداها عبر شبكات توصيل المحتوى (CDN). معظم العناصر على الموقع – خاصةً الموقع الذي لا يتغير أكثر من مرة في الأسبوع أو يشارك معلومات في الوقت الفعلي مثل الأخبار والطقس و / أو يمكن لنتائج الألعاب الرياضية تخزين معظم العناصر في صفحاتهم مؤقتًا لمدة تصل إلى عام. يعني التخزين المؤقت أنه عندما يزور المستخدمون صفحة ما ، ستبحث المتصفحات محليًا في ذاكرتهم لمعرفة ما إذا كان لديهم بالفعل ملف مطلوب لإنشاء صفحة. يؤدي ذلك إلى توفير طلبات الذهاب والإياب وتحسين وقت التحميل. تعرض روبوتات محرك البحث الصفحة دائمًا كما لو لم يسبق لهم رؤيتها من قبل ، لذلك لا يستخدمون التخزين المؤقت النشط ، لكن يمكنهم إدراك وقت حدوث التخزين المؤقت ، ويمكنهم استخدامها لتقدير وقت تحميل الصفحة.
الشيء المهم الذي يجب فهمه حول التخزين المؤقت هو أنه يعتمد على أسماء الملفات وموقعها على الخادم. لذلك إذا كنت تستخدم ملفًا واحدًا على العديد من الصفحات ، مثل الشعار ، فقم دائمًا بالإشارة إليه بنفس اسم الملف وعنوان URL ، حتى لو كان موجودًا في أماكن متعددة على الخادم الخاص بك. يمكن استخدام هذا لصالحك لأنه يعني أنك تحتاج ببساطة إلى تحديث اسم ملف عنصر ما ومرجعه في HTML للحصول على نسخة جديدة من العنصر المخزن مؤقتًا. لذلك ، على سبيل المثال ، إذا أجريت تعديلًا على شعارك ، فقم ببساطة بتغيير اسم الملف من “الشعار” إلى “logov2” ، فسيؤدي ذلك إلى تخزين الإصدار الجديد مؤقتًا ونسيان الإصدار القديم. بهذه الطريقة ، عندما تسمح لشيء ما بالتخزين المؤقت لمدة عام ، فأنت لا تقول أنك لن تغير العنصر لهذا العام ، ولكن إذا فعلت ذلك ، فسوف تشير إلى العنصر المحدث أو الجديد باسم ملف جديد.
يمكن أن تكون إعدادات ذاكرة التخزين المؤقت معقدة بعض الشيء ، لذا فإن أفضل ما يمكنك فعله هو التفكير فيها كطعام يمكن أن تنتهي صلاحيته. تنتهي صلاحية بعض الأطعمة بسرعة أكبر من غيرها ، لذلك تحتاج إلى السماح للمتصفح بمعرفة الأشياء التي تصبح قديمة وتحتاج إلى التخلص منها بسرعة ، وأيها يمكن أن يجلس على الرف لفترة بأمان دون استبدال. يمكنك استخدام أداة مثل WebPageTest.org لمساعدتك على فهم الفرص المتاحة. الشيء المهم الذي يجب فهمه هنا هو أنه لا توجد مجموعة انتهاء صلاحية ، ولا أي حد أقصى لعمر العنصر الموجود في ذاكرة التخزين المؤقت. لذلك ، سيفترض المستعرض أنه يجب جلبه حديثًا في كل مرة – لا يمكن أن يحدث التخزين المؤقت للمتصفح ما لم يتم تحديد هذه التفاصيل.
نظرًا لأن إعدادات ذاكرة التخزين المؤقت تخبر المتصفح عندما يكون العنصر قديمًا جدًا بحيث لا يمكن استخدامه ، فيتم الإشارة إليه أحيانًا على أنه “عمر التخزين المؤقت” أو “عمر الحداثة”. إذا كان هناك شيء ما يتجاوز حداثة أو عمر التخزين المؤقت ، فيجب إكمال رحلة الذهاب والإياب إلى الخادم للحصول على إصدار جديد. إذا تم إدراج العناصر على أنها “منتهية الصلاحية” ، فهذا يعني أنها تجاوزت مدة نضارتها ، ويجب استبدالها في كل من نظائر البقالة والمتصفح في المرة التالية التي تكون فيها مطلوبة.
وبنفس الطريقة التي لا يكون من المفيد أن يكون لديك أرفف مليئة بمواد البقالة منتهية الصلاحية ، فليس من المفيد أن يكون لديك ذاكرة تخزين مؤقت مليئة بمحتوى ويب منتهي الصلاحية. على العكس من ذلك ، من غير المجدي أيضًا التخلص من البقالة (الملفات) التي لا تزال صالحة للاستعمال تمامًا. عندما تقوم بتعيين فترات عمر التخزين المؤقت لملفاتك ، فمن المفيد التفكير في ذلك ، وكذلك التفكير في عواقب كونك سخياً مع التخزين المؤقت مدى الحياة. إذا أجريت تغييرًا طفيفًا على شعارك ، فلن تكون نهاية العالم إذا كان الشعار القديم لا يزال معروضًا ، لذلك يمكنك الاحتفاظ بهذا التخزين المؤقت طوال العمر ، خاصة إذا كنت تخطط لأن تكون مجتهدًا في تحديث أسماء الملفات عندما احدث تغيير. مع أسماء الملفات المختلفة ، لا داعي للقلق من أنك ستظهر الشعار القديم.
إنشاء صفحات الجوال المسرّعة Accelerated Mobile Pages (AMPs)
قد يبدو كل هذا معقدًا ولهذا السبب ابتكرت جوجل حلاً أبسط لتحسين سرعة الصفحة. وهي صفحات الجوال المسرّعة Accelerated Mobile Pages أو AMP هي مجموعة فرعية من HTML تتبع إرشادات أكثر صرامة حول ما يمكن تضمينه. والهدف من ذلك هو نقل معظم الصفحات إلى وقت تحميل يبلغ ثانية واحدة على الجوّال، وهو ما يحدث عمومًا. يسمح AMP لـ لجوجل بالتحكم في معظم الأشياء الصعبة عن طريق التخزين المؤقت والتهيئة لعملية التحميل ومعظم العناصر الموضحة أعلاه بحيث يتم تحسينها قدر الإمكان.
في بعض الحالات، تنشئ الشركات والمواقع الرائدة صفحات AMP جديدة وتربطها من صفحات موجودة على الموقع من علامة head. يخبر هذا جوجل بتقديم صفحة AMP عندما يكون الشخص الذي يطلب الصفحة على جهاز محمول أو يكون اتصاله بطيئًا. في حالات أخرى، يمكنك استبدال صفحاتها الحالية (أو صفحاتها المحمولة الحالية، إذا كانت لها مواقع منفصلة) بصفحات AMP. وهذا ما يُطلق عليه “Canonical AMP” أو “AMP الأساسي”. تفضل جوجل هذه الطريقة ، لأن صفحات AMP يسهل جدًا على جوجل الزحف إليها وعرضها وفهرستها وتصنيفها. قد لا تفضل الشركات ذلك ، لأن قيود ومتطلبات AMP يمكن أن تجعل الصفحات صارخة بعض الشيء. يمكن أن تؤدي AMP أيضًا إلى تعقيد بعض عمليات التتبع والاختبار التي يمكنك إجراؤها على صفحات سطح المكتب أو تقييدها ، لذلك يعد هذا سببًا آخر يدفع بعض الأشخاص إلى تجنبه.
إقرأ أيضا: أفضل أدوات تحسين محركات البحث SEO
تتبع المواقع الصالحة AMP جميع قواعد وإرشادات AMP ، وفي المقابل ، تظهر Google صاعقة رمادية صغيرة معها في نتائج الجوال. من المرجح أن يقوم Google بتضمينها في عرض دائري خاص للنتائج التي تميل إلى الترتيب في الجزء العلوي من الصفحة. يعد هذا أمرًا رائعًا ، ولكن إذا كان AMP صالحًا سيتسبب في حدوث الكثير من المشكلات لموقع الويب الخاص بك ، فلا بأس من استخدام رمز AMP دون أن يكون AMP صالحًا. يجب عليك استخدام AMP HTML متى ما استطعت ، دون القلق بشأن اتباع جميع القواعد. ستستمر في الاستفادة من سرعة AMP HTML و AMP JavaScript – وهذه ليست مسألة سيئة بالنظر إلى كونها مجانية. تذكر أن السرعة لها تأثير مباشر على التفاعل والتحويل ولكنها تساعد أيضًا على الأرجح في عمق الزحف (crawl-depth) والجوانب الأخرى لكفاءة الزحف (crawl efficiency).
تعمل متصفحات الجوال بشكل مختلف عن متصفحات سطح المكتب. لديهم أيضًا معالجات أبطأ ووصلات أقل موثوقية. تجعل هذه العوامل من المهم مراجعة وقت تحميل صفحات موقعك من منظور الجوال الأسوأ لفهم المواضع التي توجد فيها فرص حقيقية للتحسين.
تعليقات