كيفية تقليل TTFB لتحسين أوقات تحميل صفحات WordPress

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

• ما هو TTFB؟
• هل TTFB مهم؟
• كيفية قياس TTFB الخاص بك
• 4 طرق لتقليل TTFB على موقع WordPress الخاص بك

ما هو TTFB؟

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

1. طلب ​​إلى الخادم

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

2. معالجة الخادم

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

3. الرد على العميل

بعد أن يعالج الخادم الطلب ، يتعين عليه بعد ذلك إرساله مرة أخرى إلى العميل (أو بالأحرى إعادة البايت الأول). يتأثر هذا بشدة بكل من سرعة الشبكة لكل من الخادم والعميل . إذا كان لدى العميل إنترنت بطيء من نقطة اتصال Wi-Fi ، فسوف ينعكس ذلك في TTFB.

هل TTFB مهم؟

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

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

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

بشكل عام ، أي شيء أقل من 100 مللي ثانية يعد TTFB رائعًا وجيدًا . توصي Google PageSpeed ​​Insights بأقل من 200 مللي ثانية لوقت استجابة الخادم. إذا كنت في النطاق 300-500 مللي ثانية ، فهذا قياسي جدًا. وإذا كان عمرك يزيد عن 600 مللي ثانية ، فقد يكون لديك شيء ما تم تكوينه بشكل خاطئ على الخادم الخاص بك أو قد يكون الوقت قد حان للترقية إلى حزمة ويب أفضل. أو اتبع توصياتنا أدناه حول كيفية تقليل TTFB الخاص بك. وتذكر أن تفاوض SSL / TLS يمكن أن يكون أيضًا عاملاً.

كيفية قياس TTFB الخاص بك

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

قم بقياس TTFB باستخدام Google Chrome DevTools

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

• حدد المزيد من الأدوات> أدوات المطور من قائمة Chrome.
• انقر بزر الماوس الأيمن فوق عنصر الصفحة وحدد فحص
• استخدم اختصارات لوحة المفاتيح Ctrl + Shift + I (Windows) أو Cmd + Opt + I (Mac)

يمكنك تشغيل نافذة الشبكة والاطلاع على أداء موقعك.

قم بقياس TTFB باستخدام أداة Geekflare

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

قم بقياس TTFB باستخدام WebPageTest

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

قياس TTFB مع Pingdom

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

قياس TTFB مع GTmetrix

في GTmetrix ، تمامًا كما هو الحال مع Pingdom ، يشار إلى TTFB باسم وقت الانتظار. تأكد أيضًا من مراجعة دليلنا المتعمق حول كيفية استخدام GTmetrix.

قياس TTFB بأداة من KeyCDN

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

هناك أيضًا بعض الأدوات المختلفة الأخرى لقياس TTFB ، مثل Sucuri Performance Tool و ByteCheck. هل كنت تعلم؟ حتى Google Analytics لديها قسم لمعرفة متوسط ​​وقت الاستجابة. ما عليك سوى النقر على "السلوك> سرعة الموقع> نظرة عامة".

4 طرق لتقليل TTFB على موقع WordPress الخاص بك

الآن دعنا نتعمق في بعض الطرق حول كيفية تقليل TTFB على موقع WordPress الخاص بك.

1. استخدم مضيف WordPress السريع

الطريقة الأولى لتقليل TTFB هي التأكد من أنك تستخدم مضيف WordPress سريعًا. قمنا بمقارنة TTFB الخاص بالمضيف المشترك لطرف ثالث (الموجود في Phoenix ، AZ) و TTFB الخاص بـ Kinsta (الموجود في Council Bluffs ، أيوا). استخدمنا نفس الإعداد بالضبط مع تشغيل موضوع Twenty Seventeen الافتراضي. تذكر أن Kinsta لديها الآن جميع مواقع Google Cloud Platform الـ 29 المتاحة ، لذلك من المهم وضع موقع WordPress الخاص بك بشكل استراتيجي بالقرب من زوارك.

يتضمن Kinsta أيضًا شبكة الطبقة المتميزة من Google Cloud Platform في جميع خطط الاستضافة. يستخدم الكثير من مزودي الاستضافة الآخرين شبكة الطبقة القياسية لـ Google Cloud ، مما يؤدي إلى سرعات أبطأ.

المضيف المشترك TTFB

في جميع المناطق ، كان متوسط ​​TTFB 520 مللي ثانية . عبر الولايات المتحدة وكندا ، كان متوسط ​​TTFB 240 مللي ثانية .

كينستا TTFB

في جميع المناطق ، كان متوسط ​​TTFB 412 مللي ثانية . عبر الولايات المتحدة وكندا ، كان متوسط ​​TTFB 164 مللي ثانية . إذا كنت تستضيف مع Kinsta ، فيمكنك أيضًا اختيار استضافة موقع WordPress الخاص بك في أوروبا أو آسيا. راجع قائمة مواقع Google Cloud Data Center.

