كيف تحسن سرعة موقعك 250% وتقليل وقت التحميل

زيادة سرعة الموقع وتخفيض وقت التحميل

لا تتوقع الوصول للمراكز الاولى في محرك البحث وموقعك بطيء, دراسات عديدة اثبتت ان الزائر لن ينتظر اكثر من 5 ثواني وقت تحميل موقع لينتقل الى موقع آخر.

سرعة الموقع من اهم عوامل Web performance optimization لتحسين مواقعك للمستخدم ومحرك البحث, واكثر من خبير وموقع مختص في السيو أوضح انه لا يمكن لموقع بطيء ان يصل للمراكز الاولى حتى لو كان موافي لجميع شروط جوجل لتحسين محرك البحث, لذلك هذه النقطة علينا الاهتمام بها دون غيرها بشكل اوسع.

كنت قد تحدثت في مقال سابق عن طريقة تحسين سرعة الموقع ووردبريس والمنتديات وبلوغر, وقدمت شرح مُفصل بالفيديو عن كيفية تحسين سرعة الموقع بامور برمجية مهمة وسهلة جداً, والآن سنتحدث في جانب آخر وهو وقت تحميل الصفحة وتخفيض وقت الانتظار بتحسين Load سيرفرات موقعنا بأوامر تعطي الاولوية للزائر للوصول الى المحتوى, قم بقياس سرعة موقعك قبل البدء بالشرح لتلاحظ الفرق بنفسك.

استخدام CDN

هذه اول خطوة سنقوم بها, ولكن لنشرح الامر بشكل اكبر.

ماهي CDN؟

هي اختصار لـ”content delivery network” أو شبكة ايصال المحتوى, مهمتها هي توزيع الضغط عن سيرفرك الى اكثر من سيرفر قوي وسريع على مناطق مختلفة من العالم ومتصلة ببعضها, اما الية عمل CDN هي تقريب السيرفر لبلد قريب من بلدك, لتصل الى محتوى الصفحة بشكل اسرع, وكمثال:

لنفترض ان سيرفر موقعي في الصين, وهناك زائر يريد الدخول من كندا, ستعمل CDN على اختيار اقرب سيرفر للزائر وتحويل المحتوى عن طريقة, وليكن مثلاً هذا السيرفر في امريكا, لذلك اختصاراً للوقت وبدلاً من تحويل المحتوى من سيرفر الصين, تم تحويله من سيرفر امريكا.

من يقدم خدمة CDN؟

يقدم موقع cloudflare هذه الخدمة بشكل مجاني, وهو افضل من يقدم خدمات CDN في العالم, يوجد منافسة كبيرة مع شركة MAXCDN ولكن الجميع يفضل Cloudflare, التسجيل في هذه الخدمة بسيط, وسأشرح لكم خطوات تفعيلها على موقعكم بالتفصيل.

قم بالدخول الى موقع cloudflare ثم قم بتسجيل حساب جديد من خلال Sign up بأدخال ايميلك وكلمة مرور ثم الضغط على Create Account

الآن لديك خطوات مرتبة يطلبها منك cloudflare لأكمالها, ففي البداية قم بأدخال رابط موقعك بدون http, وإذا اردت ادخال اكثر من موقع, افصل بين المواقع باستخدام فاصلة, بعد ذلك اضغط على Scan DNS Record.

add-website

بعد ذلك انتظر حتى انتهاء البحث عن DNS موقعك, ثم اضغط على Continue

wait

بعد ذلك سيظهر لك DNS Records لموقعك, اترك كل شيء ثم اضغط على Continue

DNS-Records

الان سيظهر لك انواع الخطط التي يوفرها موقع cloudflare, ونحن بالتأكيد سنختار الخطة المجانية, ثم نضغط على Continue

free-paln

الخطوة الأخيرة وهي تعديل Nameservers, قم بتعديلها الى الاسماء الجديدة التي قدمها لك cloudflare, أو أطلب من الاستضافة الخاصة بك تعديلها.

nameservers

بعد تعديل اسم السيرفر والضغط على استمرار, سيظهر لك انه قد تم تفعيل الخدمة لموقعك أو “مواقعك”, وستظهر لوحة تحكم فيها احصائيات عديدة, ولكن الاحصائيات لا تتحدث إلا كل 24 ساعة لأننا اخترنا الخطة المجانية.

Status-Active

تأخير HTTP Requests

الخطوة الثانية والاخيرة لتحسين سرعة موقعك, وهذه الخطوة بسيطة ولا تحتاج لشروحات, وهي تأخير HTTP Requests موقعك, فلكل موقع طلبات “Requests” يرسلها للسيرفر للحصول على المعلومات والمحتوى, لذلك سأقدم لكم الآن كود سحري يؤخر عمليات Requests الى النهاية, أي بعد تحميل الصفحة بالكامل.

فعندما يقوم بالزائر بطلب موقعك باستخدام الدومين “sitesuccessful.com” مثلاً, سيتم ارسال طلبات للسيرفر, ولكن هذه الطلبات في اغلبها تؤخر تحميل الصفحة, لأنها ستكون بعد طلب موقعك مباشرة, ولكن بعد اضافة الكود, ستظهر صفحة موقعك بالكامل ليبدأ الزائر بقرائتها, واثناء قراءة الزائر للمقالة ستكون Requests موقعك قد انتهت.

قم بتحميل الكود من هنا

الان قم بنسخ الكود بالكامل ووضعه في الهيدر تحت وسم <head> سواء كنت تستخدم ووردبريس ام بلوجر ام منتدى فالامر نفسه.

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

befor-after

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

حول وليد حمود

