فيما يتعلق بأداء المواقع الإلكترونية، يُعدّ التخلص من الموارد التي تعيق عرض الصفحة أحد العوامل الحاسمة. تُؤخر هذه الموارد عملية عرض الصفحة، وقد تشمل ملفات جافا سكريبت وملفات CSS. يجب تحميل هذه الموارد قبل أن يتمكن المتصفح من بدء عرض الصفحة. يشمل ذلك ملفات CSS وجافا سكريبت الخارجية، وأي شيء آخر قد يُؤخر المتصفح في بداية عرض الصفحة.
بينما تُعدّ بعض الموارد التي تُعيق عرض الصفحة ضرورية، مثل ملفات CSS التي تضمن ظهورها بشكل صحيح، يُمكن تحسين موارد أخرى أو إزالتها. ولتحقيق أقصى سرعة تحميل لموقعك الإلكتروني، من الضروري تحديد الموارد التي تُعيق العرض وتقليلها أو إزالتها قدر الإمكان. ربما لاحظت هذه التوصية أثناء اختبار موقع ووردبريس باستخدام أداة PageSpeed.
كيفية تحديد مورد يعيق عملية العرض؟
عند محاولة تحسين أداء موقعك الإلكتروني، قد تصادف مصطلح "الموارد التي تعيق العرض". يشير هذا المصطلح إلى أي موارد يجب تحميلها قبل أن يتمكن المتصفح من بدء عرض الصفحة. عادةً ما يشمل ذلك ملفات CSS وJavaScript الخارجية.
يمكنك استخدام أدوات مطوري جوجل كروم لتحديد الموارد التي تعيق عرض الموقع. افتح موقعك الإلكتروني في كروم، ثم افتح أدوات المطورين. انقر على علامة التبويب "التغطية"، ثم تأكد من تحديد خيار "تعطيل التخزين المؤقت". سيضمن ذلك عرض أحدث نسخة من موقعك الإلكتروني.
الآن، أعد تحميل موقعك الإلكتروني. ستعرض لك أدوات المطورين قائمة بجميع الموارد التي يتم تحميلها أثناء عرض صفحتك. ابحث عن أي موارد بجانبها خط أحمر . هذه هي الموارد التي تعيق عرض الصفحة.
ثلاث طرق لإزالة مورد يعيق عرض الصفحة في ووردبريس؟
توجد عدة طرق مختلفة للقيام بذلك في ووردبريس.
الطريقة الأولى:
إحدى الأساسيةمباشرةً في ملف HTML بدلاً من استدعاء ملف أنماط خارجي. قد تكون هذه الطريقة فعّالة للمواقع الصغيرة ذات الصفحات القليلة، ولكنها غير عملية للمواقع الكبيرة. بعد تحديد الموارد التي تعيق عرض الصفحة، ستحتاج إلى إزالتها أو تضمينها مباشرةً. التضمين يعني تضمين المورد مباشرةً في الكود، فلا حاجة لتحميله بشكل منفصل. يمكن القيام بذلك باستخدام ملفات JavaScript وCSS. Flyingpress وWP Rocket وSwift Performance و LiteSpeed Cache تساعدك
الطريقة الثانية:
خيار آخر هو تحميل الموارد غير الأساسية بعد تحميل الصفحة الأولي. ويمكن تحقيق ذلك باستخدام تقنيات التحميل غير المتزامن، مثل تحميل ملفات جافا سكريبت بعد تحليل المستند أو باستخدام سمات defer.
الطريقة الثالثة:
أخيرًا، يمكنك أيضًا تجربة تقليل عدد الموارد المطلوبة في كل صفحة. قد يعني هذا دمج ملفات CSS أو JavaScript المتعددة في ملف واحد، أو استخدام صور أصغر حجمًا تُحمّل بشكل أسرع. بتقليل عدد الموارد التي تعيق عرض الصفحة، يمكنك تحسين سرعة تحميل موقعك الإلكتروني بشكل ملحوظ، وتوفير تجربة مستخدم أفضل لزوارك. إذا كنت بحاجة إلى مزيد من الوقت للتعود على العمل مع الكود، يمكن لبعض الإضافات المساعدة في أتمتة هذه العملية، مثل Autoptimize وWPRocket وغيرها.
في بعض الحالات، قد تكون الموارد التي تعيق عرض الصفحة ضرورية لكي يعمل موقعك الإلكتروني بشكل صحيح. في هذه الحالات، ستحتاج إلى إيجاد طريقة لتحسينها بحيث يتم تحميلها بشكل أسرع.
الخلاصة
إذا اتبعت النصائح المذكورة أعلاه، فمن المفترض أنك قد تخلصت الآن من معظم، إن لم يكن كل، الموارد التي تعيق عرض موقعك الإلكتروني. إذا كنت لا تزال بحاجة إلى مساعدة، فراجع خدمة تحسين سرعة ووردبريس. سنساعدك على تحسين أداء موقعك وسرعته، وهو أمر أساسي لإنشاء موقع إلكتروني عالي الجودة وسهل الاستخدام.
تذكر أن هناك عوامل أخرى قد تؤثر على أداء موقعك الإلكتروني، مثل وقت استجابة الخادم، وأحجام الملفات، وجودة الكود. مع ذلك، يُعدّ التخلص من الموارد التي تعيق عرض الموقع نهجًا ممتازًا لتحسين سرعة موقعك الإلكتروني وأدائه، بالإضافة إلى رفع في مؤشرات الأداء الرئيسية للويب .
