العودة إلى البودكاست

نص

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

أهلاً ومرحبًا بكم في حلقة أخرى من بودكاست تسويق شريط القنوات. هذا جون جانتش. ضيفي اليوم هو لوكاس هانش. وهو مدير سابق في Google UX ومؤسس Pathmonk في pathmonk.com.

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

لوكاس هانش: شكرًا لك جون. شكرا لاستضافتي.

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

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

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

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

لوكاس هانش: وكل الإجراءات الأخرى ستنطلق من هناك ، لأن الدعوة إلى العمل موجودة بالفعل ، وستكون صورة البطل موجودة بالفعل ، وبعد ذلك ، يتكشف كل شيء آخر من هناك. لذا فإن مؤشر السرعة هو شيء يمكنك الحصول عليه بسهولة. هناك أداة تسمى webpagetest.org. لقد تم إنشاؤه بالفعل من Google. إنها ليست أداة رسمية من Google بهذا المعنى ، لكنها مبنية من فريق داخل Google ، للنظر في مواقع الويب الخاصة بسرعات الصفحات.

Lukas Haensch: وإذا أدخلت عنوان URL الخاص بك هناك وستحصل على مقياس يسمى فهرس سرعة الصفحة وسيخبرك بشيء مثل 3000 أو 4000 ، وهذا أساسًا جزء من الثانية. لذلك إذا كان لديك مؤشر سرعة صفحة 3000 ، فأنت في الجزء المرئي من الصفحة. سيتم تحميل المحتوى بالكامل بعد ثلاث ثوان. لذلك هذا شيء جيد حقًا ، نضع الانتباه عليه.

جون جانتش: كرر ذلك مرة أخرى ، webpagetest.org؟

لوكاس هانش: هذا صحيح. يشبه Webpagetest.org موقع ويب باللون الأزرق الداكن حيث يمكنك وضع معلمتين ، يمكنك اختيار الشبكة ، وهو أمر مهم حقًا للاختيار. عليك أن تختار شيئًا منطقيًا جدًا لقاعدة المستخدمين الخاصة بك. ليس الجميع على 5G ولا حتى الجميع على 4G. قد يكون من المضحك سماع ذلك ، ولكن عندما كنا نفعل هذا منذ عامين تقريبًا ، قبل عام ونصف داخل Google ، كنا في الواقع ، كنا نختبر على شبكة الجيل الثالث سريعًا لأن قاعدة المستخدمين الكبيرة هذه في الواقع تعمل بشكل أبطأ و الأجهزة السفلية. لذا ، ربما لا يكون الاختبار في شبكة wifi الخاصة بمكتبك هو أفضل شيء تفعله.

جون جانتش: أين تجد أو ما الذي وجدته هو بعض أكبر الجناة ، أعني ، الذين يبطئون المواقع؟

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

Lukas Haensch: سترى أنه في الواقع إذا ذهبت إلى webpagetest.org بصريًا ، فستتمكن من رؤيته بالضبط لأنه في الأساس نسخة بطيئة من كيفية تحميل صفحتك. سترى في الثانية ، لدينا شاشة بيضاء ، في الثانية 1.5 لدينا شاشة بيضاء وهكذا وهكذا دواليك حتى تظهر المحتوى الأول بالفعل. لذا فإن أهم الأشياء التي تؤثر ، هذه هي ، كل ما يحظر العرض لأنه إذا كنت تحظر العرض ، فلديك صفحة واسعة وهذا عادة ما يكون عبارة عن شيئين.

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

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

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

Lukas Haensch: يمكنني الخوض في ذلك ، ولكن في النهاية يتعلق الأمر بالاطلاع على تلك العناصر الفردية وأنت كمسوق ، إذا كان الأمر كذلك ، فربما يكون شيئًا لم تكن تعمل معه طوال الوقت ، فما عليك سوى الانتقال إلى webpagetest.org من خلال URL ويمكنك أن ترى خطوة بخطوة ، حسنًا ، ما الذي يتم تحميله بالفعل وما الذي يمكنني رؤيته على شاشتي؟ وسيمنحك ذلك إحساسًا جيدًا بما يجري على صفحتك. إذا كان هناك الكثير من نصوص Java ، إذا كان هناك الكثير من الصور ، إذا كان هناك تحميل طويل للملفات الرائعة ، كل ذلك.