لذلك ببساطة باستخدام مضيف أسرع ، شهدنا انخفاضًا بنسبة 20٪ في TTFB على مستوى العالم. وانخفاض بنسبة 32٪ في TTFB عبر الولايات المتحدة وكندا. إن امتلاك مضيف WordPress جيد بهندسة مدروسة بعناية أمر بالغ الأهمية لخفض TTFB الخاص بك. وهذا أيضًا يعد حالة جيدة للاختيار بعناية لمكان موجود فعليًا في منطقة يوجد بها عملاؤك. إذا كان معظم عملائك في الولايات المتحدة ، فلا تستضيف خادمك في أوروبا (على الرغم من أن CDN يمكن أن يساعد في إبطال بعض من ذلك).

2. تنفيذ CDN

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

TTFB بدون CDN

أجرينا أولاً اختبارًا مع تعطيل CDN الخاص بنا وكما ترى كان إجمالي وقت التحميل 1.45 ثانية وكان متوسط ​​TTFB على أحد الأصول حوالي 136 مللي ثانية.

TTFB مع CDN

ثم قمنا بتمكين شبكة CDN الخاصة بنا وقمنا بإجراء الاختبار مرة أخرى. كما ترى ، انخفض إجمالي أوقات التحميل لدينا إلى 788 مللي ثانية ومتوسط ​​TTFB الآن 37 مللي ثانية! ما هو الفرق الذي يمكن أن يحدثه CDN. شيء مهم آخر يجب ملاحظته هو أننا اخترنا موقع ستوكهولم لإجراء هذا الاختبار. لماذا ا؟ لأننا أردنا أن نظهر لك التحسن الحقيقي الذي يمكن تحقيقه من خلال تقليل المسافة المادية. يوجد CDN POP موجود في ستوكهولم ، لذلك يتم تقديم المحتوى الخاص بنا من ستوكهولم.

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

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

قراءة مقترحة: كيفية إعداد Cloudflare APO لـ WordPress.

3. WordPress Caching

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

بدون تشغيل الكاش

قمنا بتشغيل الموقع عبر Pingdom ، وبدون تشغيل ذاكرة التخزين المؤقت ، سجل موقعنا وقت تحميل 1.17 ثانية و 560 مللي ثانية TTFB.

مع تمكين التخزين المؤقت

ثم قمنا بتمكين التخزين المؤقت وقمنا بتشغيل الموقع عبر Pingdom مرة أخرى. هذه المرة سجل موقعنا وقت تحميل 643 مللي ثانية و 57 مللي ثانية TTFB.

لذلك من خلال تمكين التخزين المؤقت ، تمكنا من تقليل TTFB بنسبة هائلة تصل إلى 90٪! يمكنك قراءة المزيد عن التخزين المؤقت لـ Kinsta. نقوم بذلك على مستوى الخادم مما يعني عدم الحاجة إلى مكونات إضافية للتخزين المؤقت. إذا كنت لا تستخدم مضيف WordPress مُدارًا ، فإننا نوصي باستخدام مكون إضافي مجاني للتخزين المؤقت مثل Cache Enabler.

4. استخدم مزود DNS المميز

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

NameCheap DNS مجاني

وفيما يلي مثال على استخدام DNS المميز لـ Amazon Route 53. كما ترى بشكل عام ، تكون أوقات البحث عن DNS أسرع بكثير مع Amazon. عادةً ما يتمتع موفرو DNS المتميزون بسرعات أفضل. Cloudflare هو برنامج مجاني يتمتع أيضًا بأداء رائع.

Amazon Route 53 DNS

تأكد من مراجعة منشورنا حول سبب وجوب استخدام مزود DNS مميز. لقد عقدنا شراكة مع Amazon Route 53 هنا في Kinsta وهو متاح لجميع العملاء مجانًا.

ملخص

هناك العديد من الأشياء الأخرى التي يمكنك تحسينها أو إصلاحها لتقليل TTFB ، مثل التخزين المؤقت لقاعدة البيانات ، و Disk IO ، واستخدام Swap ، و RAM ، وإعدادات PHP ، وإعدادات MySQL ، وإعدادات الشبكة ، و TLS ، وما إلى ذلك. سهل التنفيذ وسيمنحك أسرع أداء. لذلك في المرة القادمة التي يسألك فيها شخص ما عن كيفية تقليل TTFB الخاص بك ، تذكر أن مضيف WordPress السريع و CDN والتخزين المؤقت و DNS يلعبون دورًا كبيرًا. إن إصلاح هذه الاختناقات أو تحسينها سيفي بالغرض.

ما هي تجربتك مع TTFB؟ نود أن نسمع عنها أدناه.