said
11-01-2013, بتوقيت غرينيتش 10:42 PM
كلما كان الموقع سريعًا أدى ذلك إلى الاستحواذ على رضاء العملاء، وبالتالي فإن السرعة تعتبر عاملاً مهمًا في الترتيب على بحث Google. تساعد سرعة الصفحة عبر الإنترنت في تحليل محتوى صفحة الويب وإنشاء اقتراحات من شأنها زيادة سرعة الصفحة..
في درس مفصلنا اليوم سوف نتعلم مايلي :
1- كيف تقوم بفحص موقعك والتأكد من سرعته
2- ماذا تفعل للتقليل من حجم تحميل الصفحة
3- أفكار وطرق لضمان سرعه التحميل
الشرح طريقة حصري عربياً ومقدم من موقع Full Nulled Scripts English & Arabic Nulled Scripts (http://www.sc-hack.com)
يمكنك النقل مع حفظ الحقوق
نبدأ بعون الله مع البداية ( كيف تقوم بفحص سرعه موقعك ومدى توافقه مع Google )
السرعة هي أحد العوامل المؤثرة في ترتيب موقعك في Google سعياً منها لتقديم الأفضل في نتائج البحث هذا لا يعني ان السرغة هي السبب الرئيسي فهناك اكثر من 200 عامل يؤثر على ارشفه الموقع ونحن نتحدث عن أحدها فقظ.
بداية سوف نقوم بفحص الموقع الخاص بنا عن طريق الدخول إلى الصفحة التالية :
WebPagetest - Website Performance and Optimization Test (http://www.webpagetest.org)
هذا الموقع سوف يقدم لنا تقريراً كاملاً عن سرعة أداء الموقع والوقت اللازم لتحميل الصفحة وماهي أهم أسباب التأخير في سرعة عرض صفحة البداية في موقعنا تابعو الشرح طريقة المصور.
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
تفيدنا هذه الصفحة بأنه تم إصدار النتيجة الأولية لفحص الموقع لكن الفحص لم ينتهي بعد فسيقوم هذا الموقع بتحديث update موقعنا عدة مرات لإصدار النتيجة النهائية .
الآن نأتي لصفحة النتيجة النهائية :
https://www.fouani.com/sc-hack/hbf/4.JPG
هذه هي صفحة النتائج النهائية ونأتي للتفاصيل , نقوم الآن بالدخول على النتيجة الأولى في الأعلى لرؤية التفاصيل .
https://www.fouani.com/sc-hack/hbf/5.JPG
هذه هي صفحة نتائج موقعي وكما نرى أن الخطوط الخضراء والزرقاء تسيطر تقريباً على على النتائج وهذه الخطول هيه المسؤلة عن تحميل ملفات الجافا سكريبت script والصور و ملفات الـ CSS المسؤلة عن شكل الموقع , على الخط الزمني نلاحظ أن تحميل الموقع تجاوز الدقيقة وهذه وقت كبير جداً ويجب علينا القيام بشيء لمنع هذا التأخير وسنأتي لهذا الأمر لاحقاً .
نستنتج من هذا التحليل التالي :
https://www.fouani.com/sc-hack/hbf/6.JPG
الذي يسبب البطئ في تحميل الموقع وبالتالي ضعف أرشفته في Google هية كثرة الصور المستخدمة كما نرى والسبب الثاني هي ملفات الـ JS أي الجافا سكريبت script حيث أن معضم مواقعنا العربية تفرط في إستخدامها الآن وبعد أن عرفنا السبب في بطئ موقعنا وبالتالي ضعف أرشفته على الويب ومحركات البحث , كيف يمكننا التخلص من هذه المشكلة وخصوصاً الصور حيث أنها تأخذ الحيز الأكبر من مشكلتنا .
حسناً سوف نأتي لهذه لاحقاً لكن بدايه يعونا نستعرض الرابط التالي من 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 ونضيف له الأسطر التالية :
<IfModule mod_expires.c>
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"
</IfModule>
لمزيد من التفاصيل :
mod_expires - Apache HTTP Server (http://httpd.apache.org/docs/2.0/mod/mod_expires.html)
هكذا نكون قم أكملنا الكثير ولم يبقى سوى فقرة أخيرة مقدمه كهدية لكل قراء الموضوع
نذهب إلى الصفحة التالية :
Page Speed Service Home (http://code.google.com/speed/pss/)
ونقوم بالضغط على المكان الموضح في الصورة Sign Up
هذه الخدمة من Google وظيفتها عمل تخزين مؤقت على سيرفر SERVERات Google لزيادة سرعة تحميل الموقع غند الأرشفة indexation لكن للأسف
الخدمة هي لمجموعة محددة من المواقع أي لايتم قبول جميع المواقع في هذه الخدمة لكن سنقوم بالتسجل .
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 الرجاء حفظ الحقوق عند النقل لأنه مجهود شخصي .
وبعون الله سنكمل السلسلة من الدروس قريباً .
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
في درس مفصلنا اليوم سوف نتعلم مايلي :
1- كيف تقوم بفحص موقعك والتأكد من سرعته
2- ماذا تفعل للتقليل من حجم تحميل الصفحة
3- أفكار وطرق لضمان سرعه التحميل
الشرح طريقة حصري عربياً ومقدم من موقع Full Nulled Scripts English & Arabic Nulled Scripts (http://www.sc-hack.com)
يمكنك النقل مع حفظ الحقوق
نبدأ بعون الله مع البداية ( كيف تقوم بفحص سرعه موقعك ومدى توافقه مع Google )
السرعة هي أحد العوامل المؤثرة في ترتيب موقعك في Google سعياً منها لتقديم الأفضل في نتائج البحث هذا لا يعني ان السرغة هي السبب الرئيسي فهناك اكثر من 200 عامل يؤثر على ارشفه الموقع ونحن نتحدث عن أحدها فقظ.
بداية سوف نقوم بفحص الموقع الخاص بنا عن طريق الدخول إلى الصفحة التالية :
WebPagetest - Website Performance and Optimization Test (http://www.webpagetest.org)
هذا الموقع سوف يقدم لنا تقريراً كاملاً عن سرعة أداء الموقع والوقت اللازم لتحميل الصفحة وماهي أهم أسباب التأخير في سرعة عرض صفحة البداية في موقعنا تابعو الشرح طريقة المصور.
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
تفيدنا هذه الصفحة بأنه تم إصدار النتيجة الأولية لفحص الموقع لكن الفحص لم ينتهي بعد فسيقوم هذا الموقع بتحديث update موقعنا عدة مرات لإصدار النتيجة النهائية .
الآن نأتي لصفحة النتيجة النهائية :
https://www.fouani.com/sc-hack/hbf/4.JPG
هذه هي صفحة النتائج النهائية ونأتي للتفاصيل , نقوم الآن بالدخول على النتيجة الأولى في الأعلى لرؤية التفاصيل .
https://www.fouani.com/sc-hack/hbf/5.JPG
هذه هي صفحة نتائج موقعي وكما نرى أن الخطوط الخضراء والزرقاء تسيطر تقريباً على على النتائج وهذه الخطول هيه المسؤلة عن تحميل ملفات الجافا سكريبت script والصور و ملفات الـ CSS المسؤلة عن شكل الموقع , على الخط الزمني نلاحظ أن تحميل الموقع تجاوز الدقيقة وهذه وقت كبير جداً ويجب علينا القيام بشيء لمنع هذا التأخير وسنأتي لهذا الأمر لاحقاً .
نستنتج من هذا التحليل التالي :
https://www.fouani.com/sc-hack/hbf/6.JPG
الذي يسبب البطئ في تحميل الموقع وبالتالي ضعف أرشفته في Google هية كثرة الصور المستخدمة كما نرى والسبب الثاني هي ملفات الـ JS أي الجافا سكريبت script حيث أن معضم مواقعنا العربية تفرط في إستخدامها الآن وبعد أن عرفنا السبب في بطئ موقعنا وبالتالي ضعف أرشفته على الويب ومحركات البحث , كيف يمكننا التخلص من هذه المشكلة وخصوصاً الصور حيث أنها تأخذ الحيز الأكبر من مشكلتنا .
حسناً سوف نأتي لهذه لاحقاً لكن بدايه يعونا نستعرض الرابط التالي من 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 ونضيف له الأسطر التالية :
<IfModule mod_expires.c>
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"
</IfModule>
لمزيد من التفاصيل :
mod_expires - Apache HTTP Server (http://httpd.apache.org/docs/2.0/mod/mod_expires.html)
هكذا نكون قم أكملنا الكثير ولم يبقى سوى فقرة أخيرة مقدمه كهدية لكل قراء الموضوع
نذهب إلى الصفحة التالية :
Page Speed Service Home (http://code.google.com/speed/pss/)
ونقوم بالضغط على المكان الموضح في الصورة Sign Up
هذه الخدمة من Google وظيفتها عمل تخزين مؤقت على سيرفر SERVERات Google لزيادة سرعة تحميل الموقع غند الأرشفة indexation لكن للأسف
الخدمة هي لمجموعة محددة من المواقع أي لايتم قبول جميع المواقع في هذه الخدمة لكن سنقوم بالتسجل .
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 الرجاء حفظ الحقوق عند النقل لأنه مجهود شخصي .
وبعون الله سنكمل السلسلة من الدروس قريباً .
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
