الإعلانات

شرح كامل و مفصل لكيفية تحسين سرعة موقعك علي اي منصة سواء كان بلوجر او وردبريس

شرح كامل و مفصل لكيفية تحسين سرعة موقعك علي اي منصة سواء كان بلوجر او وردبريس 
السلام عليكم ورحمة الله وبركاته ♥ :)

كما وعدتكم بشرح كامل ومفصل لكيفية تحسين سرعة موقعك علي اي منصة سواء كان بلوجر او وردبريس او غيرهما ..
البوست طويل عشان كدا اعمل كوباية شاي وتعال اقرأ بهدوء :) 😌
مبدئياً كدا .. عامل السرعة من العوامل الأساسية في تحسين الOn page SEO  ويكاد يكون من اهم العوامل التي يجب ان تركز عليها حتي تضمن رانك افضل لصفحات موقعك في محركات البحث.
جوجل تفضل الموقع السريع وايضاً الزائر القادم لموقعك والعكس صحيح .. 
لان عامل السرعة احد اهم العوامل المتحكمة في معدل الارتداد Bounce Rate والذي بالطبع يتحكم في نتائج موقعك وخصوصاً النتائج الحساسة وهي النتائج الموجودة بالصفحة الاولي في جوجل.

اعتقد ان الجميع يعرف فائدة السرعة لذلك لن نطيل .. ولندخل في صلب الموضوع ..

اول شيء معرفة حالة السرعة الخاصة بموقعك 
من خلال المواقع التالية بالترتيب 

    Google’s PageSpeed Insights: 
developers .google. com/speed/pagespeed/insights

    Varvy: varvy .com/pagespeed/

    GTMetrix: gtmetrix .com/

    Pingdom: tools. pingdom .com /fpt/

    Webpagetest: www.webpagetest .org/

لا تنسي ازالة الفواصل .. 

مبدئياً معظم الشغل ال هيتم هيكون علي شبكة نقل المحتوي cloudflare 
وذلك لعدة اسباب 
اهمها : ان الكلاود فلير يقدم خصائص مميزة من اجل تحسين الموقع من ناحية السرعة والحماية والاهم انها مجانية.
والسبب الاخر هو تقليل الاضافات التي سيتم تنصيبها علي الوردبريس لاقل حد ممكن وذلك لتخفيف الضغط علي السيرفر وتقليل حجم الصفحة وهذا امر مهم جداً

ببساطة ستقوم بانشاء حساب مجاني علي كلاود فلير من هذا الرابط
 www .cloudflare .com /a/signup "ازل الفواصل"
بعد التسجيل وتاكيد الحساب سيعطي لك سطرين 
مثال 

xxx. ns. cloudflare .com
xxxxx. ns. cloudflare .com

ستقوم بنسخم وتتجه مباشرة الي لوحة تحكم الدومين علي جودادي او علي نيم شيب اياً كان 
وتضع السطرين في خانة الNameServers
وتضغط حفظ وتنتظر بضع ساعات لتتم عمليو المزامنة ويعاد عمل الموقع بشكل دائم 
ثم تتجه لحسابك في كلاود فلير وتري هذا 
 Status: Active
This website is active on Cloudflare.

يكون كل شيء تم بالشكل الصحيح ..

ملحوظة سريعة : الكلاود فلير يعطيك شهادة SSL مجانية وهي شهادة جيدة جداً لمن لا يملك شهادة حماية علي موقعه وبالطبع هذه الشهادة هي ما تعطي لموقعك القفل الاخضر "بروتوكول HTTPS"

الان تابع معي سنقول بعض الملاحظات الاساسية ثم سنعود لاكمال شرح الكلاود فلير ..

لكي تحصل علي سرعة عالية لموقعك يجب ان يتوافر بعض الشروط لديك .. 

- تملك استضافة ويب قوية او متوسطة بمواصفات تكفي احتياجات موقعك وتكون استضافة بحالة جيدة 
وارشح لك استضافات قوية ك استضافة Factcomet و A2 hosting وNamecheap 
بسبب المواصفات الجيدة لهذه الاستضافات وبالطبع هناك استضافات جيدة اخري لا مجال لذكرها ..
ولو استضافة اقل من هؤلاء ليس هناك مشكلة لذلك انصحك بالCDN الذي سنشرحه بعد قليل..

