ستساعدك المقالة التالية: كيفية التغلب على معايير سرعة صفحة الجوال في Google
كشفت Google مؤخرًا عن معايير صناعة سرعة صفحات الهاتف المحمول وحللت سلوك العملاء لمعرفة كيفية توافق الاثنين.
لسوء الحظ، لم يفعلوا ذلك.
معنى:
- معظم مواقع الويب للجوال هي .
- المستهلكين أطول من بضع ثوان.
هذه مشكلة. وهذا يعني أن الغالبية العظمى من مواقع الويب المخصصة للهواتف المحمولة تخسر الأموال، مما يجبر العملاء عمليًا على الارتداد والذهاب إلى مكان آخر.
إليك سبب حدوث ذلك وما يجب عليك فعله حيال ذلك.
تؤدي سرعة تحميل الصفحة البطيئة إلى تخريب إيراداتك
تزداد احتمالية ارتداد شخص ما من موقعك بنسبة 113 بالمائة إذا استغرق التحميل سبع ثوانٍ، وفقًا لمعايير صناعة سرعة صفحات الهاتف المحمول من Google، والتي تم إصدارها في فبراير.
المشكلة؟
ويبلغ متوسط الوقت المستغرق لتحميل الصفحة المقصودة على الهاتف المحمول بالكامل 22 ثانية، وفقًا لنفس التقرير.
هذا ليس جيدا. في الواقع، إنه أمر فظيع لأن هذا التأثير المتدفق يصل إلى أرباحك النهائية أيضًا. تؤدي المواقع الأبطأ إلى المزيد من الارتداد مما يؤدي بعد ذلك إلى تقليل التحويلات:
“وبالمثل، عندما يرتفع عدد العناصر – النص والعناوين والصور – في الصفحة من 400 إلى 6000، فإن احتمالية التحويل تنخفض بنسبة 95 بالمائة.”
هذا ليس شيئا جديدا. لطالما كانت سرعات الصفحة البطيئة هي العدو رقم واحد لسنوات عديدة. منذ أكثر من عقد من الزمان، أكدت ماريسا ماير، موظفة Google آنذاك، أن Google نفسها شاهدت انخفاض بنسبة 20 بالمئة في حركة المرور مع تأخير 0.5 ثانية فقط.
فهرسة الهاتف المحمول أولاً قادمة، والسرعة هي المحمول كبار المسئولين الاقتصاديين كعب أخيل. تفقد العلامات التجارية للتجارة الإلكترونية نصف حركة المرور الخاصة بها إذا استغرقت الصفحات ثلاث ثوان أو أكثرمما شجع البعض على الدخول في هذا المجال أقل من ثانية.
السبب الرئيسي لبطء الأحمال؟ في كلمة واحدة: سخام.
أكثر مما ينبغي. الطريقة التي تشعر بها بعد عيد الشكر.
قام أحدث تقرير لقياس الأداء في الصناعة من Google بتحليل أكثر من 900000 إعلان للجوال من 126 دولة (لذلك يبدو أن حجم العينة لا يمثل مشكلة). كان حجم سبعين بالمائة من الصفحات أكبر من 1 ميجابايت و”يستغرق تحميل 1.49 ميجابايت 7 ثوانٍ باستخدام اتصال 3G سريع” (مما يعيد الأمور إلى سبع ثوانٍ وزيادة احتمالية الارتداد بنسبة 113 بالمائة).
الحل ليس سهلا. لن يعجبك ذلك.
في الواقع، قد يغريك الاختصار. قد يبدو من الأسهل في البداية استخدام بديل متوافق مع الجوّال مثل AMP أو Facebook مقالات فورية.
ولكن هذا سيكون خطأ.
هذا هو السبب.
المشكلة مع AMP والمقالات الفورية
ال مشروع تسريع صفحات الجوال (AMP) هي “مبادرة مفتوحة المصدر” موصوفة ذاتيًا ذات هدف سامٍ لجعل الويب أسرع.
يمكن للشركات التي تستخدم التكنولوجيا الخاصة بها أن ترى صفحات الهاتف المحمول يتم تحميلها “بشكل فوري تقريبًا”. يقوم بذلك عن طريق تقليل كمية الموارد المطلوبة من خلال تحسين وضغط الملفات الضخمة مثل صورك.
المُثُل سامية وطموحة. والنتائج جيدة باعتراف الجميع.
تعد مجلة Wired مجرد واحدة من العديد من دور النشر الضخمة التي تكشف عن أبرز الأحداث المتوهجة، مع زيادة 25 بالمئة في نسب النقر إلى الظهور من نتائج البحث. حركة مرور AMP الخاصة بـ Gizmodo هي 80 بالمائة من الزوار الجدد (من المفترض أن يأتي عبر البحث).
لماذا يعمل AMP بشكل جيد؟ لا تحتاج إلى بنديكت كومبرباتش لذلك. إنه مشروع مدعوم من Google. لذا تميل صفحات AMP إلى الحصول على، كيف ينبغي أن نقول، موضع SERP الرئيسي للجوال.
هذا امر جيد. ولكن هناك بعض العيوب.
يعد تنفيذ AMP أكثر صعوبة من الناحية الفنية بالنسبة للمبتدئين. يرى جان داوسون أن هذا يجعل النشر على الويب أكثر صعوبة، فكتب:
“من الناحية الفنية، تستخدم هذه التنسيقات عناصر قائمة على المعايير – على سبيل المثال، AMP عبارة عن مزيج من HTML المخصص وجافا سكريبت المخصص والتخزين المؤقت. لكن النقطة المهمة هنا هي أن مخرجات منصات النشر التقليدية عبر الإنترنت غير متوافقة مع أي من هذه التنسيقات الثلاثة. ومن أجل النشر بهذه التنسيقات مباشرة، فإنك تحتاج إلى معرفة الكثير من التعليمات البرمجية أكثر مما كنت أعرفه في منتصف التسعينيات قبل ظهور الجولة الأولى من أدوات WYSIWYG للويب.
لحسن الحظ، الأمور أسهل بالنسبة لمواقع WordPress. فيما يلي دليل من ثلاث خطوات لإعداد AMP على موقع WordPress.
ولكن هناك مشاكل أخرى. يعد فقدان علامتك التجارية على صفحات AMP أمرًا واحدًا. ليست جيدة ولكنها ليست صفقة قاتلة بالضرورة. فقدان حركة المرور الخاصة بك المحمول إلى Google شيء آخر تمامًا، وهو أيضًا جوهر المشكلة.
لم يعد محتوى AMP ملكًا لك من الناحية الفنية. يمكن أن يؤثر هذا على أشياء مثل عائدات الإعلانات، حيث تكون النتائج مختلطة، كما هو موضح في التغريدات التالية من ماري هاينز الذي لفت انتباهي قبل بضعة أشهر:
Facebookتعمل المقالات الفورية لـ AMP إلى حد كبير بنفس طريقة عمل AMP. إيجابيات وسلبيات مماثلة أيضا.
يتم تحميل الصفحات بسرعة فائقة على الجانب الإيجابي، ويقال إنها تصل إلى أسرع بـ 10 مرات. النتائج المبكرة من Facebook الشركاء أظهر أيضًا انخفاضًا بنسبة 70 بالمائة في التخلي عن المقالات الفورية (مع نسبة نقر إلى ظهور بنسبة 20 بالمائة للتمهيد).
لكن نفس مشاكل البنية التحتية الخاصة بالملكية تسببت في قيام العديد من تكتلات الوسائط بالضغط على زر الإيقاف المؤقت. بحسب التحليل من نيوزويب و Digiday، انسحبت العديد من الشركات البارزة Facebook مقالات فورية في العام الماضي أو نحو ذلك:
- انتقلت بوسطن غلوب من نسبة لا تصدق 100 بالمائة إلى 0 بالمائة
- وسجل موقع Business Insider نسبة 10% والآن بالكاد يسجل 2%
- وانخفضت نسبة صحيفة نيويورك تايمز إلى 10 بالمئة
- انتقل المحيط الأطلسي من نشر 85 بالمائة إلى حوالي 10 بالمائة فقط الآن
- المتبنون الآخرون الأوائل مثل بي بي سي نيوز، ناشيونال جيوغرافيك، ووول ستريت جورنال أصبحوا الآن “بالكاد يستخدمون المنصة”
الآن، هذا ليس شيئًا يشبه الدجاج الصغير، “السماء تسقط”. لكنه مدعاة للقلق.
توفر الأنظمة الأساسية الملائمة للجوال طريقًا مختصرًا هائلاً لزيادة سرعة صفحات الجوال. ومع ذلك، هناك عيوب خطيرة جدًا أيضًا، مثل ضمادات الأذرع المكسورة.
النهج الأكثر حكمة هو أن تشمر عن سواعدك، وتنظر إلى المدى الطويل، وتصلح موقعك من الألف إلى الياء.
هيريس كيفية القيام بذلك.
كيفية تشخيص بطء سرعة صفحة الهاتف المحمول
اختبار موقعي هو الإصدار الجديد من أداة PageSpeed القديمة من Google (المكتملة بأحدث وأكبر، 2017 OC Housewives-style تجميل).
لذا ابدأ هناك.
أشر وقم بالنقر. يجب أن تظهر هذه الصفحة بعد ذلك.
ما عليك سوى توصيل عنوان URL الخاص بك والضغط على .
أولاً، ستشاهد درجة التوافق مع الهاتف المحمول. ثم في المنتصف توجد درجة سرعة الهاتف المحمول المعنية.
روه روه.
دعنا ننتقل للأسفل قليلاً لمعرفة المزيد من التفاصيل حول تلك الدرجة التي كانت على وشك الفشل.
انقر فوق هذا المربع الصغير لعرض تقييم تفصيلي للمكان الذي يعمل فيه موقعك بشكل جيد، بالإضافة إلى المناطق التي لا تعمل بشكل جيد.
من حسن الحظ أن جوجل تدخل في تفاصيل العناصر الفردية التي تسبب لك أكبر المشاكل.
فيما يلي طريقة عرض أخرى لتقييم سرعة صفحة الهاتف المحمول على جهاز محمول. لماذا لا؟ الجميع يحب النكتة الفوقية الجيدة.
نعم. إذن النتيجة ليست جميلة هذا جيّد. لأننا الآن نعرف ما يجب إصلاحه.
الخطوة التالية هي التعمق في بعض معايير صناعة سرعة صفحات الهاتف المحمول الجديدة ومعرفة كيفية زيادتها.
ربط حزام الأمان. إنه على وشك أن يصبح غريب الأطوار.
كيفية التغلب على 3 معايير لسرعة صفحة Google للجوال
1. قم بتقليل متوسط عدد الطلبات لديك
أفضل ممارسات Google: أقل من 50
الطلبات حرفية. يحاول شخص ما زيارة موقع الويب الخاص بك ويطلب متصفحه معلومات من الخادم الخاص بك. يتم تجميع البيانات وإرسالها مرة أخرى.
كلما زاد عدد الطلبات، كلما استغرق الأمر وقتًا أطول. قم بتقليل عدد الطلبات التي يجب إرسالها ذهابًا وإيابًا ويمكنك تقليل متوسط أوقات تحميل الصفحة بشكل كبير في جميع المجالات.
أولاً، قم بتقليل عدد الملفات التي يجب إرسالها. زبادي يستشهد بـ JavaScript وCSS والصور باعتبارها مشكلاتك الأساسية الثلاثة.
تصغير JavaScript وCSS يقتل عصفورين بحجر واحد. فهو يقلل من عدد الملفات التي يجب إرسالها ذهابًا وإيابًا. فهو يقلل من الحجم الإجمالي للملف أيضًا.
- ال GIDNetwork سوف تساعدك على إجراء تدقيق الضغط.
- غزيب سيحول ملفات موقع الويب إلى ملفات مضغوطة لتسهيل عمليات النقل.
- الفسفور الأبيض سوبر تصغير هو مكون إضافي لـ WordPress من شأنه أن يقوم بالكثير من العمل الثقيل من أجلك.
- بخلاف ذلك، يمكن لـ YUI Compressor من Yahoo المساعدة في معالجة ضغط CSS وJavaScript.
يعتمد تصميم الويب المعاصر على الصور بنسبة 90 بالمائة. لقد اختلقت للتو هذا الإحصاء. لكنك حصلت على هذه النقطة. تبدو مواقع الويب اليوم وكأنها أغلفة مجوفة إذا قمت بإزالة الصور الجميلة الجاهزة لشبكية العين والتي تمتد عبر شاشتك.
المشكلة هي أن الصور (إذا لم يتم التعامل معها بشكل صحيح) ستقضي على أوقات التحميل. مرة أخرى، يوصي Yoast باستخدام CSS sprites لدمج صور متعددة في صورة واحدة. SpriteMe، على سبيل المثال، سوف يلتقط صور الخلفية ويجمعها لتقليل العدد الإجمالي للصور الفردية.
يمكن لشبكات توصيل المحتوى (CDNs) أيضًا مساعدتك في استعادة النطاق الترددي وتقليل طلبات مواقع الويب. إنهم يستضيفون ملفات صور كبيرة لك ويوزعونها عبر شبكتهم العالمية من الخوادم. ماكس سي دي إن و CloudFlare هي من بين الأكثر شعبية.
وأخيرًا وليس آخرًا، قم بتقليل عمليات إعادة التوجيه التي تستخدمها إن أمكن. تؤدي عمليات إعادة التوجيه إلى إنشاء طلبات إضافية. لذا تابع بحذر.
2. تقليل متوسط وزن الصفحة
أفضل ممارسات Google: أقل من 500 كيلو بايت
يريد ثمانية وسبعون بالمائة من المتسوقين المزيد من صور المنتجات، وفقًا لتقرير Omni Channel Retail من BigCommerce.
المشكلة، كما ناقشنا للتو، هي أن الصور يمكن أن تعوق تحميل الصفحات. يقومون بإنشاء المزيد من الطلبات للخوادم. لكنهم يضعون متوسط وزن صفحتك على خطة ضخمة من شأنها أن تجعل لاعبي كمال الأجسام الأذكياء في صالة الألعاب الرياضية الخاصة بك يشعرون بالغضب من الحسد.
يجب أن يكون حجم الصفحة أقل من 500 كيلو بايت وفقًا لجوجل. ومع ذلك، فإن صورة واحدة عالية الدقة غير محسنة يصل حجمها بالفعل إلى حوالي 1 أو 2 ميجابايت.
يمكنك البدء ببساطة بقص أحجام صورك بحيث يكون كل منها بالعرض والارتفاع الدقيقين للمساحة المستخدمة. باستثناء، بالطبع، لا أحد يفعل ذلك على الإطلاق. يدويا. في كل مرة يقومون بتحميل صورة.
لذا بدلًا من ذلك، لنبدأ بضغط ملف الصورة نفسه باستخدام شيء مثل الفسفور الأبيض سماش.it. أداة غير تابعة لـ WordPress مثل Compressor.io يمكنه أيضًا تصغير الصورة بنسبة تصل إلى 73 بالمائة.
لنقم بتشغيل سيناريو سريع:
- يتراوح متوسط تحويلات مواقع التجارة الإلكترونية حول 1-3 بالمائة.
- ويمكن أن يرتفع هذا الرقم إلى 5 بالمائة. (مثال واحد، ناتومونتس، تشهد معدلات تحويل تصل إلى 5 بالمائة مع 85 بالمائة تقريبًا من الهاتف المحمول!)
- لقد اكتشفنا للتو أن المتسوقين يريدون المزيد من صور المنتجات.
- وحتى الآن، وفقا ل برامج رادوير، 45 بالمائة من أفضل 100 موقع للتجارة الإلكترونية لا تقوم بضغط الصور!
3. تقليل متوسط الوقت للبايت الأول
أفضل ممارسات Google: أقل من 1.3 ثانية
الوقت حتى البايت الأول (TTFB) هو قياس يوضح المدة التي يجب أن ينتظرها المتصفح قبل تلقي البايت الأول من البيانات من الخادم.
إنها في الأساس عملية من ثلاث خطوات:
- يرسل الزائر طلب HTTP إلى الخادم الخاص بك.
- يجب على الخادم الخاص بك معرفة كيفية الرد. يتضمن ذلك جمع البيانات المطلوبة وتنظيمها لإرسالها مرة أخرى.
- على افتراض أن كل شيء يسير على ما يرام، يتم إرسال الطلب مرة أخرى إلى الزائر.
TTFB هو الوقت الذي تستغرقه هذه الدورة الكاملة للانتهاء.
لقد قمنا بالفعل بتغطية بعض العوائق المحتملة خلال هذه الرحلة. هناك عدد كبير جدًا من الطلبات، وعدد كبير جدًا من عمليات إعادة التوجيه، وعدد كبير جدًا من مكونات WordPress الإضافية غير المرغوب فيها، وما إلى ذلك، كلها تؤثر سلبًا. إن اتصال الشبكة وسرعتها الخاصة بزائر موقع الويب لها أيضًا تأثير.
تساعد شبكات CDN المذكورة أعلاه أيضًا من خلال تقليل عبء العمل على الخادم الخاص بك. إنهم يتحملون عبء تسليم الملفات الكبيرة حتى يتمكن الخادم الخاص بك من التركيز على تسليم بقية ملفات ومحتوى موقعك. بل إن أفضل شبكات CDN تقطع شوطًا إضافيًا. على سبيل المثال، يمكن أن يكون لتقليل الموقع الفعلي بين الشخص الذي يطلب ملفًا والخادم الذي يرسله تأثيرًا كبيرًا.
يؤدي التخزين المؤقت إلى تقليل TTFB من خلال مساعدة متصفحات الويب على تخزين بيانات موقع الويب الخاص بك. والأفضل من ذلك كله، أنه لا يتطلب سوى مكون إضافي بسيط (مثل W3 إجمالي ذاكرة التخزين المؤقت) أو استخدام مضيف ويب متميز سيقوم بإعداد التخزين المؤقت لك على مستوى الخادم (لذلك لا توجد حاجة إلى أدوات أو مكونات إضافية إضافية).
مضيف الويب يشبه أساس الخادم الخاص بك. يمكنك تحسين الصور كما تريد. استخدم أفضل CDN في السوق. ولكن إذا كنت تستخدم بطيئة استضافة مشتركة الذي يؤدي إلى تقسيم الموارد، سيكون موقعك بطيئًا بغض النظر عن عدد الحيل أو النصائح أو الاختراقات التي تستخدمها.
أخيرًا وليس آخرًا، القليل من خفة اليد.
من الناحية الفنية، لن تؤدي إزالة ملفات JavaScript من القسم الرئيسي ونقلها إلى مستوى أدنى في مستند HTML إلى تقليل العدد الإجمالي للطلبات أو تقليل أحجام الملفات. ولكنه سيساعد على تحميل الأشياء المهمة – مثل الكلمات الموجودة في كل صفحة – بشكل أسرع قليلاً.
جافا سكريبت أنانية. إنه يريد تحميل كل التعليمات البرمجية الخاصة به قبل السماح لأي شيء آخر على الصفحة أن يكون له دور. يؤدي دفعها إلى الأسفل إلى إجبارها على انتظار دورها حتى تظهر بعض الصور والمحتوى الأساسي أولاً.
يعد التحميل البطيء أسلوبًا شائعًا آخر لن يقوم بتحميل (أو عرض) الصورة حتى تصبح ضمن نطاق العرض. وبهذه الطريقة، يمكن تحميل محتوى الصفحة أولاً. وهذا مفيد في الصفحات الطويلة التي تحتوي على الكثير من الصور (مثل منشور المدونة هذا). لدى WPMU قائمة بـ ستة إضافات WordPress بطيئة التحميل للتجربه.
خاتمة
لقد قدمت Google عددًا من مقاييس سرعة صفحات الهاتف المحمول بشكل مفيد لتحقيقها بناءً على تحليلها المتعمق لما يريده العملاء. ولسوء الحظ، فإن الغالبية العظمى من المواقع قريبة منهم.
تبين أن السرعة البطيئة لصفحة الهاتف المحمول تؤدي إلى ارتداد المستخدمين، مما يؤثر على مكان ظهورك في نتائج البحث، وفي النهاية ما يمكن لموقع الويب الخاص بك أن يحققه من إيرادات.
ابدأ بتقليل عدد الطلبات التي تحدث في كل مرة يزور فيها شخص ما موقعك. ثم قم بتقليل أحجام الملفات مع متوسط الوقت للبايت الأول.
سوف يستغرق الأمر بعض رفع الأثقال. بالتأكيد بعض المساعدة ديف. ولكنها فرصتك الوحيدة لإنقاذ الأداء دون المستوى الذي يفسد أرباحك النهائية.
