كيف تحسن سرعة موقعك 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

 

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

لا تذهب دون ترك تقييمك للموضوع

نجمة واحدةنجمتانثلات نجماتأربع نجماتخمس نجمات (6 votes, average: 5.00 out of 5)

اشترك في قائمتنا البريدية وانضم لمشتركينا ليصلك كل جديد.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

أضف تعليقاً

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