القائمة الرئيسية

الصفحات

اخبار المشاركات

7 طرق فعالة لتحسين سرعة تحميل الموقع الآن

 

7 طرق فعالة لتحسين سرعة تحميل الموقع الآن

7 طرق فعالة لتحسين سرعة تحميل الموقع الآن

صفحات تحميل أسرع. تعزيز أداء موقعك. زيادة Google PageSpeed ​​Insights و GTmetrix عشرات. الترتيب أفضل في نتائج البحث. كل هذه الأشياء وأكثر يمكن أن تكون ملكك بعد قراءة طرق تحسين محركات البحث السبع المضمونة لتحسين سرعة تحميل الصفحة.

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

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

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

لماذا يعد وجود موقع ويب سريع أمرًا مهمًا؟

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

نحن نعيش في عالم من الإشباع الفوري ، ويمكن أن يؤدي التأخير لمدة ثانية واحدة فقط في استجابة الصفحة إلى:
  1. 7٪ انخفاض في التحويلات
  2. 11٪ أقل مشاهدة للصفحة
  3. 16٪ انخفاض في رضا العملاء
ومع كل ثانية تزداد هذه الأرقام تصبح أكثر رعبا:
  1. تزداد معدلات الارتداد بنسبة هائلة تصل إلى 103٪ بعد تأخير مدته ثانيتان فقط
  2. 40٪ سيتركون الموقع الذي يستغرق أكثر من 3 ثوان للتحميل
  3. 79٪ من المتسوقين غير الراضين عن سرعة الموقع أقل عرضة للشراء مرة أخرى
  4. 44٪ سيخبرون أصدقائهم عن التجربة السيئة

كيف يمكنني عرض وقت تحميل صفحة الويب الخاصة بي؟

هناك العديد من أدوات قياس الأداء عبر الإنترنت التي تقيس سرعة تحميل صفحات الويب الخاصة بك. سيوضحون أيضًا مدى ضخامة موقعك وثقل موارده ، ويقدمون اقتراحات للتحسين. أفضل للجميع ، أنها مجانية للاستخدام.
يشملوا:
  1. Google PageSpeed ​​Insights - يُجري اختبارات منفصلة للجوال وسطح المكتب ، ويفصل وقت التحميل إلى مراحل مختلفة.
  2. GTmetrix - يوفر نظرة عامة على وقت تحميل الصفحة وحجمها وتخصيص الموارد ، جنبًا إلى جنب مع YSlow.
  3. Pingdom - خدمة مماثلة لخدمة GTmetrix.
  4. WebPageTest - أقل سهولة في الاستخدام من الآخرين ولكن ليس أقل ثاقبة. وتجدر الإشارة إلى خياراته المتقدمة ، والتي تأخذ في الاعتبار كيفية أداء الموقع في المتصفحات المختلفة.
  5. Think with Google Mobile Tester - إصدار خاص بالجوال من PageSpeed ​​Insights. يتضمن رؤى مضافة ، مثل مقارنات المنافسين وتأثيرات معدل التحويل.

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

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

ما مدى سرعة تحميل موقع الويب الخاص بي؟

كقاعدة عامة ، يجب أن يتم تحميل صفحات الويب الخاصة بك بالكامل في 3 ثوانٍ أو أقل ، مع بدء تحميل متوسط ​​الصفحات بين ثانية واحدة و 2.5 ثانية.

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

يجب أيضًا أن تنتبه جيدًا لوقت أول بايت لصفحتك أو TTFB. (تعرض PageSpeed ​​Insights و WebPageTest هذه البيانات.) TTFB هي مقدار الوقت الذي تنتظره المتصفحات قبل تلقي البايت الأول من البيانات من الخادم. توصي Google بـ TTFB من 200 مللي ثانية أو أقل.
إليك المزيد من الإحصاءات حول أهداف وقت التحميل:
  • وجد Pingdom أن معظم صفحات الويب يتم تحميلها في المتوسط ​​في 3.21 ثانية فقط
  • على الهاتف المحمول على وجه التحديد ، تقول Google إن 53 ٪ من المستخدمين سينتظرون 3 ثوانٍ فقط حتى يتم تحميل هواتفهم
  • اكتشف Akamai أن متوسط ​​وقت تحميل صفحة الجوّال البالغ 2.4 ثانية أنتج أفضل معدلات التحويل

