The Quick and the Dead: هل سرعة صفحتك بطيئة جدًا؟

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

الإحصائيات التي يقتبسها الجميع هي أن وقت التحميل يجب أن يكون أقل من 3 ثوانٍ. "يغادر 40 بالمائة من الأشخاص موقع الويب إذا استغرق تحميله أكثر من 3 ثوانٍ" - لقد سمعت عن ذلك ، أليس كذلك؟

لسوء الحظ ، الأمور ليست بهذه البساطة أبدًا.

بطيء وثابت يفقد السباق

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

يمكننا فقط أن نفترض أنهم لم يقابلوا أشخاصًا في الواقع أبدًا ، لأنهم إذا كانوا قد فعلوا ذلك ، فسيعرفون أن `` البطء والثبات '' ليست طريقة الإنترنت.

هؤلاء هم ، بعد كل شيء ، نفس الأشخاص الذين يشتكون عندما يستغرق Breaking Bad وقتًا طويلاً للتخزين المؤقت على Netflix ، ولديهم استثمار في قصة Walter White أكثر بكثير مما لديهم في صفحة المبيعات الخاصة بك.

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

هذا ينطبق على كل ما تبيعه: إذا لم يتم تحميله بالسرعة الكافية ، فسوف يشعر عملاؤك بالملل ويتسوقون في مكان آخر.

فماذا يعني هذا؟ إذا لم تكن 3 ثوانٍ بالسرعة الكافية ، فما هي؟

على حد تعبير نبي المستقبل أفريل لافين ، "الأمر معقد". لنتحدث عن الأرقام.

احصائيات السرعة

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

تم تأكيد ذلك من خلال دراسة حديثة لـ Diginow ، والتي وجدت أن 47٪ من مستخدمي الهواتف المحمولة سيتركون الصفحة إذا اضطروا إلى الانتظار أكثر من ثانيتين .

كلما كانت صفحتك أبطأ ، زاد معدل الارتداد:

هذا مهم. كثيرا. لماذا ا؟

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

ليس بالضرورة أنهم لا يعملون. إنه لم يتم رؤيتهم حتى من قبل. يتم إهدار نقراتك في غضون ثوان قليلة.

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

هذا صحيح عبر كل جهاز. أظهرت دراسة أجرتها Akamai عام 2017 أنه حتى تباطؤ 100 مللي ثانية يمكن أن يضر بالتحويلات بنسبة 2.4٪ على سطح المكتب و 7.1٪ على الهاتف المحمول:

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

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

نظرًا لأن الناس يدركون مدى أهمية سرعة الصفحة ، فقد ظهرت الكثير من الأدوات لمساعدتك في اختبار مدى سرعة صفحاتك. من المحتمل أن تكون Page Speed ​​Insights من Google هي الأكثر شهرة ، ولكن هناك العديد منها ، بما في ذلك GT Metrix و Pingdom.

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

هل يمكن أن تكون الصفحة سريعة جدًا؟

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

وجد استطلاع Akamai هذا أعلى تحويلات على الصفحات التي تم تحميلها في 1.8 ثانية - ولكن ليس لأن 1.8 ثانية هي "خاصة". نظرًا لأن 1.8 ثانية كانت أسرع الأشخاص الذين يمكنهم إنشاء مواقعهم بشكل عام مع استمرار احتواء جميع العناصر التي يحتاجون إليها للتحويل. يمكنك بالتأكيد جعل صفحتك أسرع وتحقيق نتائج أفضل في Page Speed ​​Insights عن طريق إزالة فيديو المبيعات الخاص بك ... ولكن هذا لن يساعدك في كسب المزيد من المال.

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

إليك 4 طرق جيدة لجعل صفحتك تتحرك بشكل أشبه بالأرنب البري ، وأقل شبهاً بالسلحفاة.

تحسين الصور

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

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

استخدام الأمثل بلا خسائر

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

استخدم الأبعاد الفعلية

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

آسف فرجينيا. إنه لا يعمل هكذا. لا يعمل المتصفح على تحديد الحجم الذي يجب أن تكون عليه الصورة إلا بعد تحميلها. إذن تلك الصورة 6 ميغا بايت؟ في كل مرة يصل فيها عميل محتمل إلى صفحتك ، يتم تحميل كل شيء ، ثم توسيعه ليصبح رسمًا توضيحيًا للفقرة 250 × 250. لذا بدلاً من ذلك ، حدد حجم صورك على موقعك. قم بتوسيع نطاقها أولاً - يمكنك استخدام Photoshop ، أو برنامج أرخص مثل PixelMator - ثم تحميلها على الخادم الخاص بك.

بهذه الطريقة ، يقوم المتصفح بتحميل ما يحتاج إليه فقط ، وستتحرك صفحتك بشكل أسرع.

وقت استجابة الخادم

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

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

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

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

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

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

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

تصغير الكود

عندما تتم كتابة كود جيد ، سيبدو قليلاً كالتالي:

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

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

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

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

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

هذا ليس مفيدًا لنا كثيرًا ، لكن الكمبيوتر سوف يمزقه أسرع من تمزق أرني في مركز الشرطة.

احصل على صفحات أسرع بالطريقة السهلة

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

لكن هناك طرق أسهل.

لقد طورنا تقنية Accelerated Page Technology التي تعمل على تشغيل صفحات Convertri بدقة للتأكد من أن أي شخص يمكنه الحصول على أوقات تحميل سريعة للغاية ، حتى لو لم يكن لديه فريق تقني محشو في جيوبه الخلفية.

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

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

النتائج ... حسنًا ، لا نحب التباهي ...

(هذه كذبة نحب أن نتفاخر بها).

ببساطة ، لقد تأكدنا من أن صفحات المبيعات الخاصة بك في Convertri أسرع من نفس الصفحة التي تم إنشاؤها في أي مكان آخر.

وأفضل جزء هو أنه يمكنك تجربة ذلك بنفسك.

انضم إلى الإنترنت بسرعة ، وليس الإنترنت الميت.