- العامل الثاني المهم جداً وهو القالب ..
اكاد اجزم بان القالب هو العامل الاساسي المتحكم في سرعة موقعك .. لذلك عليك ان تختار قالب اكثر من ممتاز .. 
وهنا اتحدث عن القوالب البسيطة الخالية من اشكال كثيرة لا فائدة منها .. 
القوالب المعقدة والتي تمتلك اشكال عديدة وصفحة عريضة مليئة بالمقالات ستعاني منها من ناحية عامل السرعة بالاضافة الي انها تتطلب شخص لديه خبرة كافية بالبرمجة حتي يستطيع التعامل مع الاكواد المختلفة من HTML - CSS - JS -J QUERY
لذلك كلما كان ابسط كلما كانت الامور اسهل بكثير ..

القالب العربي الذي وصل معي الي 100/100 في اختبار السرعة لجوجل انسايت هو قالب صحيفة .. 

لذلك ف اعتقد انه قالب جيد جداً وارشحه لكل المواقع 

بالنسبة ل بلوجر ف اختار قالب بسيط وللاسف لم اجرب قوالب مجانية ل بلوجر .. القوالب البسيطة موجودة في بلوجر والتي تقدمها لكل المستخدمين مجاناً ويمكنك الوصول بها لنسبة عالية بسهولة 
وردبريس لديك متجر كامل للقوالب وجميع القوالب المميزة به هي قوالب جيدة ويمكنك الوصول به لنسبة سرعة عالية ..

لا ارشح القالب المجاني ابداً وخصوصاً ما هو منشور علي الانترنت بعد ان تم التعديل عليه ..

ولاحظ ان : البوست ليس لمتخصصي البرمجة بل لاصحاب المواقع العاديين لذلك لا تقلق ف لن نتناول جوانب تقنية كثيرة ..

------------- 

بعد اختيار القالب الجيد ناتي لنكمل .. 

طبعاً قمنا بعمل حساب الكلاود فلير وهو امر ثابت لجميع المنصات سواء وردبريس - بلوجر - شوبفاي ..الخ 

ستذهب لخانة الCrypto في حساب كلاود فلير 

ستعلم علي التالي بفتح ل on 
Always use HTTPS 
HTTP Strict Transport Security (HSTS) ** 
بخصوص الHSTS ما فائدته؟
هو بروتوكول حماية للنقل .. وفائدته في عملية السرعة هي : بعد تركيب الSSL ستجد عمليات الRedirect كثيرة جداً "في الغالب" وهذا العامل من اشهر العوامل الذي يضعف سرعة موقعك وتاثيره سيء جداً 
والHSTS وظيفته هو القضاء علي عمليات التحويل بشكل نهائي وبالتالي سيحسن من السرعة بشكل كبير .. 
ستعرف الفرق لهذا العامل من علي Gtmetrix 
ستقوم بالضغط علي تشغيل وتعلم علي افهم ذلك 
ثم ستعلم علي جميع الخيارات في الخطوة التالية بعلامة صح 
وتقوم بعمل Max age له وتجعله 6 Months
وتضغط حفظ ..
والعامل الاخير الذي ستعلم عليه هو Automatic HTTPS Rewrites 
-----
ثم تتجه ل خانة الSpeed

في خيار الAuto Minify 
قم بالتعلم علي الثلاث خيارات . وهذا العامل مهم جداً 
لانه سيخفف من اكواد موقعك المختلفة .. والكلاود فلير يستخدم نظام متقدم في التخفيف وعن تجربة ومقارنة هو افضل من اي اضافة علي الوردبريس في التخفيف ..

ثم تتجه للتعلم علي Enable Accelerated Mobile Links وتعلم علي الخيارين المتاحيين 
وتختار من السب دومين رابط الموقع بwww وبدون www
وهذا طبعا هو خيار تفعيل الAMP :)

وبعدها مباشرة ستجد خيار Brotli علم عليه 
وتتجه بعدها الي Rocket Loader™ وتعلم علي اوتوماتيك 

الامور السابقة مهمة جداً ولا وقت لشرح تاثير عملها للاسف

ثم ستتجه الي Caching
وهذا هو مكان التحكم في الكاش الخاص بالموقع وهنا امر مهم .. لن تحتاج لاستخدام اي اضافة كاش لان الكلاود فلير يقدم خدمة لتخزين الكاش متقدمة وتلقائية نسبيا :)

