الوقت إلى البايت الأول (TTFB): ما هو وكيفية تحسين موقع الويب الخاص بك لذلك

نشرت: 2021-08-23

إذا كنت ترغب في تحسين سرعة موقعك وأدائه ، فمن المهم معرفة المقاييس الرئيسية التي يجب الانتباه إليها. على سبيل المثال ، يقيس Time to First Byte (TTFB) مقدار الوقت الذي يستغرقه متصفح المستخدم لتلقي أول "بايت" من البيانات من خادم موقع الويب الخاص بك. عدم عرضه أو إظهاره على الشاشة. ولكن ببساطة لإعادة بايت واحد إلى المتصفح.

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

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

ما هو وقت البايت الأول (TTFB)

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

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

لذلك ، يلعب TTFB دورًا محوريًا في تجربة المستخدم لموقع الويب الخاص بك (UX) ، بالإضافة إلى تحسين محرك البحث (SEO). إنها أيضًا واحدة من عناصر الويب الحيوية (جنبًا إلى جنب مع FCP و LCP و CLS) التي تعتبرها Google لتحديد تجربة تحميل صفحات موقعك ، وبالتالي ترتيبها.

TTFB مشابه لـ First Contentful Paint (FCP) ، والذي يستخدم أيضًا لقياس تجربة التحميل ووقت انتظار المستخدم. ومع ذلك ، يقيس FCB المدة التي يستغرقها الزائر حتى يرى العنصر الأول يظهر على الصفحة. TTFB هي أي معلومات ، مرئية أم لا.

يتكون TTFB لموقع الويب من ثلاث عمليات رئيسية:

  1. يتم إرسال طلب HTTP من متصفح الزائر إلى الخادم.
  2. يقوم الخادم بمعالجة الطلب وإعداد استجابته.
  3. يرسل الخادم ردًا إلى المتصفح.

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

كيفية قياس TTFB

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

عادةً ، يقع TTFB المناسب في مكان ما بين 200 مللي ثانية (مللي ثانية) و 500 مللي ثانية (.2 و .5 ثانية). بالطبع ، كلما انخفض الرقم ، كان ذلك أفضل. أي شيء يزيد عن 600 مللي ثانية يعتبر نتيجة سيئة. نظرًا لأن Google قد أدخلت سرعة الصفحة كأحد اعتبارات الترتيب ، فإن العديد من مواقع الويب تطلق النار لمدة تقل عن 100 مللي ثانية. ومع ذلك ، في معظم الحالات ، لا يزال أي شيء يقل عن 200 مللي ثانية يعتبر "جيدًا".

هناك العديد من الأدوات التي يمكنك استخدامها لقياس TTFB. لنلقِ نظرة على عدد قليل من أفضل الخيارات.

WebPageTest

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

لاستخدامه ، يمكنك ببساطة إدخال عنوان URL الخاص بك في حقل النص ، ثم النقر فوق الزر بدء الاختبار :

أداة WebPageTest عبر الإنترنت.

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

نتائج اختبار WebPageTest.

وفقًا لـ WebPageTest ، الهدف هو الوقت اللازم لمفاوضات خادم اسم المجال (DNS) والمقبس وطبقة مآخذ التوصيل الآمنة (SSL) ، بالإضافة إلى 100 مللي ثانية. مقابل كل 100 مللي ثانية إضافية يستغرقها TTFB ، تخفض الأداة عبر الإنترنت درجة موقعك بدرجة حرف.

GTmetrix

GTmetrix هي أداة أخرى مجانية عبر الإنترنت يمكنك استخدامها لقياس TTFB. يمكنك إدخال عنوان URL لموقع الويب الخاص بك في حقل النص ، ثم النقر فوق الزر اختبار موقعك :

موقع ويب GTmetrix.

بمجرد أن تنتهي الأداة من تحليل عنوان URL الخاص بك ، ستقدم تقرير الأداء الذي يتضمن درجة عامة بالإضافة إلى "أساسيات الويب" الخاصة بك:

تقرير أداء GTmetrix.
في أسفل الصفحة ، يمكنك النقر فوق علامة تبويب الأداء :

