8 نصائح لتسريع موقع الويب الخاص بك

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


إذا لم تكن متأكدًا من أن سرعة موقعك الإلكتروني تهمك ، ففكر مرة أخرى في تلك الفترة التي أغلقت فيها أيضًا نافذة المتصفح أثناء انتظار تحميل الموقع. والحقيقة هي أن 53٪ من الأشخاص يتخلون عن موقع ويب يستغرق تحميله أكثر من 3 ثوانٍ.

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

متوسط ​​وقت تحميل صفحة الويب في صناعة مختلفة (المصدر).

اختبر سرعة موقعك

للبدء ، اختبر مدى سرعة تحميل موقعك أولاً. بعض الأدوات الموصى بها هي:

  • WebPageTest: اجمع أداء صفحة الويب من متصفحات حقيقية تعمل بأنظمة تشغيل مشتركة.
  • Pingdom: يساعد على تحليل الاختناقات والعثور عليها في أداء موقع الويب.
  • GTmetrix: تحليل وتقديم رؤى قابلة للتنفيذ حول أفضل طريقة لتحسين سرعة صفحة الويب.
  • Bitcatcha: تحقق من سرعة الموقع من ثماني دول.

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

إليك النصائح لتسريع موقع الويب الخاص بك …

1. اختر مضيف ويب رائع

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

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

2. التصغير: الأصغر هو الأفضل

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

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

جرب أحد هذه الخطوات للبدء: Autoptimize ، Fast Velocity Minify أو Merge + Minify + Refresh

يمكن أن يتسبب التصغير في ظهور كود مختلط بالكامل – لا تقلق! هذا امر طبيعي.

3. اتبع مبدأ KISS

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

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

التصميم & مرئيات

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

الشفرة & الإضافات

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

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

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

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

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

بالنسبة لي ، تعتبر شبكات توصيل المحتوى هدية من الآلهة. شركات مثل Cloudflare و LimeLight Networks تكسب عيشها من خلال مساعدة الأشخاص الآخرين على الاستمتاع بتقديم محتوى ثابت وسريع من خلال شبكات الخوادم الموجودة حول العالم.

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

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

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

5. الاستفادة من التخزين المؤقت

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

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

القاعدة العامة هي أن أي شيء يحتاج إلى الكثير من أعمال دعم الخادم (المعالجة) يجب أن يتم تخزينه مؤقتًا إن أمكن.

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

6. صور خنزير عرض النطاق الترددي ، وتحسين لك!

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

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

أنا لا أقول أنه لا يمكنك الحصول على صور أكبر ، ولكن تأكد من تحسينها بشكل صحيح قبل تحميلها.

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

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

يتم تكبيرها في مناطق من صورة HD (يسار). كان الإصدار الأصلي 2.3 ميغابايت وبعد التحسين ، تم تخفيضه إلى 331 كيلوبايت!

7. استخدم ضغط gzip

إذا سمعت عن ضغط الصورة ، أو ربما أرشفة (ZIP أو RAR) ، فربما تكون على دراية بالنظرية الكامنة وراء ضغط gzip. يؤدي هذا إلى ضغط رمز موقع الويب الخاص بك ، مما يؤدي إلى زيادة السرعة حتى 300٪ (تختلف النتائج).

حتى بالنسبة لشيء تقني مثل هذا ، يمكنك المضي قدمًا واستخدام مكون إضافي مثل PageSpeed ​​Ninja. ومع ذلك ، هناك طريقة أكثر فاعلية والتي تتضمن فقط تحرير ملف htaccess الخاص بك مرة واحدة.

أضف الرمز أدناه إلى ملف htaccess الخاص بك وسيتم تعيينك:

# ضغط HTML و CSS وجافا سكريبت والنص و XML والخطوط

AddOutputFilterByType DEFLATE التطبيق / جافا سكريبت

AddOutputFilterByType DEFLATE application / rss + xml

AddOutputFilterByType DEFLATE application / vnd.ms-fontobject

AddOutputFilterByType DEFLATE application / x-font

AddOutputFilterByType DEFLATE application / x-font-opentype

AddOutputFilterByType DEFLATE application / x-font-otf

AddOutputFilterByType DEFLATE application / x-font-truetype

AddOutputFilterByType DEFLATE application / x-font-ttf

AddOutputFilterByType DEFLATE application / x-javascript

AddOutputFilterByType DEFLATE application / xhtml + xml

AddOutputFilterByType DEFLATE application / xml

AddOutputFilterByType DEFLATE الخط / opentype

AddOutputFilterByType DEFLATE font / otf

AddOutputFilterByType DEFLATE font / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / x-icon

AddOutputFilterByType DEFLATE text / css

AddOutputFilterByType DEFLATE text / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE text / plain

AddOutputFilterByType DEFLATE text / xml

* ملاحظة: تأكد من إضافة هذا الرمز أدناه للأشياء التي لديك حاليًا في ملف htaccess.

8. الحد من عمليات إعادة التوجيه

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

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

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

مواقع الويب الأسرع تبقي الزائرين (وجوجل) سعداء

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

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

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

لا ينتهي بك الأمر كموقع ويب.

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