جون جانتش: ما هو الدور ، أعني ، أعلم في النهاية أنه يلعب دورًا ، ولكن ما هو الدور الذي تلعبه الاستضافة في إبطاء المواقع أو تقديم تحميل أسرع؟

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

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

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

Lukas Haensch: إذن ما يمكنك فعله هو ، يمكنك أن تكون ، وهناك أيضًا مكون إضافي لهذا النوع من المكوِّن الإضافي meta. ولكن يمكنك أيضًا تشغيل هذا من خلال التعليمات البرمجية. يمكنك تحميل الإضافات الخاصة بك بشروط. لذلك إذا كانت خطوتي الأولى ، يتم تحميل شاشتي ، إذا كانت صفحتي يتم تحميلها ، فما يمكنك فعله هو مجرد استخدام محمل مكيف للمكونات الإضافية ثم اختيار واختيار الوقت الذي يجب أن يتم فيه تحميل المكون الإضافي بالفعل.

Lukas Haensch: إذا كنت تفعل ذلك من خلال التعليمات البرمجية ، فسيكون لديك المزيد من المرونة لتقول ، حسنًا ، أي واحد يجب أن يتم تحميله الآن؟ ومرة أخرى ، ذكرت السمات هناك لأن الفرق تأتي مع الكثير من نصوص Java وكلها يتم تحميلها في البداية. وهذا بدوره يؤدي إلى منع العرض. ويمكنك الانتقال مرة أخرى إلى ملف تلو الآخر من خلال التحقق ، حسنًا ، أي منها يمكن تأجيله وتحميله لاحقًا.

لوكاس هانش: هذا هو المكان الذي يجب على التسويق أن يجلس فيه نوعًا ما مع المطور ويتحقق ، حسنًا ، [غير مسموع] في الواقع ملفات جافا النصية ، دعني أعطيك مثالًا سريعًا. لديك ، جافا سكريبت التي تحتاجها على صفحة الخروج الخاصة بك. أن JavaScript غير مطلوب على الإطلاق في أول ثانيتين. يجب على المستخدم حتى الوصول إلى هناك. لذلك فهو مزيج. إنه حقًا ، تنظر إلى الإضافات ، [غير مسموع 00:10:52] ، تنظر إلى نص جافا ، وتحاول تأجيل بعضها ، وهذه هي الطريقة التي تقطعها ثانيةً تلو الأخرى أساسًا.

جون جانتش: لقد انتهيت من اختبار استخدام اختبارات الصفحة التي شاركتها بالإضافة إلى رؤى سرعة صفحة Google. ويبدو أن هناك فرقًا كبيرًا في تحميل الهاتف المحمول مقابل سطح المكتب. في الواقع ، لقد اختبرت الكثير من المواقع ونادراً ما أجد مواقع تحصل على مراجعة متوهجة من Google على الهاتف المحمول. هل هناك أشياء يجب أن نفعلها؟ أعني ، هل يجب أن يكون لدينا [غير مسموع] مواقع منفصلة تقريبًا أو تجارب منفصلة للجوال؟

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

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

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

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

جون جانتش: إذا كان لديك موقع ويب ، وإذا كنت تبيع منتجات عبر الإنترنت اليوم ، فأنت تعلم أن الصور مهمة لكيفية تكوين الناس لآراء حول منتجاتك وخدماتك. إن موقع pixelz.com ذي البكسل مع z.com عبارة عن خدمة تنقيح للصور يمكنها التقاط جميع صورك. يمكنهم تنميقها وإضافة الشكل والتماثل وتنعيم النتوءات والكتفين المحاذاة وأشياء من هذا القبيل يمكن أن تقلل التجاعيد ويمكن أن تقلل علامات الوبر وتزيلها ، كل شيء لا يبدو مناسبًا حقًا. احصل على شخص ما للقيام بذلك نيابة عنك. قم بتسريع وقتك في السوق لأنها ستمنحك صورك منقحة في صباح اليوم التالي. انتقل إلى pixels.com الذي هو PIXELZ.com واكتشف خدمات الصور التي تعمل باللمس.

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

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

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

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

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