اعمل في مجال تهيئة المواقع وتطويرها منذ اكثر من 14 سنة, عملت بشكل مجاني لمدة سنتين حتى اكتسبت الخبرة الكافية, استخدم السيو و برمجيات بسيطة لتهيئة المواقع وجعلها مُنافسة, هدفي اعطاء العنان لكل شاب والبدء بالخطوة الاولى لتحقيق حلمه.

41 فكرة عن “كيف تحسن سرعة موقعك 250% وتقليل وقت التحميل”

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

  2. جزاك الله خيرا

    ساقوم بتجربة الكود ان شاء الله

    لكن عندى استفسار هام جدا

    انا اعانى جدا من شركات الاستضافة
    ابحث عن شركة استضافة لحجز سيرفر خاص وتكون هذه الشركة متخصصة فى حل مشاكل الووردبريس
    فى انتظار ردك الكريك ان شاء الله

    1. من الافضل لك البحث بنفسك, فاغلب الشركات العربية تقدم الخدمة ولا تهتم سواء كان الموقع ووردبريس ام لا.

      1. جربت كل شي لكن فيه شي غريب الي هو بعد ماسويت جميع خطوات الموضوع وقست سرعة قبل مااسوي خطوات وكانت s3.50 تقريبا بعد خطوات تحسنت لكن متقبلة يعنى مرة 751ms ومرة حول 4.50s تقريبا ايش سبب او بسبب ان موقع معلق لأني سبق وجربت قياس سرعة عليه قبل مااسوي خطوات انتظر ردك

  3. تم تجريب سرعة الحمدلله كانت افضل من اول من 3.50 الى الى 1.50

    بس لو تقدر تساعدني كيف اوصل سرعة نفس سرعتك الي عرضتها في المقالة هذا يعنى اقل من ثانية او تقريبا ثانية واحده

    1. اخي اعتقد 1.5 أمر جيد جداً, كما انه يجب اخذ بعض الامور بعين الاعتبار, مثل قوة السيرفر الذي تستخدمه, وحجم الصفحة وزمن القياس.

      اهلا بك اخي ابراهيم

  4. صديقى نفذت خطواتك ولكن بعدها مباشرة اعطانى خطأ 404 بداخل المواضيع ولكن الصفحه الرئيسيه تعمل بشكل سليم

    1. موقعك يعمل بشكل سليم 100% وقمت بتجربة جميع الصفحات, وسرعته عالية جداً جداً, حيث تتحمل الصفحة باجزاء من الثانية.

  5. زادك الله من علمه و فضله أخي وليد

    جربت الطريقة الثانية و لم يتغير شيء فطرحت هاتين الفرضيتين
    1 – ربما للأمر علاقة بإعلانات أدسنس التي يتغير حجمها و بالتالي سرعة تحميل الصفحة تتغير في كل مرة و لا تبقى ثابتة.
    2 – ربما يتعلق الأمر بإضافة WP Rocket التي أستعملها من أجل الـcaching
    فماذا ترى؟

    لدي استفسار آخر و أعتذر عن الإطالة : وردت في المقال عبارة “قم بنسخ الكود بالكامل ووضعه في الهيدر تحت وسم ” وهذا ما لم أفهمه بالضبط فأنا متد على الأكواد التي توضع قبل و ليس تحت before head أو before body

    1. صديقي يعود الامر ايضاً الى السيرفر الذي تعمل عليه, واضافة الكاش التي تستخدمها من افضل الاضافات في العالم, وبالنسبة للكود, يجب ان يكون داخل وسم head

  6. شكرا على الموضوع ، بس عندي ملاحظات لما طبقته :
    لما بضيف الكود للموقع بيتقفل الموقع و بيظهر اشعار خطأ في الكود في اول سطر من كود الخاص ب تحسين HTTP Requests
    ازاي احل المشكل ديه؟ بعد اذنك

  7. هل وظيفة الكود تفعيل ميزة التحميل البطيء Lazyload ؟
    لأنني أستخدم إضافة wprocket ومفعل فيها ميزة التحميل البطيء.

    ام ان الكود له وظائف اخرى ولايتعارض استخدامه مع هذه الاضافة على موقعي ؟

  8. شكرا أخي ،
    قمت بالخطوة الأولى بشكل جيد
    ولكن الثانية لم أعرف أين أضع الكود

    يعني أين أجد head
    ؟
    لو تفضلت

  9. السلام عليك اخي الكريم بداية جزاك الله كل خير على كل ما قدمته
    سامحني ياغالي ظهرت لي هذه المشكله is not register domain عند استخدام الطريقة الاولى هل من حل لها؟

  10. اولا شكرا على مجهودكم الرائع انا عندى مدونة بلوجر رابطها بدومين جودادي
    https://www.kuttabarabmagazine.com/ وتم تنفيذ جميع الخطوات المشارة ولكن بعد الاشتراك فى كلودفير cloudflare عند الدخول على اى قسم بالمدونة تاتى رسالة ان هذه المدونة غير مستضافة على بلوجر ولم يتم فحصها من الفايروسات والدخول على مسؤليتك تابع ام لا وهى تظهر للزائر ارجو ان نجد حل لها لانها تخوف اى زائر من الدخول نعتذر عن الاطالة حقا شرحك ممتاز وقد ظهر الفرق

  11. موضوع مميز اخى الكريم لكن رجاء اريد المساعدة عندى منتدى Xenforo وكل ماضيف الكود سرعة التحميل بتزيد بتبقى 12 ثانيه لما اشيلو بتبقى 10 ثوانى مش عارف انا بحطه صح ولالا الخطوة الاولى منفذتهاش لانى مركب شهادة امان من نيم شيب ارجو المساعدة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

الفهرس
Scroll to Top
×