لكن امر مهم ** بعد تغيير اي من الاعدادات السابقة او اي اعدادات علي الكلاود فلير قم بتفريغ الكاش لكي تحصل علي نتائج سريعة للتغير ويفضل الانتظار 30 ثانية الي دقيقة بعدها لحين تجميع الكاش بشكل كامل
وذلك عن طريق الضغط علي purging everything 
او Purge Individual Files وتضع رابط الموقع نفسه ..

ثم ستجد خيار Caching Level قم بالتعليم علي Standard

Browser Cache Expiration مهم جدااا 
النسبة المثالية للأسف لا يمكن تحديدها لانها تختلف من سيرفر لاخر 
قم بالتجربة من مدة 4 ساعات الي يوم كامل 
واعرف التاثير من خلال موقع الفحص Gtmetrix في تاب YSLOW ثم Add Expires headers
وابدأ بالتغيير بالنسبة ولا تنس مسح الكاش بعد كل تغيير :)

اخر عامل هو Always Online™  قم بالتعليم عليه لانه سيفيدك في حالة حصول مشكلة تقنية . سيعمل الموقع من خلال الكلاود فلير من خلال الكاش المخزن

بعدها اتجه الي تاب Network

وعلم علي WebSockets..

الي هنا نكون انتهينا من الكلاود فلير ولكن ما زال لدينا المزيد والمزيد :) 

بالتطبيق السابق لجميع العوامل ستكون وصلت لنسبة عالية باختبار السرعة والتي لن تقل عن 85 ان شاء الله في حال كان القالب بسيط وجيد :) 

لكن ما زال هناك عامل مهم جداً 

وهو عامل الصور 

عامل الصور عامل يتحكم بسرعة تحميل الصفحة بشكل كبير ..
بالنسبة للوردبريس فالامر سهل وبسيط عن طريق استخدام اضافة WP SMUSH 
لا تنسي ضغط الصور في الاضافة والنزول والتعليم علي 
 ضغط الصور تلقائيا عند الرفع 
تصغير الصور ذات الحجم الكامل
وشيء مهم جداً ايضاً وهو " ضغط المجلد "

وتقوم بعمل ضغط للصور المخزنة بملفات موقعك كاملة..

بالنسبة للمنصات الاخري ..
فالامر سيكون يدوي اذا اخترت الحل المجاني وذلك عن طريق ضغط الصور يدوياً عن طريق موقع optimizilla .com
او استخدام الكلاود فلير النسخة المدفوعة الPRO 
وتقوم بعمل POLISH و Mirage للصور :) 
وضغط الصور للكلاود فلير يتم بشكل ممتاز جداً وبخائص عديدة .. 
لذلك ف انا ارشح النسخة البرو وهي ب20$ شهرياً ولكن نتائجها ممتازة جداً :)

ونصيحة اخري بالنسبة للصور وهي مسح الصور الغير مستخدمة 
وذلك عن طريق الMedia او الوسائط واختيار Unattached من الفلتر..

باتمام العلومات السابقة بدقة ستجد تحسن كبير في نسبة السرعة ..

ما زال هناك بعض الامور بالنسبة لكل من المنصتين ..

بالنسبة للوردبريس .. 

ستذهب الي الاعدادات او Settings ثم Reading او قراءة 
تقلل عدد المنشورات في الصفحة الرئيسية من 10 او اياً كان العدد الي 6 او 7 و الfeeds الي 5 

وتتجه بعدها الي Discussion او مناقشة 
ثم تزيل العلامة من اول خيارين في Default article settings وهذا امر مستحب فقط :)
ثم تنزل الي نهاية نفس الصفحة وتزيل العلامة من علي Avatars

وتضغط حفظ 
----

هتحمل اضافة Autoptimize 
بالنسبة للوردبريس هتححل موقعك علي GTmetrix او Google pagespeed insights
وهتلاقي ملفات CSS هتقوم بنسخها ..
وتتجه لاضافة Autoptimize 
وتعمل اظهار للعلامات الادفنسند من ناحية اليمين فوق 
وتعلم علي optimize css بس 
هتروح علي عامل 
Inline and Defer CSS وتعلم عليه وتحط روابط الcss المنسوخة 
وتضغط حفظ وتحذف الكاش وهتلاقي الملفات دي اتاخرت في التحميل والسرعة زدات اكتر ..

في نفس الاضافة هتضغط فوق علي Extra 
وتعلم علي 
Remove emojis 
Remove query strings from static resources 
وتعمل Remove ل Google Fonts..

وتضغط حفظ وتفرغ الكاش ..