ولكن كيف يمكنك تحسين وقت تحميل صفحتك لتحقيق هذا النموذج المثالي وهو 3 ثوانٍ أو أقل؟

لقد حصلت على تغطيتها.
ما هي أفضل طريقة لتحسين وقت تحميل الصفحة؟

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

إليك مقطعًا مميزًا لأفضل الطرق:
  1. تفعيل ضغط Gzip
  2. تحسين الصور
  3. تفعيل التخزين المؤقت للمتصفح
  4. تصغير HTML و CSS و JavaScript
  5. تقليل طلبات HTTP
  6. تقليل وقت استجابة الخادم
  7. ضع في اعتبارك تنفيذ CDN
1. قم بتمكين ضغط Gzip
يعمل الضغط على تقليص حجم ملفات صفحة الويب الخاصة بك مما يسمح بتنزيلها بشكل أسرع. إنها إحدى أسهل الطرق وأسرعها لتحسين وقت تحميل الصفحة. يعد استخدام Gzip للضغط هو المعيار ، على الرغم من أن Brotli طريقة أخرى معروفة. عند التمكين ، يمكن لـ Gzip تقليل حجم HTML و CSS وجافا سكريبت بنسبة تصل إلى 70٪. (قم بتشغيل اختبار Gzip لمعرفة ما إذا كان ممكّنًا أم لا.)
تحتوي معظم المكونات الإضافية للأداء الكل في واحد في WordPress على خيار تمكين الضغط تلقائيًا. بالنسبة لأولئك الذين يستخدمون نظامًا مختلفًا أو CMS ، يمكنك أيضًا تمكين الضغط يدويًا عن طريق إضافة بعض التعليمات البرمجية إلى ملف htaccess الخاص بك.
2. تحسين الصور
تعد الصور من أكثر الأسباب شيوعًا التي تساهم في زيادة حجم الصفحة. كقاعدة عامة ، يجب تحسين صورك وحجمها بشكل صحيح وفقًا لما يلي:
  • أقل من 100 كيلوبايت
  • اضبط على الحجم الدقيق الذي سيظهرون فيه
  • تم الحفظ بتنسيق JPG (ما لم يكن شفافًا ، في هذه الحالة استخدم PNG)

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

قم بتحسين الصور قبل تحميلها باستخدام برامج تحرير الصور مثل Photoshop (مدفوع) أو GIMP (مجاني). لمزيد من الضغط ، يمكنك أيضًا استخدام مُحسِّن عبر الإنترنت مثل TinyJPG. كخيار ثانوي ، إذا كنت تستخدم CMS مثل WordPress ، فإن كلا من Smush.it و EWWW Image Optimizer يعدان إضافات تكميلية جيدة. تسمح لك بعض المكونات الإضافية أيضًا بتمكين ميزة Lazy Load التي تعطي الأولوية لمحتوى الجزء المرئي من الصفحة وتحميل صورك فقط عندما يقوم المستخدم بالتمرير بها - مما يقلل بشكل كبير من الطلبات الموضوعة على الخادم الخاص بك.
3. تمكين التخزين المؤقت للمستعرض

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

باستخدام التخزين المؤقت للمتصفح ، يتم تخزين الملفات الثابتة على متصفح الزائر. لذلك في المرة القادمة التي يزورون فيها موقعك على الويب ، لن تكون هناك حاجة لتنزيل أي شيء مرة أخرى ، ويتم تحميل كل شيء بشكل أسرع.
إذا كنت تستخدم WordPress ، فإن التخزين المؤقت سهل للغاية. يمكن للمكونات الإضافية مثل W3 Total Cache و WP Rocket إرشادك عبر جميع الخطوات الضرورية وإعدادها عمليًا لك. فقط تأكد من استخدام واحد فقط من هذه المكونات الإضافية في كل مرة. إن تمكين التخزين المؤقت يدويًا هو أمر أكثر تعقيدًا.
4. تصغير HTML و CSS و JavaScript

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

