14 حيل إضاءة لتسريع موقع الويب الخاص بك

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


لقد علمنا حتى الآن أن أمازون ستخسر 1.6 مليار دولار (!) إذا تباطأ موقعها الإلكتروني.

لقد تعلمنا أيضًا بالضبط ما يحدث خلف الكواليس لإحداث بطء في موقع الويب.

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

أولاً ، دعونا نلخص ما يسبب السرعة البطيئة:

عند تحميل موقع الويب الخاص بي هنا في Bitcatcha ، يبدأ متصفحك (Firefox و Safari و Chrome وما إلى ذلك) محادثة مع خادم الويب الخاص بي.

المتصفح: “Hey web server! هل يمكنك الحصول على كل القطع والقطع لعرض Bitcatcha.com من فضلك؟ “

الخادم: “بالتأكيد ، اسمح لي بالعثور عليها وإرسالها عبر”.

بعد ذلك ، يضع خادم الويب جميع أجزاء موقع الويب في نفق ، ويرسلها عبرها إلى متصفحك لتحميلها.

يبدو الأمر بسيطًا بما يكفي ، ولكن إليك ما سيبطئ الأمور:

  • خادم كسول يستغرق وقتًا طويلاً للرد على الطلبات.
  • خادم يقوم بإدارة أجزاء لكثير من مواقع الويب الأخرى في نفس الوقت.
  • الكثير من “أجزاء” الموقع الإلكتروني الكبيرة التي يجب العثور عليها وإرسالها عبر النفق.
  • نفق مزدحم.

هناك الكثير من الأخطاء التي قد تحدث هنا. لذا ، كيف نسرع ​​الأمور?

تسريع موقع الويب الخاص بك

الجزء 1: اجعل خادمك أسرع

1. الترقية إلى مضيف ويب أفضل (أي خادم أفضل)

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

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

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

ملحوظة

تحقق من قائمتنا لاستضافة الويب الأسرع استنادًا إلى وقت استجابة الخادم.

2. التبديل من الاستضافة المشتركة إلى VPS

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

إذا حصل أحد مواقع الويب فجأة على الكثير من حركة المرور ، فسيؤدي ذلك إلى إبطاء موقعك ، بينما يلتهم عرض النطاق الترددي.

بالتبديل إلى VPS (خادم افتراضي خاص) أو (على الأقل خادم مشترك عالي الجودة مثل SiteGround) ، سيضيف مضيف الويب الخاص بك حاجزًا من الخادم المشترك لك فقط. هذا يعني أنه لا داعي للقلق بشأن مواقع الويب الأخرى التي تسرق مواردك.

3. انقل الخادم بالقرب من جمهورك

في كل مرة ينقر فيها شخص ما على موقعك ، يتعين على خادمك إرسال المعلومات عبر الكوكب إلى شاشة الكمبيوتر الخاصة به.

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

4. استخدام شبكة توصيل المحتوى

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

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

هذا يعني أن زوارك يحصلون على سرعة فائقة أينما كانوا في العالم. (كمرجع لك ، أستخدم Cloudflare هنا في Bitcatcha.)

5. تنشيط إعداد “الحفاظ على الحياة”

عندما يرسل خادمك ملفات موقع الويب إلى أسفل النفق ، ينتقل كل جزء على حدة. ورقة أنماط CSS ، شعارك ، كل صورك ، إلخ.

من الواضح أن الطريقة الأكثر فعالية للقيام بذلك هي إرسالهم جميعًا إلى نفس النفق الكبير.

هذا هو المكان الذي يأتي فيه إعداد “البقاء على قيد الحياة”. عندما يتم تنشيطه ، يبقى النفق الرئيسي قيد التشغيل ، وكل شيء ينقطع في نفس الاتصال. (هذا سريع للغاية).

ولكن عند إيقاف الإعداد ، يجب عمل نفق جديد لكل عنصر. (هذا بطيء جدًا).

تحتفظ معظم مضيفي الويب بهذا الإعداد (وهو أمر جيد) ، ولكن في بعض الأحيان يغلق المضيفون المشتركون الاتصالات دون سابق إنذار.

الجزء الثاني: تحسين عناصر موقع الويب

الآن بعد أن جعلنا خادمك سريعًا وفعالًا قدر الإمكان ، كيف يمكننا تحسين أجزاء موقع الويب بأنفسهم?

6. تقليل وقت الذهاب والعودة (RTTs)

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

الوقت المستغرق لاستلامه هو رحلة واحدة ذهابا وإيابا.

وكلما كان عليك القيام برحلات ذهابًا وإيابًا ، استغرق تحميل الموقع بالكامل وقتًا أطول. الأمر يشبه تعبئة سيارتك بالصناديق ، ونقلها إلى منزل جديد.

