تحسين سرعة الموقع: كل ما تريد معرفته

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

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

ربما الأهم من ذلك ، أن Google تولي اهتمامًا لهذه المشكلة بالذات ، وأن وقت التحميل الذي يبلغ 8 ثوانٍ له تأثير على تصنيفاتك سواء أعجبك ذلك أم لا.

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

كم هي مهمة في الواقع؟

دعنى اوقفك هناك.

هذه ليست واحدة من تلك الأشياء التي يمكنك فقط تجاهلها والقول "إنها فقط لمن يريد الكمال" أو "ليس لدي حركة مرور كافية لهذا الأمر".

سرعة الموقع مهمة لكل موقع ويب ، وتقوم بذلك لعدة أسباب. سيكون من الحكمة ألا ترفضهم.

أولاً وقبل كل شيء ، فكر في زوار موقعك وعاداتهم في التصفح. بعض الحقائق:

الصورة مجاملة Kissmetrics

كما لو أن ذلك لم يكن كافياً لإقناعك ، فسأذهب إلى الأمام وأعلمك أن Google تهتم أيضًا - وهذا يجب أن يكون منطقيًا بشكل صحيح؟

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

في الواقع ، هذا ليس سوى أخبار - أعلنت Google مرة أخرى في عام 2010 أن سرعة الموقع كانت بالفعل عامل ترتيب ، لذلك يمكنك المراهنة على أن هذا لم يتغير نظرًا لأنه تم تأكيده من قبل بيانات الطرف الثالث مرارًا وتكرارًا.

كيفية قياس سرعة الموقع

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

هناك عدد من الأدوات المتاحة لك ، وكلها مجانية الاستخدام.

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

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

ما عليك أن تتذكره هو أن كل موقف فريد من نوعه. قد يكون لديك تطبيق معين لا ينعكس جيدًا من حيث درجة YSlow ، لكن هذا لا يعني أن Google ستعاقب موقعك أو أن وقت التحميل سيكون مرتفعًا بشكل غير عادي.

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

فقط كن متفتحًا وستكون بخير. الأدوات التي أوصي باستخدامها هي:

Google PageSpeed ​​Insights

تمتلك Google بالطبع أداة خاصة بها ، وهنا يجب أن تبدأ رحلتك.

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

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

GTmetrix

هذه الأداة هي المفضلة بسهولة.

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

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

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

WebPageTest

على الرغم من المظهر الفائق الذي عفا عليه الزمن ، إلا أن هذه الأداة لا تزال مفيدة. أود أن أقول إنه يقع في مكان ما بين GTmetrix و Google PageSpeed ​​Insights من حيث فائدته.

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

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

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

Pingdom هو عرض قوي آخر ، وله "أجمل" عرض لأي من الأدوات.

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

أستطيع أن أقول إن الأداة المجانية مفيدة وأنا أوصي بالتأكيد بمراجعتها.

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

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

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

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

تحسين الصور الخاصة بك

الصورة تساوي ألف كلمة - أو من حيث حجم الملف ، 100،000 كلمة.

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

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

إذا كنت تستخدم WordPress ، فما عليك سوى تنزيل EWWW Image Optimizer ، وتعديل جميع تحميلاتك بشكل مجمّع. لن يستغرق الأمر سوى بضع نقرات ، ويمكنك المشي بعيدًا أثناء قيامه برفع الأحمال الثقيلة.

ستندهش من مقدار التحسين الذي ستراه بمجرد تحسين الصور.

اختيار الموضوع

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

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

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

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

إزالة الإضافات غير الضرورية

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

غالبًا ما أتفاجأ بما أجده - الكثير من المكونات الإضافية التجميلية غير المفيدة ، وتتبع Google Analytics المكرر. سمها ما شئت.

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

يمكنك معرفة أي المكونات الإضافية ثقيلة الموارد عبر GTmetrix ، ويجب عليك إعطاء الأولوية لإزالتها حيثما أمكن ذلك.

مقاس الصفحه

يمكن أن يساهم وجود عدد كبير جدًا من الصور أو مقاطع الفيديو أو عدد كبير جدًا من سطور التعليمات البرمجية غير الضرورية في ملفات .htaccess أو JavaScript في جعل الموقع أبطأ.

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

أيضًا ، فيما يتعلق بموضوع مقاطع الفيديو المضمنة ، غالبًا ما تكون ملفات كبيرة وتتضمن أكثر من مورد JavaScript واحد.

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

ضغط GZip

Gzip هو تطبيق يعمل على تقليل حجم أي مورد أكبر من 150 بايت. نحن نتحدث عن CSS و JavaScript و HTML وما إلى ذلك.

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

تصغير وتسلسل CSS و JS

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

ولكن ما يمكنني قوله هو أن هناك مكونات إضافية يمكن أن تساعد في هذا إذا كنت تستخدم WordPress.

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

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

... هل هذا كل شيء؟

ههه ، أنت تتمنى.

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

كلما عرّضت نفسك للموضوع وجربت الإضافات واستخدمت أدوات الاختبار ، كلما فهمت التفاصيل.

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