Lukas Haensch: وعندما أقول إن مؤشر السرعة لمدة ثلاث ثوانٍ هو 3000 أن تكون قادرًا على رسمها للشاشة في غضون ثلاث ثوانٍ لأنه عندئذٍ ليس لدى الشخص أي سبب للمغادرة. لأنني أعتقد أنه ربما يكون هناك أيضًا عنصر رئيسي واحد عندما نتحدث عن مؤشر السرعة أو سرعة الصفحة ، نتحدث أيضًا عن شخص يرى شيئًا ذا مغزى. ربما لا تكون فكرة جيدة لفصل ذلك عن التجربة البشرية من خلال النظر إلى العديد من المقاييس المختلفة.

Lukas Haensch: مثل ، هل يمكنك إظهار شيء ذي معنى لشخص ما ، مما يعني أنه لن يغادر لأنه لا يرى شيئًا. سوف يغادرون ربما لأسباب أخرى. إذن 53٪ ، هناك أطنان من المقاييس الأخرى حول كيفية وجود مقاييس لذلك ، إذا قمت بالتحميل أسرع بثانية واحدة ، فإن معدل التحويل سيرتفع بحوالي 20٪ أو أكثر. يصعب علي إطلاق سراحه ، فهذا يعتمد حقًا على حالة الاستخدام وحركة المرور التي تحصل عليها. لكنني أعتقد أن هذه النسبة 53٪ إذا كنت لا تتعلم أقل من ثلاث ثوانٍ فهي جيدة حقًا أن تمتلكها في الجزء الخلفي من عقلك. حول ما إذا كان الأمر يتعلق بنسبة 100٪ في حالتك ، فهذه قصة أخرى عن ذلك.

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

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

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

لوكاس هانش: نعم. وإذا فعلوا ذلك ، فغالبًا ما تكون نسخة مخبأة. نسخة مخبأة أو على wifi. حتى تفعل هذا الجهد حقا. انتقل إلى أداة مثل ، أو يمكنك حتى القيام بذلك باستخدام Chrome ، ولكن انتقل إلى webpagetest.org واختبرها لمجرد رؤيتها بنفسك ، ما هي التجارب التي يمتلكها معظم الأشخاص بالفعل مع موقع الويب الخاص بك.

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

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

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

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

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

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

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

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

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

لوكاس هانش: أعتقد أن هذا سؤال جيد حقًا. الشيء الذي يمكنني قوله هو ، إذا ذهب فريقك بشكل معقول واحدًا تلو الآخر من خلال الملفات ، فيمكن بالفعل الكشف عن الكثير من هذا. هل ملف الخط الخاص بك ربما يكون بتنسيق ملف الخط القديم فقط؟ يوجد تنسيق ملف الخط وهو TTF. إذا نقلته إلى [غير مسموع] فهو أصغر بنسبة 30٪. تظهر الخطوط أكبر وأسرع. لذا فإن الشيء الوحيد الذي لا يمكنني قوله مثل مكان واحد ، ما يمكنني قوله هو الذهاب مع فريقك عبر شلال موقع الويب الخاص بك. أعتقد أن هذا هو أفضل مصدر لنكون صادقين.

جون جانتش: لقد ذكرت في المقدمة أنك قمت مؤخرًا بتأسيس شركة تسمى Pathmonk. تريد أن تخبرنا قليلاً عما يفعله Pathmonk.

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

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

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

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

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

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

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

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

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

لوكاس هانش: شكرًا جزيلاً. شكرا لاستضافتي.