كلما كان الموقع سريعًا أدى ذلك إلى الاستحواذ على رضاء العملاء، وبالتالي فإن السرعة تعتبر عاملاً مهمًا في الترتيب على بحث Google. تساعد سرعة الصفحة عبر الإنترنت في تحليل محتوى صفحة الويب وإنشاء اقتراحات من شأنها زيادة سرعة الصفحة..
في درسنا اليوم سوف نتعلم مايلي :

1- كيف تقوم بفحص موقعك والتأكد من سرعته
2- ماذا تفعل للتقليل من حجم تحميل الصفحة
3- أفكار وطرق لضمان سرعه التحميل

الشرح حصري عربياً ومقدم من موقع Full Nulled Scripts English & Arabic Nulled Scripts
يمكنك النقل مع حفظ الحقوق

نبدأ بعون الله مع البداية ( كيف تقوم بفحص سرعه موقعك ومدى توافقه مع Google )



السرعة هي أحد العوامل المؤثرة في ترتيب موقعك في Google سعياً منها لتقديم الأفضل في نتائج البحث هذا لا يعني ان السرغة هي السبب الرئيسي فهناك اكثر من 200 عامل يؤثر على ارشفه الموقع ونحن نتحدث عن أحدها فقظ.

بداية سوف نقوم بفحص الموقع الخاص بنا عن طريق الدخول إلى الصفحة التالية :
WebPagetest - Website Performance and Optimization Test
هذا الموقع سوف يقدم لنا تقريراً كاملاً عن سرعة أداء الموقع والوقت اللازم لتحميل الصفحة وماهي أهم أسباب التأخير في سرعة عرض صفحة البداية في موقعنا تابعو الشرح المصور.


https://www.fouani.com/sc-hack/hbf/1.jpg



هذه هيه الصفحه التي سوف تظهر لنا عند فتح الموقع , سنقوم بكتابة عنوان الموقع كما هو موضح وثم الضغط على Start Test

بعد الضغط على بدء الفحص سوف ننتقل للصفحة التالية :



https://www.fouani.com/sc-hack/hbf/2.JPG




تفيدنا هذه الصفحة بأن عمليه فحص جارية بنجاح وعلينا الإنتظار .
ملاحظه : هذه العمليه قد تأخذ وقت حتى 3 دقائق على حسب حجم الموقع والصفحة الرئيسية .
بعد أن تنتهي عملية الفحص ننتقل للصفحة التالية :



https://www.fouani.com/sc-hack/hbf/3.JPG



تفيدنا هذه الصفحة بأنه تم إصدار النتيجة الأولية لفحص الموقع لكن الفحص لم ينتهي بعد فسيقوم هذا الموقع بتحديث موقعنا عدة مرات لإصدار النتيجة النهائية .
الآن نأتي لصفحة النتيجة النهائية :




https://www.fouani.com/sc-hack/hbf/4.JPG



هذه هي صفحة النتائج النهائية ونأتي للتفاصيل , نقوم الآن بالدخول على النتيجة الأولى في الأعلى لرؤية التفاصيل .




https://www.fouani.com/sc-hack/hbf/5.JPG





هذه هي صفحة نتائج موقعي وكما نرى أن الخطوط الخضراء والزرقاء تسيطر تقريباً على على النتائج وهذه الخطول هيه المسؤلة عن تحميل ملفات الجافا سكريبت والصور و ملفات الـ CSS المسؤلة عن شكل الموقع , على الخط الزمني نلاحظ أن تحميل الموقع تجاوز الدقيقة وهذه وقت كبير جداً ويجب علينا القيام بشيء لمنع هذا التأخير وسنأتي لهذا الأمر لاحقاً .

نستنتج من هذا التحليل التالي :





https://www.fouani.com/sc-hack/hbf/6.JPG





الذي يسبب البطئ في تحميل الموقع وبالتالي ضعف أرشفته في Google هية كثرة الصور المستخدمة كما نرى والسبب الثاني هي ملفات الـ JS أي الجافا سكريبت حيث أن معضم مواقعنا العربية تفرط في إستخدامها الآن وبعد أن عرفنا السبب في بطئ موقعنا وبالتالي ضعف أرشفته على الويب ومحركات البحث , كيف يمكننا التخلص من هذه المشكلة وخصوصاً الصور حيث أنها تأخذ الحيز الأكبر من مشكلتنا .
حسناً سوف نأتي لهذه لاحقاً لكن بدايه يعونا نستعرض الرابط التالي من Google والذي يساعدنا كمطورين على البحث عن مشكلة هذه البطء والتخلص منه .

بداية نتوجه إلى الرابط التالي :
https://developers.google.com/pagespeed/
ستظهر لنا الصفحة التالية :



https://www.fouani.com/sc-hack/hbf/7.JPG




بعد كتابه عنوان الموقع بالشكل الموضح نقوم بالضغط على analyze لبدء تحليل الموقع من قبل Google
الآن نأتي للنتيجة التي سوف يظهرها لنا Google ولن نتعمق بها لأنها واضحة جداً وأنا مستعد للأجابة عن أي سؤال متعلق بها




https://www.fouani.com/sc-hack/hbf/9.JPG




كما نشاهد صفحة نتائح التحليل سأقوم باستعراضها بشكل سريع
حقق الموقع حسب حسابات Google 61 /100 لكن لماذا لم يحقق نتيجة كاملة هذا ماسنعرفه الآن

إذا نظرنا إلى يسارنا سنشاهد في القائمة :
High priority = تعديلات هامة يجب القيام بها
Medium Priority = تعديلات متوسطة الأهمية يجب القيام بها
Low priority = تعديلات ضعيفة الأهمية يجب القيام بها
Already done= تعديلات تم القيام بها القيام بها

عند الضغط على أي من هذه الكلمات سيتم عرض المشكلة وطريقة حلها مع العلم أن طرق الحل المتوفرة تعتبر للمحترفين في عالم البرمجة .




الآن نأتي لأحد الطرق التي تسمى leverage browser caching أي التخزين المؤقت على المتصفح
القيام بهذه الطريقة سوف يفيدنا كثيراً بتسريع عمليه تحميل الصفحة وإليكم الطريقة :

نذهب إلى الملف المعروف .htaccess ونضيف له الأسطر التالية :

ExpiresActive On
ExpiresByType image/x-icon "access plus 2 years"
ExpiresByType image/png "access plus 2 years"
ExpiresByType image/gif "access plus 2 years"
ExpiresByType image/jpeg "access plus 2 years"
ExpiresByType application/javascript "access plus 2 years"
ExpiresByType text/css "access plus 2 years"


لمزيد من التفاصيل :
mod_expires - Apache HTTP Server

هكذا نكون قم أكملنا الكثير ولم يبقى سوى فقرة أخيرة مقدمه كهدية لكل قراء الموضوع

نذهب إلى الصفحة التالية :
Page Speed Service Home
ونقوم بالضغط على المكان الموضح في الصورة Sign Up
هذه الخدمة من Google وظيفتها عمل تخزين مؤقت على سيرفرات Google لزيادة سرعة تحميل الموقع غند الأرشفة لكن للأسف
الخدمة هي لمجموعة محددة من المواقع أي لايتم قبول جميع المواقع في هذه الخدمة لكن سنقوم بالتسجل .



https://www.fouani.com/sc-hack/hbf/10.JPG




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




https://www.fouani.com/sc-hack/hbf/11.JPG






والآن بعد الضغط على Submit
ستظهر الرسالة التالية أنه طلبك قد تم تسجيله وسيتم الرد عليك قريباً .


https://www.fouani.com/sc-hack/hbf/12.JPG




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

وبعون الله سنكمل السلسلة من الدروس قريباً .