تعريف
معني سرعة الصفحة يشير الي سرعة تحميل موقعك علي الانترنت, يحتوي علي تلات تحميلات في فترات مختلفة اولهم ، يحتوي علي وقت استجابة الخادم (= وقت الانتظار للبايت الأول أو الوقت إلى البايت الأول (TTFB)) بالإضافة إلى وقت تنزيل صفحة HTML (= وقت النقل). علاوة على ذلك ، يتم احتساب مدة عرض الصفحة في المستعرض أيضًا ضمن إجمالي وقت التحميل. وبالتالي ، فإن مصطلح سرعة الصفحة يغطي الفترة الزمنية الكاملة من إرسال طلب HTTP إلى الخادم إلى العرض الكامل لموقع الويب في المتصفح.
أهمية تجربة المستخدم وتحسين محرك البحث (SEO)
تؤدي أوقات التحميل الطويلة لموقع الويب إلى تجربة مستخدم سيئة وتتسبب في مغادرة المستخدمين للموقع بسرعة مرة أخرى. خاصة عند التصفح عبر الأجهزة المحمولة ، من الضروري أن يتمكن المستخدمون من استرداد المحتوى المطلوب دون تأخير. تعتبر سرعة الصفحة أكثر أهمية هنا بسبب سرعة الإرسال المنخفضة على الأجهزة المحمولة. إذا تم تحميل موقع الويب الخاص بك لفترة طويلة جدًا ، سواء على سطح المكتب أو على الهواتف الذكية ، فإن هذا يؤدي إلى إحباط معظم المستخدمين ويغادرون موقعك بسرعة ، مما يؤدي إلى ارتفاع معدل الارتداد .
لكن سرعة الصفحة لا تؤثر بشكل غير مباشر على تحسين محرك البحث فحسب ، بل هي أيضًا عامل تصنيف مباشر مهم لـ Google. بالإضافة إلى ذلك ، يزحف محرك بحث Google إلى الصفحات البطيئة بمعدل أقل من الصفحات السريعة. ويرجع ذلك إلى حقيقة أن الصفحات البطيئة تتطلب المزيد من ميزانية الزحف ، والتي تريد Google استخدامها بأكبر قدر ممكن من الكفاءة. إذا كان Google Bot يزور موقعك بشكل أقل ، فقد يكون لذلك تأثير سلبي على الفهرسة.
لذلك ، تعد سرعة الصفحة نقطة انطلاق مهمة لتحسين تجربة المستخدم ولتحسين محرك البحث لـ Google. في القسم التالي ، نشرح كيف يمكنك تحسين سرعة صفحة موقع الويب الخاص بك.
كيفية تحسين سرعة الصفحة
ضغط ملفات HTML و CSS و JavaScript
كلما كانت الملفات المطلوبة أصغر لتحميل صفحة ويب ، زادت سرعة تحميل الصفحة الكاملة. لذلك ، فإن ضغط ملفات HTML و CSS و JavaScript يُثبت أنه إجراء مفيد لتحسين سرعة الصفحة. يمكن ضغط هذه الملفات عن طريق تقصير الكود ، على سبيل المثال عن طريق إزالة التعليقات وفواصل الأسطر والأحرف غير الضرورية والمسافات.
بالإضافة إلى ذلك ، يمكن ضغط أحجام الملفات لنقلها على جانب الخادم باستخدام gzip . هذا هو المعيار لخوادم الويب Apache و Nginx.
تقليل طلبات HTTP
عندما يتم استدعاء صفحة ويب ، يتم إرسال طلب HTTP منفصل إلى الخادم لكل ملف HTML أو CSS أو JavaScript أو ملف صورة. ومع ذلك ، يمكن للمتصفح فقط إرسال عدد معين من الطلبات لكل مجال في وقت واحد. إذا كان هناك عدد كبير من الطلبات مطلوبًا لموقع ويب ، فلن يتمكن المتصفح من إرسال جميع الطلبات مرة واحدة ، لذلك يستغرق تحميل الموقع بالكامل وقتًا أطول.
يمكنك تقليل عدد طلبات HTTP من خلال دمج عدة ملفات من نوع ملف واحد في ملف واحد (على سبيل المثال عن طريق تجميع عدة ملفات CSS في ملف واحد).
استخدام المجالات الفرعية
كما هو موضح أعلاه ، يمكن للمتصفحات إرسال عدد معين فقط من طلبات HTTP لكل مجال في وقت واحد. يؤدي استخدام نطاقات فرعية إضافية إلى زيادة عدد الطلبات المتاحة ، مما يؤثر بشكل إيجابي على وقت التحميل إذا كان موقعك يحتوي على عدد كبير من الملفات.
تقليل عمليات إعادة التوجيه
تتطلب كل عملية إعادة توجيه طلب HTTP واستجابة جديدين ، وبالتالي تتطلب وقت تحميل إضافيًا. وبالتالي تؤدي سلاسل إعادة التوجيه إلى زيادة وقت التحميل دون داع. لهذا السبب ، يجب عليك تقليل سلاسل إعادة التوجيه إن أمكن.
التخزين المؤقت للخادم
يعني التخزين المؤقت للخادم أن نتيجة استعلام الصفحة مخزنة في ذاكرة التخزين المؤقت للخادم. إذا تم استدعاء هذه الصفحة مرة أخرى ، يمكن للمتصفحات الوصول إلى ذاكرة التخزين المؤقت هذه ولن تضطر إلى طلب الصفحة مرة أخرى. بالإضافة إلى ذلك ، يحتاج الخادم إلى استرداد بيانات أقل من قاعدة البيانات الخاصة به ، مما يوفر موارد قيمة. ومع ذلك ، من المهم أن تتذكر أنه يجب عليك مسح ذاكرة التخزين المؤقت بعد قيامك بتحرير موقعك.
المتصفح التخزين المؤقت
يعني التخزين المؤقت للمستعرض أن عناصر الموقع الثابتة ، مثل الصور وملفات JavaScript و CSS ، مخزنة في المستعرض على جهاز المستخدم. وبالتالي ، لا يلزم إعادة تحميل هذه الملفات عند استدعاء الصفحة مرة أخرى.
ومع ذلك ، يجب عليك التأكد من صحة رأس انتهاء الصلاحية. هذه هي المعلومات التي تخبر المتصفحات بانتهاء صلاحية ذاكرة التخزين المؤقت للملفات المعنية ، لذا يجب إعادة تحميل هذه الملفات من الخادم. هذا يضمن أن المستخدمين يظهرون دائمًا أحدث إصدار من موقعك في مستعرضاتهم.
شبكات توصيل المحتوى (CDNs)
A شبكة توصيل المحتوى (CDN) هو عبارة عن شبكة من الخوادم المستخدمة لتوزيع محتوى موقع على شبكة الانترنت. يتم تخزين نسخ من الموقع على خوادم موزعة جغرافيا. إذا أراد المستخدم الوصول إلى الموقع ، فسيتم تسليمه بواسطة الخادم الأقرب للمستخدم. وبالتالي تقلل شبكات CDN من تحميل الخادم ، حيث يجب معالجة عدد أقل من طلبات HTTP. بالإضافة إلى ذلك ، غالبًا ما تكون شبكات CDN إقليمية ، مما يقلل من وقت التحميل بسبب مسارات الإرسال الأقصر.
التحميل عبر أجاكس
AJAX هي تقنية تسمح بتحميل محتوى الموقع دون الحاجة إلى إرسال طلب HTTP جديد إلى الخادم. باستخدام هذه الطريقة ، لا يلزم تحميل محتوى موقع الويب بالكامل مرة واحدة ولكن فقط عندما يقوم المستخدمون بالتمرير لأسفل. يوصى بهذا بشكل خاص لعرض موقع الويب على الأجهزة المحمولة ، حيث تكون سرعات نقل البيانات عادةً أقل. حتى الموقع الذي يتم تحميله في غضون ثوانٍ على جهاز كمبيوتر سطح المكتب قد يتسبب في حدوث مشكلات على الهواتف الذكية.
ومع ذلك ، يجب أن تكون حذرًا فيما يتعلق بتحسين محرك البحث لـ Google. ليس من الواضح ما إذا كان Google يفهرس صفحات AJAX بشكل صحيح وما إذا كان يمكن للمستخدمين العثور على مثل هذا المحتوى من خلال محركات البحث. لهذا السبب ، يجب عليك التأكد من إمكانية الوصول إلى المحتوى الموجود على صفحات AJAX والذي يرتبط أيضًا بمحركات البحث مثل Google بواسطة روبوتات البحث .
تحميل غير متزامن
عند تحميل صفحات الويب بشكل متزامن ، يتم تحميل ملفات وعناصر الصفحة بنفس الترتيب الذي تظهر به في ملف HTML. وبالتالي ، لا يمكن تحميل الملف حتى يكتمل تحميل الملف السابق. لذلك ، إذا استغرق تحميل ملف معين وقتًا طويلاً جدًا ، فقد يؤدي ذلك إلى إبطاء تحميل صفحة الويب بأكملها.
أحد الحلول لهذه المشكلة هو التحميل غير المتزامن. هذا يعني أن الملفات مثل ملفات JavaScript أو CSS المضمنة يستمر تحميلها في الخلفية أثناء بدء عملية تحميل الملف التالي بالفعل.
تحسين وقت استجابة الخادم (TTFB)
كلما كان الخادم أسرع في الاستجابة للطلبات الواردة ، أي كلما كان الوقت على البايت الأول (TTFB) أقصر ، يمكن تحميل الموقع بشكل أسرع. يعتمد وقت استجابة الخادم على حركة المرور والموارد المطلوبة للصفحة وبرنامج الخادم وموفر الاستضافة . يجب ألا يتجاوز 200 مللي ثانية. بخلاف ذلك ، لن يقوم Google Bot بالزحف إلى عنوان URL بانتظام ، مما قد يكون له تأثير سلبي على الفهرسة. يمكنك تحسين وقت الاستجابة عن طريق تحديد نقاط ضعف الخادم والقضاء عليها مثل استعلامات قاعدة البيانات البطيئة.
الصور
يمكن أن تكون المعالجة الصحيحة للصور على موقعك أداة مهمة لتحسين سرعة الصفحة.
على سبيل المثال ، يوصى بعدم تحميل رسومات مثل الأزرار أو الرموز أو الخلفيات كملفات صور ولكن لإنشائها عبر CSS. لا يتطلب هذا الأمر عددًا أقل من التعليمات البرمجية وطلبات HTTP فحسب ، بل يضمن أيضًا عرض هذه الرسومات بشكل حاد على جميع أحجام الشاشات.
جانب آخر مهم يتعلق بحجم ملفات الصور. يجب أن يتم تقليله إلى الحد الأدنى لتقليل وقت تحميل الصور. بالإضافة إلى ذلك ، يمكنك استخدام عنصر HTML5 <صورة> لتوفير إصدارات مختلفة من الصورة لأحجام عرض مختلفة. يؤدي هذا إلى منع تحميل الصور ذات الحجم الكبير جدًا على الأجهزة المحمولة ، مما يؤدي إلى زيادة وقت التحميل دون داع.
بالإضافة إلى ذلك ، يمكن ضغط الصور باستخدام العديد من الخدمات عبر الإنترنت مثل kraken.io . تتيح لك الأداة تقليل حجم الملف دون فقدان الجودة.
يجب عليك أيضًا التأكد من استخدام تنسيق الملف الصحيح. JPG مناسب للصور ، بينما يجب اختيار PNG للرسومات ذات ظلال ألوان أقل ، مثل لقطات الشاشة.
التحقق من سرعة الصفحة باستخدام Google PageSpeed Insights
يمكنك بسهولة تحليل سرعة صفحة موقعك باستخدام Google PageSpeed Insights . تسترد أداة Google موقع الويب الخاص بك مع كل من وكيل مستخدم الهاتف المحمول وسطح المكتب ، ثم توفر النتيجة الإجمالية لسرعة التحميل. بالإضافة إلى ذلك ، فإنه يوفر نصائح تحسين ملموسة لتحسين درجة Google PageSpeed لموقعك.
مقتبس من seobility
تعليقات
إرسال تعليق