خطوة اخري مهمة 
تحمل اضافة WP-Optimize
وتعمل مسح كامل للملفات الغير مهمة من الداتا بيز هتحسن في سرعة التحميل ..

وخطوة مهمة جدا 

هتروح علي الهيدر بتاع موقعك 
وتشيل اي قائمة فوق من ال هي روابط الفيس بوك وتويتر وكدا وتنزلها للفوتر 
وتسيب في الهيدر بس الاقسام ولوجو الموقع .. 

هتشيل اي جافا سكريبت من السايد بار زي تابعنا علي الفيس بوك والساعة الان والكلام دا مش مهم خالص في الصفحة الرئيسية لان ضرره اكتر من نفعه والافضل تحذفه نهائياً ..
ولو مُصر ضعه بالفوتر

وارجع تاني وأكد اي اضافة مش محتاجها شيلها لانها هتحمل HTTP Requst في الهيدر ودا هيتقل الموقع 
اي اضافة مش محتاجها عطلها فوراً ودا هيوفر عليك كتير والموقع هيبقي خفيف جداً .. 

بكدا هيكون انتهينا من الوردبريس بشكل مختصر =D 

نيجي للبلوجر وشوية خطوات 

لو قالب بسيط وطبقت عوامل الكلاود فلير وضغط الصور هتبقي السرعة +85 من بدري علي بلوجر ولكن وجب ذكر بعض المعلومات :)

نفس الكلام في الودربريس 
هتقلل عدد المقالات لاقل عدد ممكن واكرر لأقل عدد ممكن ..
وتروح علي الابوشن بتاعتها وتعلم علي التاريخ بس وتشيل اي علامة فعالة علي العوامل التانية زي المؤلف والساعة و..الخ

هتروح علي التخطيط واي حاجة بعنوان HTML / Javascript تحاول تنزلها للفوتر او اخر Gadget في السايد بار او في الMain 
متحطش اي جافا سكريبت في الهيدر نهائياً خصوصاً في بلوجر ..

خطوة مهمة اخري 

هتروح علي كود بلوجر 
وتبحث عن </body> 
وتبدلها ب  &lt;!--</body>--&gt; &lt;/body&gt;

هناك طرق يدوية لتخفيف الCSS الخاص بكود بلوجر ولكن الكلاود فلير يكفي :)
لذلك فلا داعي لشرحها ..

شيء اخر مهم :) 

استخدام CDN 
هي شبكة نقل محتوي ..
من ابرز المواقع التي تقدمها 

MaxCDN
وخدمة AWS من امازون aws .amazon .com/cloudfront
وخدمة CDN من Google Cloud 
وللأسف الشديد لا مجال لشرح الCDN 
لكن الخدمة الخاصة بامازون مجانية لفترة وكذلك جوجل كلاود مجانية لمدة سنة كاملة .. "يتطلب كريديت كارد لهما"

MaxCDN خدمة ممتازة جداً 

ايضاً Cloudflare يقدم خدمة CDN في الخطة المجانية لكن لتفعيلها بشكل كامل 
اذهب الي DNS في حساب الكلاود فلير 
وعلم علي علامة السحابة بكل الخيارات ..
بحيث تكون اتوماتيك ..

وبالطبع النسخة البرو تعطي خدمة CDN افضل :)

والان اختر من بين الحلول المخلتفة ..

بالنسبة لمواقع الEcommerce ينصح بشدة الاعتماد علي النسخة الPRO من كلاود فلير لما لها من مميزات ممتازة جدااا 

بالنسبة لإعلانات ادسنس 😃 
هتسيبها زي ماهي بدون تأخير عشان الأرباح متقلش ..
الauto minfiy js الخاص بالكلاود فلير مش هياثر عليها 
لو اي اضافة تانية لازم تعمل Exclude لاعلانات ادسنس عشان الارباح 👍

الي هنا ننتهي ..

جميع الطرق السابقة مجربة واثبتت فعاليتها وهي ناتجة عن تجربة شخصية مني وليست معلومات منقولة او مصوغة ^_^ 

اي سؤال اكتبه في التعليق 

يمنع النقل بدون ذكر المصدر :)

البوست متعوب عليه ف كلمة شكر تحفزني للاستمرار ♥

شكراً لكم جميعاً أعضاء الجروب 

وما زال لدينا المزيد
الإعلانات

تصفح المزيد!

اغلق
شرح كامل و مفصل لكيفية تحسين سرعة موقعك علي اي منصة سواء كان بلوجر او وردبريس