هل ترغب في إزالة الملفات (CSS & JS) التي تمنع تحميل الصفحات على WordPress؟ إذا كنت تختبر موقعك على Google Insights PageSpeed ، فمن المحتمل أن ترى اقتراحًا لإزالة البرامج النصية التي تمنع الصفحات من التحميل. في هذا البرنامج التعليمي ، سنوضح لك كيفية إصلاح هذه الملفات التي تمنع تحميل صفحاتك ، لتحسين نقاط Google PageSpeed.
ما الذي يمنع تحميل الصفحات؟
يحتوي كل موقع من مواقع WordPress على سمة ومكونات إضافية تضيف ملفات JavaScript و CSS في النهاية وقبل أن تكون الصفحة مرئية على المتصفح. يمكن أن تزيد هذه البرامج النصية من وقت تحميل صفحة موقعك ، كما يمكنها أيضًا منع عرض الصفحة.
سيحتاج متصفح المستخدم إلى تحميل البرامج النصية و CSS قبل تحميل محتوى الصفحة. هذا يعني أن المستخدمين الذين يستخدمون اتصالاً أبطأ سيتعين عليهم الانتظار بضعة أجزاء من الألف من الثانية لعرض الصفحة.
سيحتاج مالكو المواقع الذين يحاولون تحقيق نتيجة جيدة في Google PageSpeed إلى حل هذه المشكلة.
1 - كيفية تصحيح عرض الصفحة باستخدام Autoptimize
هذه الطريقة أبسط وأوصت بها لمعظم المستخدمين.
أول شيء عليك القيام به هو تثبيت وتفعيل البرنامج المساعد " Autoptimize ". لمزيد من التفاصيل ، انظر دليلنا خطوة بخطوة حول كيفية تثبيت مكون WordPress الإضافي.
بعد تفعيل البرنامج المساعد ، يجب عليك زيارة " الإعدادات> التحسين التلقائي لتكوين إعدادات البرنامج المساعد.
يمكنك البدء بتحديد مربع الخيار JavaScript و CSS ثم النقر فوق الزر "حفظ التغييرات".
يمكنك الآن اختبار موقع انترنت باستخدام أداة PageSpeed. إذا كان لا يزال هناك برامج نصية تحظر عرض الصفحة ، فأنت بحاجة إلى العودة إلى صفحة إعدادات البرنامج المساعد والنقر على زر "إظهار الإعدادات المتقدمة" في الأعلى.
هنا يمكنك السماح للمكون الإضافي بتضمين JS المضمنة وإزالة البرامج النصية المستبعدة افتراضيًا مثل "seal.js" أو "jquery.js".
ثم قم بالتمرير لأسفل إلى خيار CSS واسمح للمكون الإضافي بدمج جميع ملفات CSS.
انقر فوق الزر "حفظ التغييرات وإفراغ ذاكرة التخزين المؤقت" لحفظ التغييرات و مسح ذاكرة التخزين المؤقت البرنامج المساعد.
بمجرد الانتهاء ، امض قدمًا وتحقق من ملف موقع انترنت مرة أخرى باستخدام أداة PageSpeed.
تأكد من اختبار موقعك بدقة لمعرفة أن كل شيء يعمل بشكل صحيح بعد تحسين ملفات JavaScript أو ملفات CSS.
2 - إصلاح تقديم ملف مع W3 Total Cache
تتطلب هذه الطريقة المزيد من العمل ويوصى بها لأولئك الذين لديهم بالفعل W3 Total Cache على أجهزة الكمبيوتر الخاصة بهم موقع على شبكة الإنترنت.
ستحتاج أولاً إلى تثبيت المكون الإضافي W3 Total Cache وتنشيطه. إذا كنت بحاجة للمساعدة ، ترى لدينا دليل كامل W3 إجمالي الكاش.
ثم تحتاج إلى زيارة "الأداء> الإعدادات العامة" وانتقل لأسفل إلى قسم "تصغير".
بادئ ذي بدء ، تحتاج إلى تحديد مربع "تمكين" ثم تحديد "يدوي" لخيار وضع التصغير.
انقر فوق الزر حفظ جميع الإعدادات لحفظ الإعدادات الخاصة بك.
ثم أنت بحاجة لإضافة النصوص وCSS تريد أن يتقلص.
يمكنك الحصول على عناوين URL لجميع البرامج النصية وأوراق الأنماط التي يجب دمجها وفقًا لـ Google PageSpeed Insights.
تحت الاقتراحات حيث تقول " القضاء على تقديم حجب جافا سكريبت وCSS "، انقر فوق" إظهار كيفية الحل ". سيُظهر لك قائمة البرامج النصية وأوراق الأنماط.
حرك مؤشر الفأرة فوق البرنامج النصي وسيظهر لك عنوان URL الكامل. يمكنك تحديد عنوان URL هذا ، ثم استخدام CTRL + C على لوحة المفاتيح (Command + C في أنظمة تشغيل Mac) لنسخ عنوان URL.
انتقل الآن إلى لوحة إدارة WordPress وانتقل إلى " أداء > Minifier ".
تحتاج أولاً إلى إضافة ملفات JavaScript التي تريد ضغطها. قم بالتمرير لأسفل إلى قسم JS ثم أسفل مجموعة "العمليات في المناطق" من النوع المضمن إلى "عدم الحظر باستخدام" غير المتزامن "للقسم .
ثم عليك أن تضغط على الزر إضافة سيناريو ثم ابدأ في إضافة عناوين URL للنصوص التي نسختها من أداة Google PageSpeed.
بمجرد الانتهاء ، قم بالتمرير لأسفل إلى قسم CSS وانقر فوق الزر "Add Style Sheet". ابدأ الآن في إضافة عناوين url الخاصة بورقة الأنماط التي نسختها باستخدام أداة Google PageSpeed.
الآن انقر على الزر حفظ الإعدادات & تطهير ذاكرة التخزين المؤقت لتخزين الإعدادات الخاصة بك.
قم بزيارة أداة Google PageSpeed واختبر موقع الويب الخاص بك مرة أخرى.
تأكد أيضًا من اختبار موقع الويب الخاص بك بعناية لترى أن كل شيء يسير على ما يرام.
هذا كل شيء في هذا البرنامج التعليمي ، وآمل أن يسمح لك بتحسين أداء ملف بلوق وورد.