تعد إضافات WordPress مثل WP Rocket أو WP-Minify أو W3 Total Cache طريقة مثالية لمطوري الويب المبتدئين لتحقيق التصغير. بالنسبة إلى مديري CMS والمتقدمين الآخرين ، ستحتاج إلى إجراء تصغير يدوي. تتضمن بعض الأدوات التي يمكن أن تساعد:
  • HTMLMinifier
    YUI Compressor or
     CSSMinifie
    JSCompress or JSMin
  • 5. تقليل طلبات HTTP
  • هذا هو واحد كبير. ويمكن أن تصبح معقدة. لكن لا تدع ذلك يخيفك. يعد تقليل طلبات الصفحة هو الكأس المقدسة لتحسين تحميل الصفحة. (يجب أن تسعى جاهدة للاحتفاظ بعدد طلبات HTTP أقل من 50.)
  • هناك الكثير من الطرق لتبسيط هذه الطلبات ، فضلاً عن تسريعها. 
  • 6. تقليل وقت استجابة الخادم
  • تغيير الخوادم ليس شيئًا يجب عليك فعله برفق أو أثناء التنقل. لكن خادم الاستضافة يلعب دورًا رئيسيًا في وقت التحميل ، لذا فإن فهم ما إذا كان لديك أفضل إعداد يقطع شوطًا طويلاً.قبل كل شيء تحقف من مزود الخدمة الخاص بك للتأكد من أن خوادمك تتمتع بوقت تشغيل كافٍ ، وتوفر نطاقًا تردديًا كافيًا ، وتقع بالقرب من جمهورك المستهدف. إذا لم يكن الأمر كذلك ، فقد حان الوقت للتفكير في التبديل إلى خدمة استضافة مختلفة.
  • بعض الأشياء الرئيسية الأخرى التي يجب مراعاتها:
  • إصدار PHP
  • إذا كان موقعك يستند إلى PHP ، فستحتاج إلى استخدام PHP 7 أو إصدار أحدث. أسهل طريقة لمعرفة لغة PHP التي تستخدمها حاليًا وترقيتها إذا لزم الأمر هي الاتصال بالمستضيف. بالرغم من ذلك يرجى ملاحظة أن التغييرات في PHP يمكن أن تتعارض مع بعض سمات WordPress والمكونات الإضافية. لحسن الحظ ، يمكنك بسهولة عكس PHP لخادمك إذا بدا أي شيء غير صحيح.
  • HTTP / 2
  • HTTP / 2 هو بروتوكول من جانب الخادم يعمل على تحسين سرعة الموقع وكفاءته بشكل كبير. لا تستخدم جميع المواقع HTTP / 2 عندما تستطيع ذلك. للتحقق مما إذا كان الخادم الخاص بك يدعم HTTP / 2 ، استخدم هذه الأداة عبر الإنترنت. ثم اتصل بمزود الاستضافة لمراجعة خياراتك.
  • نوع الاستضافة
  • تستخدم معظم الشركات الصغيرة خوادم استضافة مشتركة أقل تكلفة (مثل BlueHost و GoDaddy و HostGator). تتطلب الشركات الأكبر حجمًا التي ترى الكثير من حركة مرور الموقع خوادم خاصة افتراضية أكثر قوة (VPS) أو خوادم مباشرة لتقديم محتواها. حدد الفئة التي تندرج تحتها بناءً على الميزانية والأداء.
  • 7. النظر في تنفيذ CDN
  • تعد شبكات توصيل المحتوى (CDNs) رائعة لصفحات الويب التي تخدم مواقع دولية متنوعة أو الذين يبحثون عن زيادة سرعة إضافية لخدمة الاستضافة المنتظمة. لا تقدم خدمات الطرف الثالث المدفوعة هذه دعم HTTP / 2 فحسب ، بل تقلل إلى حد كبير أوقات الطلب من خلال استضافة ملفاتك عبر شبكة كبيرة من الخوادم العالمية.
reaction: