مؤشر السرعة: ما هو وكيفية تحسين موقع الويب الخاص بك من أجله

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

اشترك في قناتنا على اليوتيوب

ما هو مؤشر السرعة؟

ينظر Lighthouse ، العمود الفقري لـ Google لـ PageSpeed ​​Insights ، في مقاييس أداء متعددة لتصنيف موقعك. مؤشر السرعة (SI) هو واحد من هؤلاء ، وسيعرض التقرير الوقت بالثواني بدلاً من ميلي ثانية كما هو الحال مع بعض المقاييس الأخرى. يعرّف Google SI بأنه "مدى سرعة تعبئة محتويات الصفحة بشكل مرئي."

إلى الأمام بشكل مستقيم ، أليس كذلك؟

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

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

كيفية قياس مؤشر السرعة

كما هو الحال مع معظم مقاييس أداء الموقع ، فإن إحدى أفضل الأدوات التي يجب استخدامها هي PageSpeed ​​Insights من Google. هذه الأداة هي واحدة من أكثر الأدوات تحديدًا في النتائج التي تعرضها أيضًا. إنه أمر بالغ الأهمية نسبيًا حتى بالنسبة للمواقع التي تم تجميعها جيدًا. غالبًا ما توفر PageSpeed ​​Insights بيانات معملية لموقعك ، استنادًا إلى إجمالي آخر 28 يومًا من التجميع. ومع ذلك ، إذا كان لديك عدد كافٍ من الزوار الذين ينقلون المعلومات مرة أخرى إلى Google عبر Chrome ، فيمكنك الحصول على بيانات ميدانية واقعية من التقرير أيضًا. ومع ذلك ، لا يمكن لكل موقع الحصول على هذا.

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

ما هي درجة مؤشر السرعة الجيدة؟

تستخدم PageSpeed ​​Insights النتائج التالية لترتيب فهرس سرعة موقعك ورمز اللون وفقًا لذلك:

• أخضر (جيد) - من 0 إلى 3.4 ثانية
• البرتقالي (متوسط) - 3.4 إلى 5.8 ثانية
• أحمر (بطيء) - أكثر من 5.8 ثانية

كما قلنا من قبل، إحصاءات PageSpeed هو حرجة للغاية في قياساته. إذا كنت باللون البرتقالي أو الأحمر ، فقد ترغب في استخدام أداة مثل GTmetrix أو Pingdom's Speed ​​Test لمعرفة ما تظهره بياناتهم في الوقت الفعلي. نشعر أنه من الأفضل اختبار موقعك باستخدام أدوات متعددة في أوقات مختلفة للحصول على أفضل صورة للأداء العام.

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

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

تقليل موارد حظر العرض

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

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

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

يتمتع مستخدمو Divi أيضًا بميزة رئيسية لحظر مثل هذه الموارد ، حيث تتيح لك خيارات السمة تبديل تأجيل CSS لحظر العرض ، وكذلك نصوص jQuery النصية. علاوة على ذلك ، تعمل ميزات CSS الحرجة للموضوع على تفكيك أجزاء كبيرة من التعليمات البرمجية التي يمكن أن تؤخر محتوى موقعك وتتسبب في تحميلها بسرعة أكبر بكثير مما لو كانت بخلاف ذلك. في حين أن بعض هذه هي تبديل ، Divi تمكن الآخرين تلقائيًا. يجب أن يساعد تثبيت Divi على درجة SI الخاصة بك على الفور في معظم الحالات.

تقليل عمل الخيط الرئيسي لموقعك

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

أبسط حل لذلك هو التوقف عن استخدام الكثير من JavaScript . GTmetrix يضعها على أفضل وجه:

بشكل عام ، كلما زاد عدد JavaScript في صفحتك ، زادت عملية التحليل / التحويل البرمجي ؛ مما يؤدي إلى انتظار المستخدمين لفترة أطول لعرض المحتوى والتفاعل مع صفحتك.

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

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

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

الأسئلة المتداولة حول مؤشر السرعة

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

كيف يتناسب مؤشر السرعة مع الأداء العام لموقع الويب الخاص بي؟

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

في الواقع لا يمنحك الكثير من المعلومات من تلقاء نفسه فيما يتعلق بما يفعله موقع الويب الخاص بك. يمكن اعتباره مقياسًا شاملاً ، حيث يضعه GTmetrix "معيارًا عامًا مفيدًا لتقييم أداء موقع الويب الخاص بك بالكامل."

هل يجب علي التركيز على نقاط مؤشر السرعة الخاصة بي على وجه التحديد؟

على الأرجح لا ، لا.

على الرغم من أنه من المفيد جدًا قياس أداء موقعك ، إلا أن التركيز على المشكلات الأخرى الأكثر دقة مثل First Contentful Paint (FCP) ، و Largest Contentful Paint (LCP) ، و Time to First Byte (TTFB) ، و First Input Delay (FID) يعد كثيرًا اكثر اهمية. يمكنك اتخاذ أي عدد من الخطوات لتحسين كل منها على حدة ، مما سيؤدي بدوره إلى تحسين مؤشر السرعة الخاص بك. وعندما يتم أخذها كمعيار شامل ، يمكنك أن ترى مدى جودة عمل التحسينات الخاصة بك من خلال SI.

استنتاج

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

ماذا فعلت لتحسين مؤشر سرعة موقع الويب الخاص بك على مر السنين؟

صورة مميزة للمقال بواسطة HappyDrawing / shutterstock.com