95 على PageSpeed Mobile مع الإعلانات

هل سئمت من الاستضافة البطيئة؟ انقر هنا وتعرف على كيفية استخدام Digital Ocean ، واكسب أيضًا 100 دولار لاستخدامها في Cloud Hosting! تعرف على كيفية تكوينه دون الوصول إلى المحطات والرموز!

هل تعرف كيفية الحصول على درجة أعلى من 95 على الهاتف المحمول في مقاييس PageSpeed من Google؟ حتى مع إعلانات Adsense؟ اعتاد الناس لسنوات عديدة أن يقولوا إنه مستحيل ، لكنني وجدت الحل للحصول على درجات عالية في PageSpeed مع Adsense.

إذا كنت مثلي ، تشعر بجنون العظمة بشأن مقاييس سرعة PageSpeed ومع العناصر الحيوية ، فقد أزعجت يومًا ما لأنك لم تحصل أبدًا على درجة أعلى من 95 على الهاتف المحمول بسبب الإعلانات اللعينة من جوجل Adsense أو ADX.

لقد جربت كل شيء Cache Plugin للحصول على درجة جيدة ولكن من الناحية العملية لا شيء يعمل. لقد اختبرت الطائر الطنان بالفعل ، نينجا سرعة الصفحةو LiteSpeed وحتى بعض المكونات الإضافية الممتازة، ولكن لا شيء جعلني أقترب من 80 على الجوّال بسبب الإعلانات.

حتى يوم من الأيام ، اكتشفت مع WP-Rocket وظيفة خارقة حلت كل مشاكلي. انظر إلى النتائج التي أحصل عليها بفضل هذا:

إذا لم يكن لديك Wp-Rocket ، فيمكنك تجربة استخدام المكونات الإضافية التي تؤدي نفس وظيفة Flying Scripts.

90 no pagespeed mobile com anúncios
90 no pagespeed mobile com anúncios

كيف أحصل على 90 صفحة على PageSpeed للجوال؟

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

لقد فعلت ذلك باستخدام WP-Rocket ووظيفة تأخير JavaScript ، ولكن من المحتمل أن يتم ذلك باستخدام ملحقات أخرى. أضع جافا سكريبت يحتوي على إعلانات جوجل و gstatic يتأخر كما في الصورة أدناه:

90 no pagespeed mobile com anúncios

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

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

هل أفقد عائدًا إذا أخرت JS من الإعلانات؟

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

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

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

الحقيقة هي أن إجراء اختبار A / B لم ألاحظ أي انخفاض في أرباح AdSense الخاصة بي بعد أن أخرت الإعلان. بما في ذلك شبكة ADX التي أستخدمها القيمة يفعل نفس الشيء. بالطبع ، أوصي باختباره بنفسك قبل استخلاص أي استنتاجات.

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

90 no pagespeed mobile com anúncios

طرق أخرى لزيادة نقاط PageSpeed الخاصة بك

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

تحتاج إلى استخدام مكونات إضافية جيدة للتخزين المؤقت مع تصغير CSS و JS. أستخدم أيضًا CDN مجانًا مع Cloudflare Cache واستضيف صوري وملفات جافا سكريبت في ال Jetpack CDN. ناهيك عن موضوعي توليد الضغط إنه خفيف للغاية.

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

نوصي دائمًا بمشاهدة موقعك باستخدام امتداد web.dev بدلاً من مجرد استخدام PageSpeed من Google ، لأنه يقدم بعض المعلومات الشيقة. يوجد امتداد لـ Google Chrome من web.dev إنه من الحيوية التي توضح بالتفصيل المشكلات التي تعيق تحميل صفحتك.

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