مقياس TTFB المدرج في تقرير أداء GTmetrix.

ضمن قسم توقيتات المتصفح ، يمكنك العثور على TTFB.

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

أدوات تطوير جوجل كروم

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

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

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

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

تم إدراج TTFB في Chrome DevTools.

ضمن القائمة ، حدد العنصر الذي تريد فحصه. تحت اللوحة ، يمكنك العثور على Waiting (TTFB).

كيفية تقليل TTFB على موقع WordPress الخاص بك (4 نصائح رئيسية)

الآن بعد أن فهمت المزيد حول ماهية TTFB وكيفية قياسه ، حان الوقت لمعرفة ما يمكنك القيام به لتحسينه. فيما يلي أربع نصائح رئيسية يمكنك استخدامها لتقليل TTFB على موقع WordPress الخاص بك.

1. قم بترقية استضافة WordPress الخاصة بك

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

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

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

المستوى الأعلى و / أو الاستضافة المدارة تجلب تكلفة أعلى من الاستضافة الاقتصادية ، ولكن ببساطة لا توجد طريقة أفضل للحصول على TTFB (وسرعة الصفحة الإجمالية) أقل من الاستضافة الرائعة.

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

2. استخدم شبكة توصيل المحتوى (CDN)

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

هناك الكثير من خدمات CDN المختلفة لـ WordPress والتي يمكنك الاختيار من بينها. تتضمن بعض الخيارات الأكثر شيوعًا Google Cloud CDN و KeyCDN و Cloudflare. في الواقع ، يقدم بعض المضيفين (مثل SiteGround) إصدارًا مجانيًا من Cloudflare CDN مع العديد من خططهم.

موقع Cloudflare.

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

3. قم بإزالة أي مكونات إضافية أو سمات غير ضرورية (واستمر في تحديث المكونات الحالية)

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

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

من لوحة تحكم مسؤول WordPress ، يمكنك العثور على تحديثات المكون الإضافي المتاحة بالانتقال إلى المكونات الإضافية ، ثم النقر فوق رابط التحديث المتاح :

شاشة تحديثات الإضافات في WordPress.

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

4. تنفيذ التخزين المؤقت على موقع الويب الخاص بك

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

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

البرنامج المساعد W3 Total Cache.

W3 Total Cache هي أداة لتحسين الأداء يمكن أن تساعدك على زيادة سرعة موقعك وتحسين محركات البحث. يمكن أن يساعد أيضًا في تكامل CDN. لذلك في هذا الصدد ، يمكنك المساعدة في TTFB بعدة طرق. بمجرد التثبيت ، يمكنك الوصول إلى الإعدادات بالانتقال إلى الأداء .

لوحة معلومات البرنامج المساعد W3 Total Cache.

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

الوقت إلى البايت الأول (TTFB) الأسئلة المتداولة

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

كيف تتلاءم TTFB مع الأداء العام لموقعي؟

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

حتى إذا تم تحميل محتوى موقع الويب الخاص بك بالكامل في أقل من ثانية واحدة ، إذا كان TTFB 4 ثوانٍ (4000 مللي ثانية) ، فإن إجمالي وقت التحميل هو حوالي 5 ثوانٍ.

على هذا النحو ، يلعب TTFB دورًا مهمًا في UX و SEO. تعتبر Google TTFB كنقطة بيانات رئيسية عند التفكير في كيفية ترتيب موقع الويب الخاص بك. ستؤثر أي تحسينات تجريها على TTFB بشكل مباشر على مقاييس سرعة الصفحة الأخرى مثل FCP و LCP.

ما هي أفضل طريقة لتقليل TTFB؟

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

لا يعتمد TTFB دائمًا على وجود موقع خفيف الوزن ، ولكن لا يزال من الممكن أن يؤدي وجود موقع خفيف الوزن إلى إعادة إرسال البايت الأول بسرعة.

استنتاج

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

هل لديك أي أسئلة حول تحسين TTFB لموقع WordPress الخاص بك؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه!

صورة مميزة عبر BestForBest / shutterstock