كيفية تحسين سرعة تحميل صفحتك لتحقيق أقصى قدر من النتائج

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

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

لذا استعد لأنها ستكون رحلة عالية السرعة إلى التصنيفات الأعلى.

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

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

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

ولكن ما مدى تأثير سرعة الصفحة بالضبط على تحسين محركات البحث؟ يمكن أن تؤدي سرعة الصفحة بطيئة التحميل إلى :

• انخفاض بنسبة 7٪ في التحويلات.
• 11٪ أقل مشاهدة للصفحة.
• انخفاض بنسبة 16٪ في رضا العملاء.

ومع كل ثانية ، تصبح هذه الأرقام مروعة أكثر فأكثر:

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

كيف يمكنني مشاهدة سرعة تحميل صفحتي؟

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

• تجري Google PageSpeed ​​Insights اختبارات منفصلة لسطح المكتب والجوال ، مما يفرق وقت التحميل إلى مراحل مختلفة.
  
• تقدم GTmetrix نظرة عامة على الحجم ووقت تحميل الصفحة وتخصيص الموارد ، تمامًا مثل YSlow.
  
• تقدم Pingdom خدمة مشابهة لخدمة GTmetrix.
  
• يعد WebPageTest أقل سهولة في الاستخدام من الآخرين ولكنه يميل إلى أن يكون أكثر ثاقبة. وتجدر الإشارة إلى خياراته المتقدمة ، والتي تأخذ في الاعتبار كيفية أداء الموقع في المتصفحات المختلفة.

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

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

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

بشكل عام ، يجب أن يتم تحميل صفحاتك بالكامل في ثلاث ثوانٍ أو أقل.

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

يجب عليك أيضًا الانتباه إلى وقتك حتى البايت الأول (TTFB). (يعرض WebPageTest و PageSpeed ​​Insights هذه البيانات.) TTFB هي الفترة التي تنتظرها المتصفحات قبل أن تقبل البايت الأول من البيانات من الخادم. تقترح Google TTFB بمقدار 200 مللي ثانية أو أسرع.

إليك المزيد من المعلومات حول أهداف سرعة تحميل الصفحة:

• وجد Pingdom أن معظم الصفحات يتم تحميلها في أقل من 3.21 ثانية في المتوسط.
  
• تقول Google إن 53٪ من المستخدمين يرغبون فقط في الانتظار لمدة ثلاث ثوانٍ حتى يتم تحميل هواتفهم قبل الانتقال إلى موقع ويب آخر.
  
• وجد Akamai أن متوسط ​​سرعة تحميل صفحة الجوال البالغة 2.4 ثانية يؤدي إلى أفضل معدل تحويل.

ولكن كيف يمكنك تحسين سرعة تحميل صفحتك لتحقيق هدف ثلاث ثوانٍ أو أسرع؟

ما هي أفضل طريقة لزيادة سرعة تحميل الصفحة؟

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

فيما يلي بعض أفضل الطرق:

1. قم بتمكين ضغط gzip.

2. تحسين الصور.

3. قم بتشغيل التخزين المؤقت للمتصفح.

4. تصغير HTML و CSS و JavaScript.

5. تقليل طلبات HTTP.

6. تقليل وقت استجابة الخادم.

7. النظر في تنفيذ CDN.
المكافأة: إجراء تحسينات خاصة بـ WordPress.

على علامتك! اجلس! يعزز!

1 . تفعيل ضغط gzip

يقلل الضغط من حجم ملفاتك ، مما يسمح بتنزيلها بشكل أسرع. إنها إحدى أبسط الطرق وأسرعها لتحسين سرعة تحميل الصفحة. يعد استخدام gzip للضغط أمرًا معتادًا تقريبًا ، على الرغم من أن Brotli طريقة بديلة ولكنها شائعة. عند التمكين ، يمكن لـ gzip تقليل حجم HTML و CSS وجافا سكريبت حتى 70٪. (قم بإجراء اختبار gzip لمعرفة ما إذا كان ممكّنًا أم لا.)

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

2. تحسين الصور

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

• أقل من 100 كيلو بايت.
• اضبط على الحجم الدقيق الذي ستظهر به الصورة.
• تم الحفظ بتنسيق JPG (ما لم تكن شفافة ، في هذه الحالة استخدم PNG).

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

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

3. قم بتمكين التخزين المؤقت للمستعرض

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

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

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

4. تصغير HTML و CSS و JavaScript

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

تعد المكونات الإضافية لـ WordPress مثل WP Super Minify و WP Rocket و W3 Total Cache مثالية لمطوري الويب المبتدئين لتحقيق التصغير. ستحتاج إلى إجراء تصغير يدوي لنظام إدارة المحتوى الآخرين والمشرفين المتقدمين. بعض الأدوات التي يمكن أن تساعد هي:

• مصغر HTML.
• ضاغط YUI أو CSS Minifier.
• JSCompress أو 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). عادةً ما تحتاج الشركات الأكبر حجمًا التي ترى الكثير من حركة مرور الموقع إلى خوادم افتراضية خاصة أكثر قوة أو خوادم مباشرة لتوزيع محتواها. حدد الفئة التي تندرج تحتها باستخدام ميزانيتك وأدائك كمقاييس.

7. النظر في تنفيذ CDN

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

تتضمن بعض خيارات CDN الفريدة ما يلي:

• كلاود فلير.
• StackPath.
• CacheFly.
• جوجل كلاود CDN.

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

المكافأة: تحسينات خاصة بـ WordPress

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

تقليل المكونات الإضافية

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

لهذا السبب من الضروري:

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

على سبيل المثال ، لنفترض أن لديك مكونًا إضافيًا لبرنامج Google Analytics مثبتًا. في هذه الحالة ، سيكون من الأفضل إضافة المقتطف بنفسك ، من خلال Google Tag Manager ، أو من خلال المكون الإضافي Insert Headers and Footers (وهو أصغر بكثير من السابق).

للمساعدة في تحديد المشكلات ، يمكن لأداة تقييم ممتازة للمكونات الإضافية مثل Page Performance Profiler تحديد المكونات الإضافية التي تؤثر سلبًا على سرعة تحميل صفحتك. (لا تنس إزالته عند الانتهاء.)

تنظيف قاعدة البيانات الخاصة بك

بمرور الوقت ، يمكن أن تتعطل قواعد بيانات WordPress بسبب المسودات المحفوظة ونشر المراجعات والأشياء الأخرى التي لا يحتاج موقع الويب الخاص بك إلى العمل بها. يمكن أن يساعد تنظيف هذه الفوضى في بعض الأحيان في زيادة سرعة موقعك. تحتوي بعض المكونات الإضافية للأداء الكل في واحد أيضًا على هذه الإمكانية (على غرار WP Rocket) ، أو يمكنك استخدام المكون الإضافي WP-Optimize.

تحديث CMS والموضوع

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

تعد سرعة تحميل الصفحة السريعة ضرورية أكثر من أي وقت مضى

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

لدينا جميعًا فترات اهتمام قصيرة - وهي تزداد أقصر في الثانية. إذا لم يتم تحميل صفحتك بسرعة ، فإن الكثير من مقاطع الفيديو الخاصة بالقطط يمكن أن تفعل ذلك وستفعل ذلك. فما تنتظرون؟ الآن هو الوقت المناسب للبدء! قم بتنفيذ تحسينات سرعة الصفحة وتجربة الصفحة هذه الآن لأن SERPs لا تنتظر أحدًا.