اربع خطوات لتسريع موقعك الالكتروني لكي تبدو افضل في عيون جوجل
اربع خطوات لتسريع موقعك الالكتروني لكي تبدو افضل في عيون جوجل
في عصرنا الحالي, عصر الإنترنت و الإتصالات, أصبحت الجماهير تستخدم التكنولوجيا لتلقي المعلومات بسرعة الضوء ,
و أغلب هذه المعلومات تصل الى الناس عن طريق الأجهزة الجوالة
أريدك الآن أن تتخيل معي و لو للحظة
قمت بتصميم موقع و لكنه بطيء نوعا ما
هل تعلم أن تأخير لمدة ثانية واحدة في تحميل الصفحة من خلال أجهزة الموبايل
يكلفك انخفاض في مستوى الزيارات و التحويلات الفعالة بنسبة 20%
عليك ان تتخيل اكثر من هذه الأضرار ايضا
منذ وقت ليس ببعيد
هزّ جوجل عالم الإنترنت بتحديث جديد ألا و هو تحديث سرعة التحميل للمواقع و الصفحات المختلفة على أجهزة الجوال
مما جعل سرعة الموقع بشكل رسمي عامل ترتيب لأجهزة الجوال
و من الجدير بالذكر أن google
بدأت بأخذ عامل سرعة الموقع و تجربة المستخدم بالنسبة للمواقع على محمل الجد,
و كذلك يجب على مسوقي المحتوى و المدونين على حد سواء توخي الحذر و تعقب الجملة التالية
“حتى اذا كان بإمكانك أن تتفاخر بمهارات و استراتيجيات تسويق المحتوى التي لا تشوبها شائبة”
تذكر جيدا هذه النقطة,
يمكن أن تكلفك تدوينة واحدة بطيئة التحميل و ذات محتوى سيء و ليست ذات فائدة للمستخدم ثروة كبيرة
و خسارة لا يمكن تعويضها
في الواقع و لن أذهب بعيدا,
و وفقا لدراسة أجرتها Double Click :
حقق الناشرون الذين تم تحميل مواقعهم على الويب في خمس ثوان ضعف أرباح الاعلانات مقارنة,
بتلك التي تم تحميلها في غضون 19 ثانية.
الان لنذهب بعيدا عن التقارير و الدراسات و دعنا نتناول بعض النصائح العملية حول كيفية تحسين سرعة الموقع الالكتروني
على الويب لجعل google و زوار الموقع سعداء 🙂
1- عليك أن تعيد التفكير في إحصائيات السرعة الخاصة بموقعك
غيرت google مؤخرا طريقة تقييم سرعة مواقع الويب, فهي الان تستخرج البيانات من تقرير تجربة المستخدم ( CrUX )
و هو عبارة عن مجموعة من البيانات العامة المستخلصة من مقاييس تجربة المستخدم الرئيسية للمواقع عبر الويب.
تعتمد CrUX على قياسات العالم الحقيقي و تقوم بجمع البيانات المتعلقة بطريقة تفاعل المستخدمين مع موقعك
و مدة نقل الصفحات بالكامل, و أنواع الأجهزة التي يستخدمها الزوار , الخ.
اذا حاليا و قبل أن تبدأ ب تحسين سرعة الموقع الالكتروني بالكامل عليك أن تتعرف على الطريقة التي تحسب بها جوجل سرعة موقعك,
إن الطريقة التي تحسب بها جوجل سرعة الموقع تكون مبنية على سرعة إتصالك بالانترنت الخاص بك و بالمستخدمين
و كذلك على الأجهزة التي يستخدمونها,
قد يحدث أن تقوم Google بإعتبار موقعك الذي قمت بتحسينه بشكل كامل بطيء
بسبب ضعف اتصال wifi أو الأجهزة التي يستخدمها زوارك للوصول الى موقعك على الويب
اذا ما هو الحل؟
ابدأ بتحسين صفحات موقعك و قم بربط الصفحات ببعضها البعض داخل المحتوى مما سيزيد من سرعة تنقل المستخدمين
داخل موقعك و بالتالي ستزيد سرعة الموقع و على كل حال سأتطرق لكل الحلول في الخطوات القادمة XD
2- حدد مجالات التحسين بإستخدام Page Speed insights
الان عليك أن تقوم بالخطوة التالية و هي تحديد نقاط الضعف في موقعك على الويب,
حيث تعتبر أداة page speed insights مثالية لذلك,
فهي تعطيك فكرة كاملة و توضح لك الصورة عن مدى جودة و أداء صفحاتك و ذلك كله طبعا وفقا لتقرير CrUX
فضلا عن تقديمها النصائح كاملة حول تحسين الأداء.
يمكنك العثور على بيانات من CrUX تحت علامة التبويب “السرعة” في رابط Page Speed insights
ضع في اعتبارك ,
أنه عندما يتعلق الأمر بدرجة التحسين فإن التحسين سيعتمد على مجموعة مألوفة من المعلمات التي توضح مدى
تحسين السرعة في موقعك بشكل عام و صفحات موقعك على وجه الخصوص.
على الرغم من أن أداة Page Speed insights توفر الان معلمتين ,
فقد أظهرت التجارب التي تضمنت قبل و بعد تحديث سرعة الجوال من Google أن قواعد نقاط التحسين لا تزال
تحتل المرتبة الأولى,
و من المثير للدهشة بشكل أكبر, أن سرعة الموقع لها إرتباط منخفض بمواقع الصفحات في SERPs أو
صفحات نتائج محركات البحث,
و لكن لنكن واقعيين
في النهاية و على المدى الطويل جوجل لن ترغب في أن تظهر لمستخدميها صفحات محسنة بشكل جيد فقط,
بل سترغب بشدة في عرض صفحات سريعة يتم تحميلها بشكل جيد على أجهزتهم .
في نهاية هذه الخطوة,
نذكر ملاحظة بسيطة :
لا تزال سرعة الموقع و صفحاته من اهم ما ذكر و التي تعتمد بدورها على التحسين الفني المستمر 🙂
نأتي الان الى الخطوة الثالثة
3- اعمل بجهد على درجة التحسين الخاصة بك:
– اذا كان موقعك يعتبر سريع للغاية و لديه درجة عالية من التحسين ( أكثر من 80 نقطة ) ,
فهو جيد كما هو,
و لكن إذا كانت نتائجك لا تعكس النتائج المذكورة في الأعلى,
فاتخذ أولا خطوات لتحسين نقاط التحسين
فبعد كل شيء لا يزال التحسين المستمر للموقع يؤثر بشكل كبير على ترتيب الموقع,
و يسهل بشكل كبير تحسنه لأنك ببساطة تتحكم في المعايير الفنية التي تؤثر على نقاط التحسين,
بشكل عام و بعيدا عن الإسهاب هناك تسع طرق معتمدة من Google لتحسين التحسين لحسن الحظ 🙂
و الكثير من الأدوات
نذكر منها
و هي أدوات تساعدك على تحديد و تحسين المعلمات المذكورة أعلاه.
نصيحة 🙂
اذا كانت عوامل التحسين التسعة التي قمت بذكرها أعلاه غير مألوفة بالنسبة لك,
فضلا قم بمشاركة هذه القائمة مع فريقك الفني.
– تجنب اعادة توجيه السلاسل:
لا يوجد شيء خاطئ في عمليات اعادة التوجيه و مع ذلك و في بعض الأحيان,
ينتهي بك الأمر مع سلسلة إعادة توجيه بدلا من عملية إعادة توجيه واحدة,
يمكن أن يحدث ذلك عند إعادة توجيه موقعك من HTTP الى HTTPS أو من www الى غير www ,
أو أثناء عمليات ترحيل الموقع أو اعادة تشغيله
حيث تؤدي كل عملية إعادة توجيه إضافية الى إبطاء موقعك على الويب لأنه يضيف رحلة ذهاب و إياب إضافية بطلب HTTP,
نصيحتي لك 🙂
حدد عمليات إعادة التوجيه الى واحد , من عنوان URL واحد الى الصفحة المقصودة النهائية.
–
تمكين الضغط:
من الناحية المنطقية , يعمل ضغط المحتوى على تقليل الوقت المستغرق لتحميل صفحاتك بالإضافة الى تحسين
وقت العرض و بالتالي زيادة كبيرة في سرعة الموقع و تحميل محتواه
ف إذا كان لديك محتوى قابل للإنضغاط مثلا ( الصور و مقاطع الفيديو و الملفات الصوتية ) على موقعك على الانترنت,
إذهب الى هذه الخطوة فورا
و قم بضغطهم الان و راقب النتيجة.
– تحسين وقت استجابة الخادم الخاص بك:
من المهم مراقبة وقت إستجابة خادمك حيث يمكنك القيام بذلك باستخدام أدوات مثل
يمكن لهاتين الاداتين مساعدتك بشكل كبير في تحديد مشكلات الاداء التي تؤدي الى تباطؤ تسليم المحتوى,
ملاحظة:
اذا كان وقت استجابة الخادم يتجاوز 200 ملي ثانية,
اطلب فورا من مطور المواقع الخاص بك اصلاح المشكلة.
تنفيذ سياسة التخزين المؤقت:
تساعدك سياسة التخزين المؤقت على تقليل عدد الرحلات الدائرية بين العميل و الخادم أثناء عملية جلب الموارد,
كما تساعدك ايضا في معرفة ما اذا كان يمكن إعادة إستخدام الموارد التي تم جلبها سابقا لموقعك على الإنترنت
أو عدم الحاجة الى تحميل الصفحة من البداية في كل مرة.
في رأيي من الصواب تخزين الموارد مثل الصور فقط مؤقتا لإعادة استخدامها في المستقبل,
يمكن القيام بهذه الخطوة بشكل مريح بمساعدة Cache_Control
ملاحظة:
اذا كنت تستخدم WordPress
ففكر في استخدام هذا المكون الاضافي ,
wp super cache
– تصغير الموارد ( CSS , HTML, جافا سكريبت )
في بعض الأحيان قد يتم تسليم البيانات غير الضرورية في الموارد للزائرين,
مثل تعليقات الكود
أو رموز الفضاء في HTML أو البيانات الوصفية للصورة المتكررة أو الأنماط المتكررة في CSS,
يوصى بشدة بإزالة هذه البيانات من أجل تحسين سرعة الموقع بالإضافة الى تحسين أدائه.
مقال اخر قد يفيدك يتحدث بشكل مفصل عن البرمجة و لغات البرمجة من هنا.
– تحسين الصور:
هذه واحدة من أهم النشاطات التي يجب عليك أن تقوم بها ,
و هنا يجب أن تضع في الإعتبار أنه ليس هناك أي حاجة لتحميل الصور بالحجم الكامل على موقعك,
حيث يمكن أن يؤدي تحسين الصور الى تقليل حجم تحميل الصفحة بنسبة تصل الى 80%
و مع ذلك,
لا توجد صيغة واحدة لتحسين الصور,
لذا جرب بصور موقعك لكي تعرف إعداداتك المثلى و لكي تجعل الصور أصغر في الحجم مع الحفاظ على جودتها
في الوقت نفسه,
للحصول على نصائح قيمة أكثر تفصيلا, يرجى تناول دليل Google هذا حول تحسين الصور.
-تحسين تسليم CSS
لا يعرض المتصفح صفحاتك إلا بعد معالجة جميع ملفات CSS و كلما إزداد عدد الملفات لديك إزداد حجمها و بالتالي مدة تحميل إضافية لصفحاتك,
اذا ما هو الحل؟
اذا كانت موارد CSS الخارجية صغيرة , يمكنك ببساطة إدراجها مباشرة في HTML و بالتالي زيادة في سرعة الموقع.
– تحديد أولوية المحتوى المرئي:
لا يمكن لخادمك الإرسال و لا يمكن للمستعرض معالجة كمية غير محدودة من البيانات,
لذا
إحتفظ بمحتوى الجزء المرئي من الصفحة تحت 14,6 كيلو بايت مضغوطا
و بذلك يلزم إجراء رحلة واحدة ذهابا و إيابا ليتم تحميله و عرضه و بالتالي زيادة في سرعة الموقع.
– إزالة تجميد حجب جافا سكريبت :
قبل أن يعرض المتصفح صفحتك فإنه يعالج ترميز HTML و ينفذ جميع أكواد جافا سكريبت التي يلتقي بها,
و بذلك كلما زادت نقاط التوقف,
كلما زادت المدة التي يستغرقها في عرض الصفحة,
ملاحظة: للحصول على نصائح فنية أكثر في هذا الشأن لا تتردد في الرجوع الى هذا الدليل
الان نأتي الى الخطوة الرابعة و الأخيرة ,
4- إعادة تنظيم موقع الويب الخاص بك:
اذا تم تحسين سرعة الموقع بعد تحسين جميع المعلمات المذكورة أعلاه,
ف يجب عليك إجراء بعض التغييرات الهامة
نظرا لأن سرعة الموقع يتم إحتسابها وفقا لتجربة المستخدم ,
فإن الطريقة الوحيدة للتأثير عليها هي جعل موقع الويب الخاص بك أقل ثقلا و تطورا,
قلل عدد الصور و النصوص,
بعبارة أخرى
حاول تبسيط موقعك باكبر قدر ممكن,
كما لدي فكرة اخرى جيدة للمدونين و هي تنفيذ صفحات الجوال المسرعة (AMP) و التي ستجعل تحميل الصفحة
فوريا تقريبا,
و أخيرا
بعد أن إتجهت جوجل لتوفير تجربة أسرع للمستخدم و اعتمادها لتقييم المواقع وفقا لقياسات العالم الحقيقي,
يجب ان ينصب تركيزنا بشكل كامل على سرعة مواقعنا,
لأن جوجل أعطت الأولوية الان لسرعة أكبر اكثر من اي وقت مضى
و لن يتغير هذا الاتجاه في المستقبل القريب لذلك
لا تنسى نحن نحتاج للسرعة في كل شيء
حتى في صفحات مواقعنا 🙂
last update : 3/2/2019