ريادة الأعمال

تسريع موقع الويب: 13 خطوة ذهبية لتسريع موقعك

تسريع الموقع: 13 خطوة ذهبية لتسريع موقع الويب الخاص بك

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

دليل:

لماذا من المهم تسريع موقع الويب الخاص بك؟

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

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

  • عندما تقفز أوقات تحميل الصفحة من ثوان إلى 3 ثوان ، يزداد معدل الارتداد بنسبة 32٪.
  • عندما يقفز من 1 ثانية إلى 5 ثوان ، يزداد معدل الارتداد بنسبة 90٪.
  • عندما يقفز من 1 ثانية إلى 6 ثوان ، يزداد معدل الارتداد بمعدل 106٪.
  • عندما يقفز من 1 ثانية إلى 10 ثوان ، فإنه يزيد بمعدل 123٪.
  • مع انخفاض سرعة موقع الويب ، تقل فرصة بيع خدمة أو منتج ، مما يؤدي في النهاية إلى انخفاض الإيرادات.
  • اخفض ترتيب موقعك في التصنيفات العالمية لأن عدد زيارات موقعك منخفض، لذلك يحتل موقعك مرتبة أقل في نتائج بحث SERP.

ما هي الطرق التي يجب استخدامها لتسريع موقع الويب الخاص بك؟

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

إجراء اختبار السرعة في موقع حسوب

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

المؤشرات الحيوية للموقع

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

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

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

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

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

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

1. غير مدارة

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

  • ما هي السعة الإجمالية لنقل البيانات؟
  • ما هو معدل نقل البيانات؟
  • أي نوع من التخزين؟ على سبيل المثال ، هل هو SSD سريع؟
  • ما هي قواعد البيانات المستخدمة؟
  • ما هو خادم قاعدة البيانات

2. استخدم CDN

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

3. CSS الصغيرة وأحجام الملفات النصية

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

في WordPress ، يمكنك تقليل حجم هذه الملفات باستخدام الوظائف الإضافية للتحسين التلقائي ، مما يمنحك العديد من الخيارات لتحسين أداء ملفات HTML و CSS و JavaScript.

4. افتح ذاكرة التخزين المؤقت للمتصفح

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

إذا كنت تستخدم WordPress ، فهناك مكونات إضافية للبرامج مخصصة لذلك ، مثل w3-total-cache ، وهي مخصصة ليس فقط لتخزين الصفحات ، ولكن أيضا لكل ما يتعلق بالتخزين المؤقت.

5. غرفة بيانات جيدة

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

تحسين قاعدة البيانات

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

إضافة إعادة تعيين wp

كما نرى ، هناك خيار التحسين في العديد من جوانب موقع الويب ، كما هو موضح في المربع (1). يمكنك تشغيلها كما هو موضح في المربع (2) ثم اختبار سرعة موقعك بعد اكتمال عملية التحسين. على الأرجح ، ستزداد سرعة الموقع.

خيارات التحسين للعديد من جوانب الموقع

6. استخدام السمات والقوالب المحسنة

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

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

7. تحسين جميع الصور على موقع الويب الخاص بك

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

إذا كنت تستخدم WordPress ، فيمكنك استخدام ملحق Short Pixel Image Optimizer. فيما يلي صورة الصفحة الرئيسية في هذا البرنامج على موقع الويب ، يمكنك النقر فوق “بدء التحسين” لبدء العملية:

محسن صور البكسل القصير

8. استخدم ميزة التحميل عند الطلب

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

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

تحميل صاروخي كسول

9. لا تستخدم روابط سريعة للصور

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

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

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

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

الكل في واحد الفسفور الابيض آمنة والنار على حد سواء

10. استخدم خدمة عرض فيديو خارجية

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

11. تقليل أكبر عدد ممكن من المكونات الإضافية

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

ستظهر نتائج الفحص المكونات الأبطأ على موقعك في تصميم دائري. يوضح الشكل التالي نتائج الماسح الضوئي على الموقع:

P3 المكونات الإضافية أداء التشكيل الجانبي

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

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

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

  • الضفادع الصراخ
  • إعادة توجيه المفتش
  • المصابيح الكهربائية للموقع
  • تسلق عميق

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

301 عملية إعادة توجيه لكل حلقة

13. لتحسين محتوى الموقع

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

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

استنتاج

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

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

نشر في: الموقع الإلكتروني

زر الذهاب إلى الأعلى