إذا قيل لي غداً أنه لا يمكنني أن آخذ معي سوى مكون إضافي واحد إلى جزيرة صحراوية، فعلى الأرجح سآخذ معي بيرفماترز وإذا كان لدي نادي معجبين فسأشترك فيه وأذهب إلى جميع حفلاتهم.
أنا أستخدمها منذ يناير 2021 وكانت إحدى الإضافات التي حلت معظم المشاكل والأكثر مساهمة والأفضل في تخفيف سرعة التحميل.
أساسي إنها واحدة من تلك الأدوات التي لا تشك حتى في الاحتمال البعيد لعدم الدفع عندما يحين يوم التجديد السنوي. وهي بالمناسبة اقتصادية جداً للاستخدام في موقع واحد. فهي تكلف 24.95 دولاراً فقط مع خصم 15% للتجديدات اللاحقة. لذا بدءاً من السنة الثانية فصاعداً يكلف 21.21 دولاراً فقط مقابل 21.21 دولاراً فقط.
نظرًا لأنني قمت بمراجعة بعض وظائفه بشكل منفصل، فقد كان من المنتظر إجراء تحليل أكثر تعمقًا وتهيئة البرنامج التعليمي. هذا هو الهدف من هذا المنشور.
حول التكوين ملاحظة: من نافلة القول أن أيقونات التشغيل والإيقاف التي أضيفها هي تلك التي تتوافق مع تكويني، وهو أفضل ما استطعت الحصول عليه لهذه المدونة. هذا لا يعني أنها المثالية لبيئتك.
كل سيناريو مختلف. سيتعين عليك دراسة كل خيار وفهمه وتجربة سلوكه وتحديد الأفضل في حالتك. لهذا، ليس هناك أفضل من اختبار خياراتك واحدًا تلو الآخر وتقييم النتائج.
شيء آخر يجب أخذه في الاعتبار هو أن الأدوات المكررة سوف تتعارض. هناك إضافات أخرى مثل WP Rocket أو إضافة ذاكرة التخزين المؤقت للخادم مع Litespeed التي تحتوي على بعض الوظائف التي تقوم بنفس الشيء تمامًا. يمكن أن يؤدي تفعيلها معًا إلى حدوث تعارضات. سيكون عليك تقييم أيهما يعمل بشكل أفضل والالتزام بواحد منهما فقط.
علامة تبويب عام في علامة التبويب عام ستجد الأدوات الأكثر شيوعًا. ستجد بجانبها جميعًا رابطًا للمساعدة المقابلة. لا تخف من تجربتها. كل شيء قابل للعكس. بالضغط على المفتاح الخاص بها مرة أخرى، سيعود كل شيء إلى حالته الأصلية ولم يحدث شيء هنا.
تعطيل الرموز التعبيرية
في الإصدار 4.2 من ووردبريس 4.2 لعام 2015، تمت إضافة دعم الرموز التعبيرية في النواة للمتصفحات القديمة.
على الرغم من أنها ليست ثقيلة للغاية (18 كيلوبايت بالإضافة إلى JS أخرى) يمكنك تعطيلها لأنها تقوم بتحميل wp-emoji-emoji-release.min.js JavaScript على كل صفحة من صفحات مدونتك وطلب واحد أقل هو دائمًا طلب واحد أقل.
إلغاء تنشيط dashicons
Dashicons هو خط الأيقونات الرسمي لمسؤول ووردبريس منذ الإصدار 3.8. تستخدمه بعض القوالب في الواجهة الأمامية عن طريق تحميل dashicons.min.css CSS. ومع ذلك، فإن العديد من القوالب والإضافات الحديثة تستخدم بالفعل أيقوناتها الخاصة أو صور SVG أو لا تستخدم أيقونات على الإطلاق. لذا إذا كنت لا تستخدم dashicons، فيمكنك تعطيلها لأن ورقة الأنماط تضيف وقت تحميل غير ضروري وتمنع العرض أيضًا.
لا يؤثر تعطيلها من Perfmatters على لوحة إدارة WordPress التي تستخدمها. ستتم إزالة الأيقونات في الواجهة الأمامية فقط عندما لا تقوم بتسجيل الدخول.
تعطيل التضمين (Embebs)
عندما تضيف أي رابط من مدونتك في المحرر، يتعرف ووردبريس عليه ويعرضه على هذا النحو (إذا لم تقم بتعديل التصميم).
إذا كنت لا تهتم بالتضمينات، يمكنك إيقاف تشغيلها وتخفيف العبء قليلاً. لم أقم بإيقاف تشغيلها لأنني لاحظت أن الروابط التي تحتوي على معاينات تميل إلى الحصول على معدلات نقر جيدة عند استخدامها كروابط ذات صلة بين الفقرات.
جاء التضمين مع الإصدار 4.4 من ووردبريس. الجانب السلبي هو أنها جاءت مع رمز إضافي تمت إضافته بما في ذلك جافا سكريبت آخر للتحميل: wp-embed.min.js
يمنع تعطيل التضمينات على مدونتك أيضًا المدونات الأخرى من تضمين الروابط من موقعك بتلك المعاينة، إلا أنه يزيل جافا سكريبت الخاص بـ oEmbed، ويعطل تصفية نتائج oEmbed,
تعطيل XML-RPC
XML-RPC هو بروتوكول تمت إضافته في ووردبريس 3.5 للسماح بالاتصالات عن بُعد، وما لم تكن تستخدم تطبيق ووردبريس لنشر مدونتك أو تحريرها من هاتفك المحمول، فمن المهم تعطيله لأنه يشكل مخاطر أمنية خطيرة.
عدد قليل جدًا من الإضافات التي تحتاج إليه، ولا أعرف سوى إضافة واحدة تستخدمه: JetPack. إضافة متعددة الوظائف لا يُنصح باستخدامها لأنها تعيق الأداء بشكل كبير.
بمجرد تعطيل XML-RPC، ما عليك سوى التحقق من حالته عن طريق زيارة yourdomain.com/xmlrpc.php للتأكد من أنه لا يُرجع سوى رسالة خطأ 403.
يمكنك أيضًا التحقق من ذلك في هذا المدقق . إذا ظهرت لك رسالة كهذه فهذا يعني أن XML-RPC معطل.
إزالة jQuery Migrate
تم تقديمه في ووردبريس 3.6 ولم يعد ممكّنًا بشكل افتراضي منذ ووردبريس 5.5 والإصدارات الأحدث.
على الرغم من أن معظم القوالب والإضافات لا تحتاج إليها، إلا أنه لا يزال هناك عدد قليل منها يتطلبها لبعض الوظائف الثانوية. في حالتي هناك مكونان إضافيان يستخدمانه، وهما Ultimate Membership Pro و Rank Math لشريط الإحصائيات (الذي لا أستخدمه) الذي يتم عرضه للمسؤولين فقط. لا تزال بعض إضافات إدارة الموافقة على ملفات تعريف الارتباط تستخدمها حتى وقت قريب.
يعد jQuery Migrate موردًا للمطورين يسمح بالتواصل بين الشيفرة ذات التبعيات القديمة والشيفرة الجديدة.
من المحتمل أنه ليس لديك أي إضافات تحتاج إليها، لذا فإن jQuery Migrate يضيف النفقات الزائدة غير الضرورية لجافا سكريبت jquery-migrate.min.js .
ومع ذلك، تحقق من وثائق الإضافات الخاصة بك قبل إلغاء تنشيطها أو اسأل المطورين (سنرى لاحقًا كيفية إلغاء تنشيطها لمواقع محددة).
إخفاء إصدار ووردبريس
لا يوجد أي غموض في هذا الخيار، فهو ببساطة يخفي إصدار ووردبريس الذي قمت بتثبيته عن أعين المتطفلين كإجراء أمني.
وهذا، الذي يمكن القيام به بطرق مختلفة، مفيد في حال تأخرت في تحديث شيء ما حيث تظهر ثغرات في الإصدار الخاص بك يمكن استغلالها أو يمكن اختراق النواة. على الأقل من خلال إخفاء الإصدار فإنك تجعل الأمر أقل سهولة للمهاجمين الذين يبحثون عن الثغرات.
على الرغم من إزالة سطر واحد فقط من التعليمات البرمجية، ويتم ذلك بشكل أساسي لأسباب أمنية، إلا أنه بالنسبة لمحبي التحسين، فهو مجرد قرصة أخرى تضيف إلى المجموع المراد طرحه.
إزالة رابط wlwmanifest
هذه علامة تظهر على كل تثبيت لـ WordPress وكانت تُستخدم بواسطة Windows Live Writer، والتي توقف تحديثها ودعمها في يناير 2017.
كما في الحالة السابقة، هذه مجرد شيفرة غير ضرورية، لذا فإن سطرًا واحدًا أقل.
إزالة رابط RSD
علامة أخرى متبقية تظهر في كل تثبيت لـ WordPress.
إذا قمت بتحرير موقعهم من المتصفح فلن تحتاج إليه على الإطلاق. يتم استخدامه أيضًا من قبل بعض تطبيقات الطرف الثالث التي تستخدم طلبات XML-RPC، والتي من المفترض أن تكون قد عطلتها بالفعل. لذا فهذه شيفرة غير ضرورية يجب إزالتها.
إزالة الرابط القصير
يُستخدم هذا لإنشاء رابط قصير بأرقام لصفحاتك ومشاركاتك التي تضيف هذه العلامة:
<link rel='shortlink' href='https://dominio.com?p=123' />إذا كنت تستخدم الروابط الثابتة القصيرة "اللطيفة"، مثل domain.com/%postname% فلا داعي للاحتفاظ بهذه الشيفرة غير المستخدمة، فهي رمز غير ضروري للتخلص منه.
إلغاء تنشيط موجز RSS
يقوم WordPress بإنشاء أنواع مختلفة من خلاصات RSS بشكل افتراضي. على الرغم من أن موجزات RSS لا تزال مفيدة للمدونة، إلا أنه إذا كان موقعك ثابتًا إلى حد ما أو إذا كنت ببساطة لا تستخدمه كمدونة، فيمكنك تعطيل الموجز.
إزالة الروابط من موجز RSS
مثلما ينشئ ووردبريس موجزات RSS، فإنه ينشئ أيضًا روابط لموجزات RSS تلك لصفحاتك ومقالاتك وتعليقاتك وتصنيفاتك ووسومك وما إلى ذلك. يمكنك ترك موجزات RSS ممكَّنة مع الاستمرار في إزالة روابط موجز RSS. الغرض من ذلك هو إزالة شيفرة إضافية وغير مستخدمة على الأرجح من صفحتك.
تعطيل الردود التلقائية
التعقيب التلقائي هو في الأساس تعليق تلقائي مع رابط يتم إنشاؤه كإشعار على مدونتك عندما ترتبط مدونة أخرى بك. يتم إنشاء التعقيب التلقائي عندما ترتبط بمقال داخل مدونتك الخاصة.
في الوقت الحاضر بالكاد يستخدمها أي شخص في الوقت الحاضر، وعادةً ما تكون عمليات إعادة النقر الخارجية التي يمكنك تلقيها عبارة عن رسائل غير مرغوب فيها، فهي تهدر الموارد فقط ويمكن أن تنشئ روابط خبيثة أو مؤقتة معطلة وبالتالي تضر بتحسين محركات البحث.عمليات التعقيب، فهي تنتمي إلى ماضي المدونات، عندما كان الربط كفلسفة للتدوين تقليدًا كجزء من آداب الشبكة.
تعطيل واجهة برمجة تطبيقات REST API
توفّر واجهة برمجة تطبيقات ووردبريس REST API نقاط نهاية واجهة برمجة التطبيقات لأنواع بيانات ووردبريس التي تسمح للمطوّرين بالتفاعل مع المواقع عن بُعد عن طريق إرسال واستقبال كائنات JSON.
يسمح بالإحالة المرجعية مع المواقع الأخرى ومع البرامج المكتوبة بلغة PHP أو أي لغة أخرى.
هناك العديد من الإضافات والخدمات والتطبيقات المختلفة التي تستخدم واجهة برمجة تطبيقات REST، وفقًا لـ Perfmatters، هذه بعض منها
أداة لوحة معلومات Yoast SEO وRete الذكية، وJetpack، وبعض نماذج جهات الاتصال، وWordfence، وبعض أدوات لوحة معلومات WooCommerce الذكية المحددة.
يوفر Perfmatters ثلاثة خيارات. ممكّن (افتراضي)، ومعطل لغير المسؤولين، ومعطل عند تسجيل الخروج .
إزالة ارتباطات REST API
بشكل افتراضي، يتم تضمين رابط REST API في رأس النوع:
<link rel='https://api.w.org/' href='https://domain.com/wp-json/' />يتم أيضًا إرسال رأس في كل طلب وإضافة علامة API إلى نقطة نهاية الاكتشاف البسيط حقًا (RSD). يمكن الاستغناء عن كل هذا الرمز بتفعيل خيار إزالة الروابط الخاصة به.
إلغاء تنشيط خرائط Google
هذا فقط، تعطيل واجهة برمجة تطبيقات خرائط جوجل.
تحتوي بعض قوالب وإضافات ووردبريس على واجهة برمجة تطبيقات خرائط جوجل مدمجة وغالبًا لا تقدم طريقة لتعطيلها. يمكن لخرائط جوجل أن تعيث فسادًا في أداء مدونتك على الرغم من تحميل الطلبات بشكل غير متزامن. عادةً ما يتم الطلب عبر واجهة برمجة تطبيقات خرائط جوجل الرسمية.
فقط لتحميل خريطة على مدونتك، يمكنك إجراء ما يصل إلى 20 طلب HTTP إلى خرائط Google. اعتمادًا على التكامل يمكن أن تقدم طلبات أقل أو أكثر.
إذا لم تكن بحاجة إليها، فيجب إلغاء تنشيطها.
استبعاد تعطيل خرائط Google عن طريق رقم معرّف المنشور
ومع ذلك، إذا لم يكن لديك خيار سوى تضمين الخرائط، فيمكنك استبعاد التعطيل فقط لتلك المقالات التي تحتاج إلى إضافتها. للقيام بذلك يجب أن تضيف في المربع التالي معرِّفات كل مقالة مفصولة بفواصل.
لمعرفة معرّف المنشور يمكنك الانتقال إلى المنشورات/جميع المنشورات من قائمة الإدارة وستجده في رابط التعديل الذي سيظهر في الأسفل عند تمرير مؤشر الفأرة فوق كل عنوان.
تعطيل مقياس قوة كلمة المرور
تم تقديم هذا في أحدث إصدارات ووردبريس وWooCommerce. وهو عبارة عن مقياس قوة كلمة المرور المدمج الذي يجبر المستخدمين على استخدام كلمات مرور قوية ويحمّل العديد من الملفات مثل: /wp-admin/js/password-stassword-strength-meter.min.js و /wp-includes/js/zxcvbn.min.js
يمكن أن يكون zxccvbn.min.js أكبر من 800 كيلوبايت
إذا كنت تستخدم WooCommerce، فإن الملف يوجد أحيانًا أيضًا في هذا المسار:
/wp-content/plugins/woocommerce/assets/js/frontend/password-strength-meter.min.jsاعتمادًا على كل قالب وكيفية ترتيب المطور للأشياء، يتم أحيانًا تحميل هذه الملفات في جميع أنحاء الموقع. لأسباب تتعلق بالأداء، يجب تحميلها فقط على صفحات "الحساب" و"الدفع" و"إعادة تعيين كلمة المرور".
إذا كنتَ لا تزال تجد هذه النصوص البرمجية بين الطلبات بعد إلغاء تنشيطها، فارجع إلى وثائق القالب الخاص بك ووثائق الإضافات التي تعتقد أنها قد تستخدم هذه الوظيفة.
إلغاء تنشيط التعليقات
إذا لم تكن بحاجة إلى التعليقات أو قررت التخلص من الرسائل غير المرغوب فيها بأكثر الطرق تطرفًا، يمكنك تعطيل خيار تعليق القراء. سيختفي نموذج التعليق.
هذه هي قائمة الإجراءات التي سيحاول Perfmatters تنفيذها عند تمكين خيار تعطيل التعليقات :
قم بتعطيل أداة التعليقات الأخيرة المدمجة. قم بإزالة رأس X-Pingback. إزالة روابط موجز التعليقات. تعطيل طلبات تغذية التعليقات. إزالة روابط التعليقات من شريط الإدارة. إزالة دعم التعليقات من جميع أنواع المنشورات. إغلاق مرشحات التعليقات. إزالة روابط التعليقات من قائمة الإدارة. تعطيل صفحة التحدث المدمجة. إخفاء تعليقات لوحة التحكم. إخفاء خيار إعدادات التعليقات في صفحة الملف الشخصي. إعادة نموذج تعليق فارغ عند الطلب. إزالة البرنامج النصي للرد على التعليقات. تذكر أنه إذا اخترت خيارًا أكثر ليونة، فيمكنك إغلاق التعليقات على منشورات معينة فقط من تحرير كل منها بإلغاء تحديد هذا المربع.
أو من الإعدادات/التعليقات يمكنك تعيينها للإغلاق بعد عدد معين من الأيام.
إزالة عناوين URL من التعليقات
بشكل افتراضي، تتضمن تعليقات ووردبريس حقلًا في موقع الويب ينشئ رابطًا لا يتبع (على الرغم من أن مرسلي البريد العشوائي لا يمانعون في ذلك) في اسم كاتب التعليق.
إذا كنت لا ترغب في التعامل مع الروابط التي تنقطع بمرور الوقت، أو لديك عدد قليل جدًا من التعليقات أو تريد ببساطة القضاء على الرسائل غير المرغوب فيها، يمكنك حذف جميع عناوين URL التي أضافها الزوار في التعليقات دفعة واحدة.
سيؤدي تمكينه أيضًا إلى إزالة حقل عنوان URL من النموذج للتعليقات المستقبلية.
إضافة رمز مفضل فارغ
إذا كان لديك بالفعل أيقونة مفضلة على موقعك، فيجب عليك ترك هذا الخيار معطلاً.
تُعد إضافة أيقونة مفضلة بيضاء مفيدة إذا كنت تنشئ وتختبر العديد من عمليات تثبيت ووردبريس الجديدة. إن إضافة أيقونة مفضلة فارغة يوفر عليك تحميل أيقونة مفضلة لكل موقع. أيضًا، إذا نسيت ذلك، فقد يؤدي ذلك إلى إنشاء خطأ 404 في أدوات اختبار السرعة.
إزالة الأنماط العامة
بدءًا من ووردبريس 5.9، أُضيفت شيفرة مضمنة إضافية لتحسين أنماط ثنائية اللون (CSS وSVG). لن يستخدم معظم المستخدمين هذه الميزة على الأرجح، والمشكلة أنها تضيف 311 سطرًا (غير منقوصة) من الشيفرة إلى كل صفحة من صفحات موقعك الموزعة على هذا النحو:
يُضاف أيضًا 196 سطرًا من CSS قبل علامة النص الأساسي و115 سطرًا من كود SVG قبل علامة /النص الأساسي.
الكثير من الشيفرة تستخدم علامات!مهم؛ وهي أيضًا ليست مثالية.
السماع والمراجعات والحفظ التلقائي
تستخدم واجهة برمجة تطبيقات WordPress Heartbeat API /wp-admin/admin-ajax.php لتنفيذ مكالمات AJAX من متصفح الويب.
هذا أمر رائع لأنه يحفظ مسوداتك ويمنع إيقاف التشغيل غير المتوقع من التسبب في فقدانها، ولكنه قد يتسبب أيضًا في استخدام وحدة المعالجة المركزية بشكل كبير وكميات هائلة من مكالمات PHP. على سبيل المثال، إذا تركت لوحة التحكم الخاصة بك مفتوحة، فسوف تستمر في إرسال طلبات POST إلى هذا الملف على فترات منتظمة، كل 15 ثانية. يمكنك زيادة التردد إلى 60 ثانية لتخفيف ذلك.
في الخيار الأول يمكنك اختيار وقت ومكان تفعيله.
يسمح لك الخيار الثالث بتحديد عدد مراجعات إدخالاتك لتوفير المساحة، على سبيل المثال إذا قمت بتعيينه على 10، سيتم حفظ آخر 10 فقط وسيتم حذف الإدخالات السابقة.
وأخيراً، يمكنك ضبط الفاصل الزمني للحفظ التلقائي للمسودات. بشكل افتراضي، يحفظ ووردبريس تلقائيًا كل 60 ثانية. ومع ذلك، بزيادة الفاصل الزمني سيتعين عليك الحفظ يدويًا بشكل متكرر، وهذا يمنع المتصفح من "التعليق" كثيرًا أثناء وجودك في منطقة الإدارة ويحفظ أيضًا عددًا أقل من الكتابات في قاعدة البيانات.
وو كوميرس
حول خيارات التحسينات الخاصة بـ WooCommerce سأقول فقط أنها موجودة، لكنني سأتجنب أي تعليق لأنه من المعتاد في هذا المنزل عدم مراجعة أي شيء ليس لدي واضح جدًا، كما هو الحال. لقد قمت بإلغاء تثبيت WooCommerce في يوليو 2021 وبالكاد أتذكر أي شيء عن الاستجابة لهذه التحسينات لذلك أحيلك إلى وثائقها:
عنوان URL لتسجيل الدخول
ميزة أخرى مثيرة للاهتمام هي القدرة على تغيير عنوان URL الافتراضي لتسجيل الدخول إلى منطقة الإدارة التي يحددها WordPress في yourdomain/wp-admin . إنه يفعل بالضبط نفس ما تفعله البوجينز مثل WPS إخفاء تسجيل الدخول
ستجد ثلاثة حقول:
في الأول يمكنك تغيير عنوان url الوصول إلى wp-admin إلى أي عنوان url تريده، مثل "yourdomain.com/potato "، وبالتالي تجنب هجمات القوة الغاشمة وغيرها، والتي عادةً ما تستهدف عنوان url الافتراضي. فقط قم بتدوينه و/أو حاول ألا تجعله عنوان url غريبًا يحتوي على الكثير من الأحرف حتى لا تنساه (على الرغم من أنه يمكنك دائمًا استرداده بالانتقال إلى جدول wp_options / perfmatters_options ).
يحدد الحقل الثاني (السلوك المعطل) عنوان url الذي سيُرسل إليه الزائر الذي سيصل إلى موقعك/الموقع الإلكتروني/المشرف مع ثلاثة احتمالات:
الرسالة (افتراضي): يعرض رسالة للزائر. يمكنك تخصيص الرسالة بأي نص تريده عن طريق إضافته في حقل الرسالة قالب 404 : سيتم إرسال المستخدم إلى صفحة 404.عنوان URL الرئيسي : تتم إعادة توجيه المستخدم إلى الصفحة الرئيسية.الأصول هنا يصبح الأمر مثيراً للاهتمام حقاً.
مدير البرنامج النصي، ما يميز مدير البرنامج النصي
لا شك أن مدير البرامج النصية Perfmatters هو بلا شك أقوى أدواتهم وأكثرها فائدة. هذا وحده يستحق كل قرش من المبلغ القليل الذي تدفعه مقابل الإضافة ودعمها.
يسمح لك بتعطيل النصوص البرمجية و CSS التي تستخدمها كل إضافة ومنع تحميلها على مقالة أو صفحة، في كلا المكانين أو على مستوى الموقع، والتصفية حسب المستخدمين الذين سجلوا الدخول أو الذين سجلوا الخروج، وحسب الأجهزة، وإضافة استثناءات، بما في ذلك الفئات والوسوم.
يمكن أن يؤدي ذلك إلى زيادة سرعة التحميل بشكل كبير (خاصةً الصفحة الرئيسية) عن طريق التخلص من الطلبات غير الضرورية حيث لا يتم استخدام الإضافات، مثل النماذج أو أي شيء آخر.
يرتقي وضع الاستخدام الإلزامي (MU) بـ "مدير البرامج النصية" إلى أبعد من ذلك بكثير. فهو يمنح المزيد من التحكم ويوفر القدرة على تعطيل استعلامات وخطافات إضافات ووردبريس، بالإضافة إلى CSS وJS المضمنة. يمكنك الآن التحكم في جميع جوانب الإضافة، من نصوصها البرمجية الأمامية والرموز المضمنة واستعلامات MySQL أينما تريد.
ستجد في عرضه العام جميع التكوينات المطبقة في حال احتجت إلى إعادة تنظيمها أو تعديلها أو إضافة تكوينات جديدة أو حذف بعضها.
يحتوي على وثائق كاملة تماماً. إذا لم تكن معتادًا على هذا النوع من الأدوات، فقد يكون الأمر مخيفًا في البداية، ولكن بمجرد تجربته ستكتشف أنه سهل الاستخدام للغاية.
جافا سكريبت
تأجيل وتأخير Javascript.
يمكن أن يساهم كلاهما في تحسين برنامج تيسير التجارة الحرة والبرنامج طويل الأجل .
تؤدي إضافة سمة التأجيل إلى كل ملف جافا سكريبت غير حرج إلى تسريع عملية رسم المحتوى الأول (FCP) للصفحة. هذا يعني أنه يتم تنزيل الجافاسكريبت أثناء تحليل HTML وتنفيذها بعد انتهاء تحميل الصفحة (عند انتهاء التحليل). بعبارة أخرى، يتم دفع تنزيل الجافاسكريبت إلى أسفل الصفحة بحيث يتم ذلك في نهاية العملية.
مع التأخير، يتم تحسين نتائج LCP و TBT . يتم تأخير JavaScript وفقًا لتفاعل المستخدم، مما يؤدي إلى تسريع اللوحة الأولى للصفحة بشكل كبير عندما لا تكون هناك حاجة إلى شيء ما على الفور، مثل البرامج النصية الثقيلة من جهات خارجية مثل Google Adsense أو Google Analytics أو بكسلات التحويل على Facebook أو إعلانات Google وما شابه ذلك.
بالنسبة لكلا الخيارين يمكنك إضافة استثناءات وتمكين سلوك مهلة التأخير، وهذا يعين مهلة لتحميل البرامج النصية تلقائيًا بعد 10 ثوانٍ إذا لم يتم اكتشاف أي تفاعل من المستخدم. هذا اختياري ويتم تعطيله افتراضيًا.
مهلة التأخير
إذا قمت بتفعيل هذا الخيار لديك إمكانية ضبط المهلة على قيمة مختلفة باستخدام أحد هذه المرشحات .
تم ضبط الصورة في المثال على 7 ثوانٍ.
add_filter('perfmatters_delay_js_timeout', function($timeout) {
return '7';
});ينصحون بعدم تعيين قيمة المهلة قصيرة جدًا، وإلا لن تعمل وظيفة تأخير JS بشكل صحيح. أيضًا، بغض النظر عن قيمة المهلة، سيتم تشغيل كل شيء بنسبة 99% من الوقت عند أول تفاعل للمستخدم سواء كان التمرير أو النقر أو أول حركة للفأرة.
CSS
يزعم مطورو Perfmatters أن أسهل طريقة لحل مشكلة تحذير "تقليل CSS غير المستخدم" هي تفعيل هذه الميزة، التي راجعتها عندما كانت لا تزال في مرحلة تجريبية، والتي تقوم بكل ذلك تلقائيًا. يدّعي المطورون أنهم اختبروها على مئات عناوين URL (باستخدام قوالب وإعدادات مختلفة) وهذه بعض النتائج التي يزعمون أنهم حصلوا عليها:
متوسط الانخفاض في صندوق التمويل الشخصي بنسبة 15.20%. متوسط الانخفاض في برنامج LCP بنسبة 19.66%. متوسط انخفاض مؤشر TTI بنسبة 14.95%. قبل تنشيط خاصية "إزالة CSS غير المستخدمة" في Perfmatters، يوصون بإزالة أي تحميلات مسبقة لـ CSS موجودة تم إعدادها في Perfmatters (باستثناء أوراق الأنماط المحلية لخطوط Google).لا تقم بدمج CSS (الأشياء التي غالبًا ما يتم إجراؤها باستخدام WP Rocket وLitespeed و Autoptimize وغيرها). دمج CSS هو أسلوب تحسين عفا عليه الزمن منذ HTTP/2. في بعض الحالات، يمكن أن يؤدي دمج CSS إلى الإضرار بالأداء(في حالتي لم يحدث ذلك )، وأخيرًا تأكد من أنك لا تحاول إزالة CSS غير المستخدمة باستخدام إضافة أخرى.
هناك ثلاث طرق للإزالة:
تأخير (افتراضي): يتم تأخير جميع أوراق أنماط CSS الأصلية (CSS غير المستخدمة) وتحميلها عند تفاعل المستخدم. هذا هو الخيار الموصى به.غير متزامن : يتم تحميل جميع أوراق أنماط CSS الأصلية (CSS غير المستخدمة) عبر المزامنة. يمكن أن تساعد هذه الطريقة في تجنب الظهور المنبثق، حيث يتم تنفيذ أوراق الأنماط بشكل غير متزامن أثناء تحميل الصفحة. ستؤدي هذه الطريقة إلى ارتفاع LCP/FCP أعلى قليلاً من سلوك التأخير.إزالة : تتم إزالة جميع أوراق أنماط CSS الأصلية (CSS غير المستخدمة). هذه هي الطريقة الأكثر قوة ولكن من المحتمل أيضًا أن تتطلب إضافة استثناءات. يوصى بها للمستخدمين المتقدمين فقط.لا يوجد سر هنا سوى التجربة في بيئة اختبارية وقياس النتائج، سواء بمعزل عن الوظائف الأخرى أو بالتفاعل معها.
يمكن تعطيل بعض هذه الوظائف في أي مقالة أو صفحة في تحرير WP.
الكود
من الإضافات الكلاسيكية المفيدة التي تتضمنها العديد من الإضافات الأخرى، وهو أمر يمكن القيام به يدويًا، ولكنه يبسط ويسهل عملية إضافة كود مخصص إلى رأس أو جسم أو تذييل مدونتك.
تطبع الحقول التالية التعليمات البرمجية مباشرةً إلى الواجهة الأمامية، لذا يجب أن تكون HTML صالحة. يتضمن ذلك CSS مضمنة داخل العلامات أو JS مضمنة داخل العلامات. يمكنك أيضًا تحميل ملف JS أو CSS.
لا يدعم لغات من جانب الخادم، مثل PHP. لإضافة كود PHP مخصص، يوصى باستخدام ملحق Code Snippets .
التحميل المسبق في التحميل المسبق، يستخدم الخيار الأول المسمى"الصفحة الفورية " مكتبة Instant.page ويقوم بتحميل ملف JS صغير لا يتجاوز 2 كيلوبايت(instantpage.js ) محليًا على موقعك ويُستخدم للتحميل المسبق لعناوين URL عندما يحوم المستخدم فوق رابط أو صورة في إصدار سطح المكتب. على الهاتف المحمول، يتم تحميل عنوان URL مسبقًا بعد أن يبدأ المستخدم بالنقر على الرابط على شاشته وقبل أن يحرره.
بعد 65 مللي ثانية يبدأ التحميل المسبق لعنوان URL تلقائياً في الخلفية.
هذه الأداة مكافئة لأداة"النقر الفوري " من Litespeed و"التحميل المسبق للروابط " من WP Rocket، لذا إذا كنت تستخدم هذا الخيار في أي من هاتين الإضافةين، فيجب عليك إلغاء تنشيطه لتجربة Perfmatters.
في حالتي كان يعمل بشكل أفضل إلى حد ما من الخيار المكافئ في Litespeed، على الرغم من أنه يجب ملاحظة أنه في بعض الحالات يمكن أن يزيد من حمل الخادم.
كما هو الحال مع خياري جافا سكريبت و CSS، يجب استخدام التحميل المسبق والاتصال المسبق وفقًا لاحتياجاتك بناءً على الاختبارات المختلفة.
التحميل المسبق للصور المهمة (تلك الموجودة فوق الطية)، هو خيار لا يزال في الإصدار التجريبي يمكن أن يساعد في تقليل وقت رسم محتوى أكبر (LCP) في Core Web Vitals.
هذه عادةً ما تكون صورًا مثل شعار، أو صورة مميزة في منشور، أو صورة رئيسية في صفحة الهبوط، وما إلى ذلك. عندما يتم تحميلها مسبقًا، تنتقل إلى أعلى الشلال وتخبر المتصفح بشكل أساسي أن لها الأولوية ويجب تحميلها على الفور.
يمكنك الاختيار بين صفر، لعدم التحميل المسبق لأي صورة (الخيار الافتراضي)، وخمس صور. يوصي بيرماترز باختيار صورتين أو ثلاث على الأكثر لأن كروم لديه حد أقصى لصورتين مُحمَّلتين مسبقًا ستظهران في أعلى الشلال.
التحميل البطيء من الكلاسيكيات الأخرى المتعلقة بالأداء التي يتضمنها ووردبريس بالفعل في الأصل منذ الإصدار 5.4 الذي صدر في 2020.
في حالتي أنا أستخدم خيار Litespeed لأنني وجدت في اختباراتي نتائج أفضل قليلاً، لكن Perfmatters يعمل بشكل جيد حقًا ويطبقه أيضًا على CSS لصور الخلفية.
الخطوط
أمر جيد آخر. أُضيف هذا الخيار إلى الإصدار 1.7.4 من Perfmatters
إن مزايا استضافة الخطوط محلياً كثيرة، حيث يمكنك التحكم الكامل فيها، كما يمكنك التخلص من كل تلك الطلبات وبالتالي وقت التحميل، ويمكنك أيضاً تحديد كيفية تقديمها.
تقوم الدالة تلقائيًا بتحديد موقع أي مراجع لخطوط Google موجودة على مدونتك، وتنزيل الخطوط المقابلة من fonts.google.com واستضافتها محليًا على خادمك في الدليل: /wp-content/cache/perfmatters/your-domain.com/fonts/
يشرح هذا المنشور الآخر استخدامه بمزيد من التفصيل.
CDN لا يوجد شيء مميز هنا ولا يوجد الكثير للتعليق عليه. أداة، مفيدة دائمًا لإضافة CDN التي تستخدمها. نظرًا لأنني أستخدم QUIC.CLOUD، لم أحتاج إليها بعد.
التحليلات على الرغم من أنني لا أستخدمه الآن لأنني بدأت في الانتقال إلى Matomo وقمت بإسناد إدارة البرنامج النصي للتحليلات إلى المكون الإضافي لإدارة الموافقة على ملفات تعريف الارتباط لـ RGPD/CCPA، والذي يديرها أيضًا بشكل صحيح، لكنني أعرف أنه يعمل بشكل جيد جدًا مع Perfmatters لأنني استخدمته في الماضي.
من هنا يمكنك استضافة برنامج Google Analytics النصي الخاص بك محليًا. يساعد هذا في تسريع موقعك عن طريق تقليل عمليات البحث الإضافية عن DNS وحل مشكلة "الاستفادة من ذاكرة التخزين المؤقت للمتصفح" في النص البرمجي الخاص بك.
وفقًا ل Perfmatters، من المفارقات أن البرنامج النصي الخاص بـ Google يُظهر تحذيرًا بشأن التخزين المؤقت، ولكن هذا لأن لديهم صلاحية قصيرة جدًا لرؤوس ذاكرة HTTP للتخزين المؤقت. إذا استضفته بنفسك، سيتم تطبيق رؤوس ذاكرة التخزين المؤقت HTTP من شبكة CDN أو الخادم الخاص بك تلقائيًا. بعبارة أخرى، يمكنك التحكم الكامل في التخزين المؤقت للبرنامج النصي.
ويحذّرون أيضًا من أن هذه الأداة غير مدعومة رسميًا من قِبل Google، ولكنها تُستخدم منذ سنوات دون أي مشاكل.
كما تتيح لك استضافة Google Analytics محليًا وعرض البرنامج النصي من شبكة CDN أو خادمك الخاص الاستفادة من اتصال HTTP/2 واحد.
يتضمن هذا المنشور بعض الروابط التابعة لها .