كلما حصلت على المزيد من الصناديق ، كلما كان عليك القيام برحلات ذهابًا وإيابًا. الحل؟ قلل من حجم الصناديق التي تأخذها.

قلل كمية العناصر التي يجب أن يرسلها خادمك في النفق. صور أقل ، كود أقل ، مكونات إضافية أقل.

7. تمكين الضغط على موقع الويب الخاص بك

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

لحسن الحظ ، يمكنك ضغط موقع الويب الخاص بك ، وكل شيء عليه. باستخدام أداة مثل Gzip. (تم التعرف عليه من قبل 90٪ من المتصفحات. – هذا الجميع تقريبًا باستثناء عدد قليل من المتطرفين الذين لا يزالون يستخدمون Internet Explorer 4.)

إن الأجزاء الأكثر تشويشًا في موقعك هي الصور و HTML و CSS وجافا سكريبت. من خلال ضغطها ، يمكنك تقليل متوسط ​​”وزن” موقعك أثناء نقله.

حقيقة ممتعة

يبلغ متوسط ​​وزن موقع الويب 2 ميغابايت ، ولكنه يزداد حجمًا كل عام.

8. تحسين الصور الخاصة بك

عادةً ما تكون الصور هي الجزء الأكثر ثقلًا في أي موقع ويب. إنها أكبر عناصر التحميل وأكثرها سلاسة وأبطأ.

ابدأ بقصها إلى الحجم الذي تريده بالضبط. لا تحمّل صورًا ضخمة ، وقلّل حجمها في HTML. ما عليك سوى تحميلها بالحجم الصحيح.

أيضا ، قم بضغط صورك قبل التحميل. إذا كنت تستخدم WordPress ، فإن المكونات الإضافية مثل WP Smush يمكن أن تقلل حجم الصورة بنسبة 80٪ رائعة!

9. … أو جعل العفاريت

العفريت هو صورة واحدة تحتوي على الكثير من الصور الصغيرة. إنه رائع لمشاركة الأزرار أو عناصر الصورة الأخرى.

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

10. قص الرمز الخاص بك

HTML كثيف وثقيل. كما أنها متكررة بشكل لا يصدق. CSS أكثر انسيابية قليلاً ، ولكن الكثير منه زائدة عن الحاجة.

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

إذا كنت تستخدم نموذجًا من WordPress أو Tumblr وما إلى ذلك ، فربما يكون هناك الكثير من التعليمات البرمجية التي لا تستخدمها. تم إعداد هذه القوالب لتمنحك الكثير من الخيارات للوظائف. لكن معظمنا لا يحتاج كل ذلك.

كن قاسياً!

11. إلغاء تثبيت الإضافات عديمة الفائدة (WordPress)

لقد جربنا جميعًا العديد من المكونات الإضافية على مر السنين. ولكن غالبًا ما ننسى إلغاء تثبيتها.

كل مكون إضافي هو طلب خادم آخر. إنها حزمة ثقيلة أخرى تسد نفقك عالي السرعة.

إذا كنت لا تستخدمه ، فأوقف تشغيله.

12. تقليل عمليات إعادة التوجيه

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

الجزء 3: إضافات إضافية

13. تقليل عمليات البحث عن DNS

هناك جزء من العملية لم نتحدث عنه بعد. يحدث ذلك في البداية.

قبل أن يبدأ المتصفح المحادثة مع الخادم ، يجب أن يجد موقع الخادم (من خلال العثور على عنوان IP الخاص به). إنه مثل البحث عن رقم الخادم في دليل الهاتف. هذا يستغرق بعض الوقت (عادةً 20-120 مللي ثانية).

يستغرق الأمر وقتًا أطول إذا كانت هناك أسماء نطاقات متعددة مرتبطة بموقعك على الويب. تتضمن الأمثلة الشائعة: blog.yourwebsite.com ، أو نطاقات إضافية للصور وأوراق الأنماط وكائنات الفلاش.

إذا كان على متصفحك أن يفعل ذلك خمس مرات ، فقد تفقد نصف ثانية. احتفظ بها لأقل عدد ممكن من المجالات.

14. التخزين المؤقت للمتصفح

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

هذا هو التخزين المؤقت. هذا يعني أن متصفحك “يتذكر” موقع الويب. عندما تقوم بتحميله للمرة الثانية ، فإنه سريع للغاية.

عفوا! كان هذا منشورًا أطول من المعتاد ، ولكن أعتقد أنه يستحق ذلك.

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

وهذا يعني زوار سعداء. وهذا يعني المزيد من المبيعات.

وورد دليل السرعة

إذا تم إنشاء موقعك الإلكتروني باستخدام WordPress ، فقد قمنا بتجميع دليل مفصل خطوة بخطوة لتسريع WordPress. نستخدم الخطوات الدقيقة لتحميل Bitcatcha.com في 3 ثوانٍ.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map