أهمية TTFB - أهم مقياس لا يفكر فيه أحد لأساسيات الويب الأساسية

TTFB. حان الوقت للنشر على الفيسبوك؟ Tiny Tots Football؟ التونة والطماطم على خبز الألياف؟ لقد كنت تشعر بالدفء عندما تفكر في شطيرة التونة والطماطم ذات الوجه المفتوح. TTFB ، بالطبع ، "Time To First Byte." كنت تعرفه طوال الوقت. وكذلك فعلنا ، لقد توقفت شاحنة الطعام الخاصة بسام وكان وقت الغداء هنا.

ما هو TTFB وكيف يؤثر على مواقع الويب الخاصة بي؟

"الوقت إلى البايت الأول" (TTFB أو وقت البايت الأول) ، هي إحدى القيم الأولى التي يمكن قياسها في الطريق إلى موقع ويب محمّل بالكامل وتمثل وقت استجابة الخادم المطلوب لمفاوضات DNS والمقبس وطبقة المقابس الآمنة ( المصافحة). إذا كنت تقيس Google Core Web Vitals لموقع الويب الخاص بك ، فإن TTFB يعد شيئًا كبيرًا.

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

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

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

لا تزال في الغيوم؟ دعنا نعود.

ما الذي يجب أن تفعله حيوية الويب الأساسية من Google فيما يتعلق بسرعة موقع الويب؟

بدأت Google الحديث عن "أساسيات الويب الأساسية" الخاصة بها في مايو 2020 وأطلقتها في يونيو 2021. لقد سمعنا الكثير عنها ، وربما نعمل بجد بالفعل لضمان تحميل مواقع الويب الخاصة بنا بسرعة ، وملاءمتها لاحتياجات المستخدم ، والحصول على اللون الأخضر ضوء من جوجل ، أليس كذلك؟

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

لا تتطلع "أساسيات الويب الأساسية" فقط إلى ضمان تسليم البيتزا بمجرد النقر فوق "تقديم الطلب" ، ولكن أيضًا لضمان مذاقها الرائع.

تقيس "أساسيات الويب الأساسية من Google" 3 أشياء: الفائدة وسهولة الاستخدام والبهجة

• Largest Contentful Paint (LCP) - وقت التحميل: يطمئن المستخدم إلى أن مواقع الويب الخاصة بك مفيدة. يجب أن يستغرق هذا أقل من 2500 مللي ثانية. لا يمكن التحميل حتى يقوم الخادم بالاتصال.

• أول تأخير للإدخال (FID) - التفاعل: يضمن أن مواقع الويب الخاصة بك قابلة للاستخدام. يجب أن يستغرق هذا أقل من 100 مللي ثانية.

• تغيير التخطيط التراكمي (CLS) - حركة الموقع: يضمن أن تكون مواقع الويب الخاصة بك ممتعة. يجب أن تكون هذه الدرجة أقل من 0.1.

هل تريد قياس مواقع الويب الخاصة بك لـ Google Core Web Vitals؟

إذن ما هي العلاقة بين TTFB و Core Web Vitals؟

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

إلى جانب Core Web Vitals ، هناك مصطلح آخر يجب النظر فيه بشكل منفصل: Google Web Vitals أو ببساطة يسمى Web Vitals. تتضمن عناصر الويب الحيوية المقاييس التالية بالإضافة إلى "أساسيات الويب الأساسية" المذكورة أعلاه:

أول رسم مضمون (FCP)

FCP هو الفترة الزمنية بين بداية تحميل صفحة الويب وظهور المحتوى الأول على الشاشة. يتضمن هذا المحتوى نصًا وصورًا (بما في ذلك صور الخلفية) وكل المحتوى الذي يجعل موقع الويب الخاص بك رائعًا. 900 مللي ثانية هي سرعة جيدة هنا.

إجمالي وقت الحظر (TBT)

يقيس TBT الفترة الزمنية بين أول رسم محتوى (FCP) ووقت التفاعل (TTI). يمكن استخدام هذا ، على سبيل المثال ، لقياس التأخيرات في رد فعل المتصفح. يجب أن يكون TBT أقل من 300 مللي ثانية.

وقت التفاعل (TTI)

يخبرنا TTI بالوقت الذي يستغرقه بعد بدء تحميل صفحة ويب حتى يتم تحميل أهم الموارد الفرعية (مثل موارد الجهات الخارجية) وتكون الصفحة قادرة على الاستجابة بسرعة لإدخال المستخدم. 2400 مللي ثانية هي سرعة جيدة.

التفاعل مع Next Paint (INP)

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

الوقت حتى البايت الأول (TTFB)

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

تكمن أهمية TTFB في أنها المقياس الأكثر أهمية الذي لا يفكر فيه أحد بالنسبة لـ Core Web Vitals ، وفي الواقع ، المقياس الأكثر أهمية لمواقع الويب الخاصة بك. لماذا ا؟ باختصار ، نفد صبر الناس.

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

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

Rocket.net

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

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

على سبيل المثال ، إذا كتبنا www.yourwebsite.com في شريط URL ، فيجب اتباع الخطوات الأربع التالية:

• يتصل المتصفح بخادم DNS (خادم اسم المجال). يقوم خادم اسم المجال بترجمة اسم المضيف إلى عنوان IP يعتمد على الرقم. على سبيل المثال ، أصبح موقع الويب الخاص بك هو 123.456.789.112.

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

• إذا كان موقع الويب الخاص بك يستخدم بروتوكول SSL الآمن (بالطبع يعمل! أليس كذلك؟) ، يحدث ما يسمى بالمصافحة. يتعرف العميل والخادم على بعضهما البعض ويتم إنشاء الاتصال المشفر.

• يرسل الخادم البيانات ، التي تنقسم إلى حزم ، إلى العميل.

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

وبالمثل ، تؤثر العديد من المعلمات على Time to First Byte (TTFB).

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

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

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

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

لذلك كان السؤال دائمًا هو السرعة مقابل الميزات لمحفظة عملائك. ليس عليك الاختيار بعد الآن. كيف يمكنك حزم موقع WordPress بالكامل أو متجر بيتزا WooCommerce في حزمة خفيفة وصغيرة بما يكفي لحملها في جيب السائق ولكنها كبيرة بما يكفي لإطعامها ، على سبيل المثال ، WordCamp Europe في البرتغال؟

كيف يمكنك حل مشكلة تجربة سرعة موقع الويب بمفردك

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

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

هناك العديد من الطرق التي يمكنك من خلالها محاولة تحسين سرعة مواقع الويب المُدارة لديك:

• استخدم CDN (شبكة توصيل المحتوى)
• تحسين الصور
• تصغير ملفات CSS و JavaScript
• قلل عدد طلبات HTTP ، إن أمكن
• استخدام متصفح HTTP التخزين المؤقت
• تقليل تضمين البرامج النصية الخارجية
• لا تستخدم عمليات إعادة التوجيه ، إن أمكن

إذا كان عملاؤك يستخدمون WordPress لمواقعهم على الويب ، ونراهن أنهم كذلك ، فهناك طرق قياسية لجعل هذه المواقع أسرع داخل CMS أيضًا:

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

دانغ كل هذا يبدو وكأنه الكثير من العبث! ربما لديك أشياء أخرى لتفعلها ، أليس كذلك؟ في الحقيقة ، أنت تفعل.

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

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

ذلك ما يمكن أن تفعله؟

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

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

ديف إلى

منصة الصواريخ تمنح وكالتك الأفضلية

يحتاج أي عمل ناجح إلى ميزة تنافسية. تملأ بعض أماكن البيتزا حوافها بالجبن ، والبعض الآخر يعلوها تمامًا - وهذا أمر غريب لأنه لا توجد ميزة للتمسك بها. ما هي ميزتك؟

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

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

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

كلاود فلير

دراسة حالة: كيف يستخدم Twodot Marketing منصة الصواريخ لخفض وقت تحميل عملائهم إلى النصف

قبل Rocket ، كانت Twodot Marketing تستضيف مواقع WordPress الخاصة بها على العديد من شركات الاستضافة ؛ لم يتمكنوا من الحصول على السرعة والأمان لعملائهم كما كانوا يسعون وراءها.

"في غضون ساعة واحدة من التسجيل ، هاجر موقعي الأول ، وفجرت. لقد لاحظت على الفور اختلافًا كبيرًا في سرعة صفحتي ، والوقت حتى البايت الأول ، والاستجابة الشاملة لموقع الشركة على الويب. بعد 24 ساعة ، كان لدينا جميع عملائنا يعيشون على Rocket يتلقون نفس المزايا الرائعة ".

جوش إثيريدج ، رئيس التسويق في Twodot / كبير الاستراتيجيين

ماذا عن بعض الجبن الإضافي على تلك البيتزا؟

منذ تحديثات Core Web Vital من Google ، أصبح من المهم أكثر من أي وقت مضى تقديم المحتوى الخاص بك بأسرع ما يمكن وبأمان. سهل. يؤمن. سريع. نعم ، يمكنك الحصول على الثلاثة. وليس فقط سريعًا بشكل عام - إنه الأسرع لكل مستخدم محدد. هذه هي قوة The Edge.

بدعم من Cloudflare Enterprise ، تساعد Rocket.net موقع WordPress الخاص بك ومتجر WooCommerce عبر الإنترنت على الاستفادة على الفور .

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

كلام رخيص. دع Rocket تظهر لك ما تعنيه أسرع استضافة WordPress حقًا!

توفير أداء الموقع ووقت وكالتك والمال؟ نعم. يحتوي Rocket Platform على ميزات مدمجة تقضي على حاجتك إلى إصدارات مدفوعة من الأمان وتحسين الصور و CDN و JS contentندر plugins. إنها ميزات مضمنة في النظام الأساسي الجديد المفضل لديك (المنتج المعروف سابقًا باسم Managed WordPress Hosting).

لنتحدث عن كيفية ترحيل موقعك إلى Rocket.net ، أسرع استضافة WordPress متوفرة في أي مكان. ابدأ مهمتك اليوم!