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

المادة التي كتبها:
  • الواردة التسويق
  • تحديث: Nov 02 و 2018

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

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

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

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

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

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

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

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

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

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

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

2. Minification: أصغر هو أفضل

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

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

جرب واحدة من هذه لتبدأ مع: Autoptimize, السرعة السريعة or دمج + تصغير + تحديث

يمكن أن يتسبب التّحديد في جعل الرمز الخاص بك يبدو مختلَقًا - لا تقلق! هذا امر طبيعي.

3. اتبع مبدأ KISS

هذا ليس شيئًا يتم تدريسه عادة من قِبل معظم معلمي الويب ، لكنني وجدته مفيدًا جدًا بطرق كثيرة. KISS هو اختصار لـ "اجعله بسيطًا وغبيًا". وقد صاغه بعض الفصول الذكية في 1960s التي أكدت على كفاءة النظم البسيطة.

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

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

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

رمز & الإضافات

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

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

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

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

4. الرفع على شبكات تسليم المحتوى

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

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

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

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

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

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

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

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

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

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

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

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

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

هناك نوعان من الطرق التي يمكنك القيام بذلك. مرة أخرى ، الأول هو عن طريق البرنامج المساعد مثل WP سجل سماش. البديل ، أو لأولئك الذين لا يستخدمون WordPress ، هو أداة تحسين صور خارجية مثل صورة ضاغط or JPEG محسن.

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

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

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

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

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

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

<IfModule mod_deflate.c> # Compress HTML، CSS، JavaScript، Text، XML and fonts AddOutputFilterByType DEFLATE application / javascript AddOutputFilterByType DEFLATE application / rss + xml AddOutputFilterByType DEFLATE application / vnd.ms-fontobject AddOutputFilterByType DEFLATE application / x-font AddOutputFilterByType DEFLATE / 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 / أكس AddOutputFilterByType انكماش الخط / أوبن AddOutputFilterByType انكماش الخط / اللوبي AddOutputFilterByType انكماش الخط / الصناديق AddOutputFilterByType انكماش صورة / SVG + أكس AddOutputFilterByType انكماش صورة / س رمز AddOutputFilterByType انكماش النص / المغلق AddOutputFilterByType النص انكماش / أتش تي أم أل AddOutputFilterByType DEFLATE نص / جافا سكريبت AddOutputFilterByType DEFLATE text / plain AddOutputFilterByType DEFLATE text / xml </ IfModule>

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

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

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

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

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

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

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

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

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

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

عن تيموثي شيم

تيموثي شيم هو كاتب ومحرر ومهوس تكنولوجيا. بدأ مسيرته المهنية في مجال تكنولوجيا المعلومات ، حيث وجد طريقه سريعًا في الطباعة ، وعمل منذ ذلك الحين مع عناوين وسائل الإعلام الدولية والإقليمية والمحلية بما في ذلك ComputerWorld و PC.com و Business Today و The Asian Banker. تكمن خبرته في مجال التكنولوجيا من وجهة نظر المستهلك وقطاع الأعمال.