كيفية التخلص من الموارد التي تعيق العرض في WordPress (سهل جدًا)
قد تكون موارد حظر العرض مصدر إزعاج كبير للمدونين. وتستمر Google في تحذيرهم من ضرورة إزالتها. هناك العديد من الطرق لإزالتها، ولكن إليك طريقة بسيطة للغاية لا تتطلب كتابة أكواد.
امتلاك مدونة أو موقع ويب سريع أمر بالغ الأهمية، فهو ضروري لتحقيق ترتيب متقدم في محركات البحث. إذا كان موقعك بطيئًا جدًا، فسيؤثر ذلك سلبًا على تحسين محركات البحث (SEO).
كما أن الموقع البطيء قد يؤدي إلى ارتفاع معدل الارتداد، وهو ما قد يضر بعلامتك التجارية من الناحية الفنية بعدة طرق. كما أن الموقع البطيء قد يؤثر على الدخل ومعدل التحويل.
إن أغلب المستخدمين لا يتحلون بالصبر، فإذا استغرق تحميل موقعك وقتًا طويلاً، فسوف يتخلون عنه وينتقلون إلى بديل أسرع. وهذا يعني اختفاء أي عميل محتمل أو مصدر لتعزيز الإيرادات.
إذا كنت تحاول تسريع موقع الويب الخاص بك وتستخدم أداة اختبار مثل Google PageSpeed Insightأحد التحذيرات التي من المحتمل أن تتلقاها هو التخلص من الموارد التي تمنع العرض.
في هذه المقالة، سوف تتعلم كيفية التخلص من الموارد التي تعيق العرض بسهولة.
ما هي موارد حظر العرض؟
الموارد التي تمنع العرض هي CSS وJavaScript التي تعمل على إبطاء وقت تحميل موقع الويب لأنه يجب تنزيله بواسطة متصفح الويب قبل أن يتم عرض محتوى الصفحة.
عندما يحاول الزائر الوصول إلى موقع ويب، يبدأ المتصفح على الفور في قراءة الموقع من الأعلى إلى الأسفل. إذا كان هناك أي ملفات CSS أو JavaScript، فسيتوقف المتصفح عن القراءة حتى يقوم بتنزيل الملفات ومعالجتها. قبل أن يتمكن المتصفح من عرض المحتويات الموجودة أعلى الصفحة، يجب عليه تنزيل ملفات CSS أو JavaScript.
يمكن للإضافات أو السمات التي تُثبّتها إضافة بعض ملفات CSS وJS. بعضها لا يحتاج إلى التحميل أولًا، بل يُمكن تحميله لاحقًا. ولكن نظرًا لوجودها في الأعلى، فإنها تُبطئ موقعك.
لذا فإن ما تعنيه Google بـ "التخلص من الموارد التي تمنع العرض" هو أنك تقوم بإزالة الموارد غير الضرورية من أعلى موقع الويب الخاص بك لأنها تبطئ تحميل محتوى موقع الويب.
كيفية العثور على الموارد التي تمنع العرض
قبل أن تتمكن من حل مشكلة حجب العرض، تحتاج إلى معرفة مصدرها. يمكنك معرفة الموارد التي حجبت العرض من خلال تشغيل اختبار على إحصاءات سرعة صفحات جوجل or ويب ميسور.
يمكنك اتباع الخطوات التالية للعثور على موارد حظر العرض:
1. يزور إحصاءات سرعة صفحات جوجل
2. أدخل عنوان موقع الويب الخاص بك وانقر فوق تحليل
3. قم بالتمرير لأسفل ولاحظ تحذير إزالة الموارد التي تحظر العرض.
يمكنك التحقق من ذلك في كل من الهاتف المحمول وسطح المكتب.
في عمل أدوات التدوينلا نواجه مشكلات تتعلق بحظر العرض على أجهزة سطح المكتب، ولكننا نواجهها على الأجهزة المحمولة. لذا، سنستخدم الأجهزة المحمولة كما ترى أدناه.
بالنسبة للأجهزة المحمولة، كما ترى أعلاه، لدينا مشكلتان في منع العرض. بدرجة 2. كانت الدرجة أعلى، ولكن من أجل هذه التدوينة، كان عليّ إلغاء تنشيط مكون Autoptimize.
حقق موقع BloggingTools.org هذه النتيجة دون أي تحسين لأننا نستخدم قالبًا سريعًا وخفيف الوزن للغاية يسمى GeneratePressنحن نستضيف أيضًا على مضيف ويب سريع جدًا يُعرف باسم Cloudways.
ملاحظات:لا ينبغي أن تكون مهووسًا بالحصول على 100 نقطة في نتيجة PageSpeed Insight. إنها مجرد دليل. عادةً ما يكون متوسط النتيجة من 65 إلى 80 جيدًا بالنسبة لمعظم الأشخاص. لا تقم بإزالة الملفات الأساسية لشركتك.
الميزة الجيدة في WordPress هي أنك لست بحاجة إلى القيام بكل شيء يدويًا. هناك بعض المكونات الإضافية المبرمجة جيدًا لمساعدتك.
كيفية إصلاح مشكلة إزالة الموارد التي تمنع العرض في WordPress
اتبع الخطوات التالية لإصلاح مشكلة إزالة الموارد التي تمنع العرض:
1. قم بتثبيت وتفعيل Autoptimize
هناك العديد من إضافات WordPress التي يمكنها القيام بذلك مثل W3 total cache، WP Rocket وهكذا. ولكن من تجربتي مع العديد من المواقع الإلكترونية، أجد أن Autoptimize دائمًا ما يتعامل مع هذه المشكلة بشكل أفضل بكثير. والجميل في الأمر أن Autoptimize متوافق مع معظم إضافات التخزين المؤقت في ووردبريس، وهو مجاني.
انتقل إلى دليل مكونات WordPress الإضافية لـ تثبيت وتفعيل Autoptimize
2. قم بزيارة إعدادات Autoptimize
إذا كنت بحاجة إلى مكان للعثور على إعدادات Autoptimize، فانقر فوق الإعدادات على لوحة معلومات WordPress الخاصة بك، ثم انقر فوق Autoptimize.
3. تحسين جافا سكريبت
تحت خيارات JavaScript، حدد Optimize Script code وحدد أيضًا assemble JS-files. يمكنك العثور على الإعدادات التي أستخدمها لـ BloggingTools أدناه.
4. تحسين CSS
ضمن خيارات تحسين CSS، حدد تحسين كود CSS. حدد أيضًا تجميع ملفات CSS و"تجميع CSS المضمنة أيضًا". راجع الخيارات التي أستخدمها لأدوات التدوين أدناه.
5. تحسين HTML
إذا كنت تريد أداءً أفضل، فيمكنك أيضًا استخدام Autoptimize لتحسين HTML. ضمن خيارات HTML، حدد تحسين كود HTML. يمكنك الاطلاع على الإعدادات التي أستخدمها لأدوات التدوين أدناه.
6. تحقق من الخيارات المتنوعة
يمكنك التحقق من خيارات متنوعة وتعديل بعض الإعدادات بما يناسبك. يمكنك العثور على إعدادات BloggingTools أدناه.
7. احفظ ثم قم بتفريغ ذاكرة التخزين المؤقت.
بعد ذلك، انقر على "حفظ" ثم قم بتفريغ ذاكرة التخزين المؤقت. هذا كل شيء!
بعد كل هذا، يمكنك التحقق من موقعك مرة أخرى على Google PageSpeed Insight. بالنسبة لـ BloggingTools، بعد القيام بذلك مباشرة، قفزت درجتنا إلى 95 واختفت جميع تحذيرات إزالة الموارد التي تمنع العرض تمامًا. انظر أدناه.
يرجى ملاحظة أنه بناءً على عدد الموارد التي تمنع العرض لديك ومدى أهميتها لموقعك، فقد تظل بعض هذه الموارد موجودة. لا تحاول إزالتها.
إذا كنت تريد التخلص من المزيد، يمكنك استخدام جافا سكريبت غير متزامن، وهو مكون إضافي من نفس مؤلف Autoptimize. يعملان معًا. لا أوصي بهذا لأنه قد يؤدي إلى تعطل موقعك. Autoptimize وحده مناسب!
خاتمة
السرعة مهمة، والتخلص من الموارد التي تعيق العرض يمكن أن يساعد في تحميل موقعك بشكل أسرع ومنحه درجة أفضل على أدوات اختبار السرعة. ولكن لا ينبغي لك أبدًا أن تهتم بهذه الدرجات لأنها موجودة فقط للإرشاد.
إذا كان موقعك الإلكتروني لا يزال بطيئًا للغاية بعد ذلك، فقد تكون المشكلة الأكثر احتمالاً هي أن السمة أو مضيف الويب الخاص بك سيئ، أو أن لديك مكونات إضافية سيئة مثبتة. أوصي كودوايز كأفضل مضيف ويب و GeneratePress كأفضل موضوع. إذا كنت مبتدئًا، Bluehost يمكنني التعامل مع ذلك، ولكن إذا كان بوسعك تحمل التكاليف، فإن Cloudways هو الأفضل. يمكنك البدء مجانًا. أستخدم GeneratePress وCoudways لـ TargetTrend
اقرأ أيضا:
مقالات ذات صلة
