35 تحسينًا لأداء موقع WordPress الخاص بك
صفحة مبنية باستخدام Canvas تحمّل ملفات CSS وJavaScript الخاصة بالكتل التي تعرضها فقط ولا شيء غيرها. وفوق ذلك يتوفر 35 تحسيناً، كل منها مفتاح تتحكم فيه، مع إعدادات افتراضية محافظة وشرح واضح لوظيفته.
آخر تحديث
تحميل الموارد لكل كتلة على حدة
تأتي معظم القوالب بملف تنسيق كبير واحد وملف برمجة كبير واحد، فتدفع كل صفحة ثمن كل ميزة في القالب. يربط Canvas كل كتلة من كتله البالغ عددها 314 بملفات CSS وJavaScript التي تحتاجها تلك الكتلة، ثم يُحمِّل مجموع ما عرضته الصفحة فعليًا.
- لا تحمّل صفحة الأسعار سكربت السلايدر أبدًا
- الصفحة التي لا تحتوي على نموذج لا تحمّل معالج النماذج أبدًا
- يُحمّل المحرر أنماط الكتل بالطريقة نفسها
- لا يحتاج إلى أي إعداد، ولا توجد طريقة لإيقافه عن طريق الخطأ
معلنة لا مُخمَّنة
تُعلن كل كتلة ملفاتها الخاصة. تُحفظ الخريطة داخل الكتلة نفسها، لذا لا توجد قائمة مركزية يمكن لأحد أن ينسى تحديثها.
يعمل مع الكتل الأساسية
تحتفظ الكتل الأساسية وكتل الجهات الخارجية بسلوك التحميل الخاص بها. ولا يستحوذ Canvas على ملفاتها ولا يتنازع مع WordPress على تحميلها.
النماذج تُحتسب أيضًا
الترويسات والتذييلات وعناوين الصفحات والمنزلقات كتل أيضًا، لذا لا تُحمَّل الصفحة التي تستخدم ترويسة بسيطة كود القائمة الضخمة.
لا حاجة لأي شراء
التحميل الشرطي ليس ميزة مدفوعة ولا جزءًا من الإضافة. إنه طريقة عمل المكتبة في كل الخطط، وعند انتهاء الترخيص أيضًا.
35 تحسينًا حسب الجزء الذي تمسّه
لا يوجد هنا أي سحر، ولا يوجد شيء مخفي. يقوم كل منها بعملية محددة وقابلة للتحقق على الصفحة التي يرسلها WordPress.
تحميل 7
أوقف حجب CSS وJavaScript لأول عرض للصفحة، وابدأ بالصفحة التالية مبكرًا.
- تحميل ملفات الأنماط غير الحرجة بشكل غير متزامن
- تأجيل JavaScript غير الحرج
- تأجيل JavaScript حتى أول تفاعل
- تحميل مسبق لأكبر صورة في الجزء العلوي الظاهر من الصفحة
- إنشاء اتصالات مسبقة بالمصادر التي ستستخدمها الصفحة
- الجلب المسبق لـ DNS للخوادم الخارجية
- التحميل الاستباقي، فيتم جلب الصفحة التالية قبل النقر عليها
الخطوط 3
يبقى النص مقروءًا أثناء تحميل خط الويب، ولا تحتاج خطوط Google إلى طلب من طرف ثالث على الإطلاق.
- Add font-display swap to your web fonts
- حمّل مسبقًا الخطوط التي تحتاجها الشاشة الأولى
- تقديم خطوط Google من خادمك الخاص
الوسائط 6
الصور هي أثقل عنصر في معظم الصفحات، وأسهل ما يُخطأ في التعامل معه.
- التحميل الكسول للصور الواقعة أسفل الجزء الظاهر من الشاشة
- التحميل الكسول لإطارات iframe والتضمينات
- اضبط جودة صور JPEG التي يُنشئها WordPress
- ضبط الحد الأقصى لعرض الصور المرفوعة
- تحكَّم في مجموعات الصور المتجاوبة التي يكتبها WordPress
- التحكم في أحجام الصور التي يتم إنشاؤها من الأساس
التنظيف 8
يأتي WordPress بميزات تتحمّل كل المواقع كلفتها، بينما لا تستخدمها إلا قلة منها.
- إزالة سلاسل الاستعلام من الموارد الثابتة
- تعطيل النصوص البرمجية والأنماط الخاصة بالرموز التعبيرية
- عطّل اكتشاف oEmbed وسكربت التضمين
- تعطيل Dashicons في الواجهة الأمامية
- تعطيل XML-RPC
- تعطيل خلاصات RSS
- Remove jQuery Migrate
- تعطيل إشعارات الروابط الراجعة الذاتية
قواعد بيانات 5
الجانب الإداري لموقع بطيء: المراجعات، والحفظ التلقائي، وخاصية Heartbeat التي لا تتوقف أبدًا.
- تحديد عدد المراجعات التي يحتفظ بها المنشور
- اضبط فاصل الحفظ التلقائي
- تقليل وتيرة Heartbeat في لوحة الإدارة أو تعطيله
- تنظيف المراجعات والبيانات المؤقتة والرسائل المزعجة من قاعدة البيانات
- قصر REST API على المستخدمين المسجّلين الدخول
WooCommerce 5
يحمّل المتجر نصوصه البرمجية في كل صفحة من صفحات الموقع، بما في ذلك الصفحات التي لا تبيع شيئًا.
- إزالة JavaScript الخاص بـ WooCommerce من الصفحات التي لا تعرض أي محتوى للمتجر
- أوقف تتبع إسناد الطلبات
- إيقاف الاستطلاع الدوري لسكربت أجزاء السلة في كل صفحة
- إزالة مكتبة قوة كلمة المرور خارج صفحات الحساب
- إيقاف تحميل مكتبة Select2 المضمّنة خارج صفحة الدفع
إعادة كتابة شبكة توصيل المحتوى 1
وجّه أوراق الأنماط والنصوص البرمجية والصور والخطوط نحو شبكة توصيل تدفع ثمنها أصلًا، وذلك بإعادة كتابة عناوينها أثناء عرض الصفحة. لا يبيع لك Canvas شبكة توصيل، ولا يمرّر حركة مرورك عبر خوادمنا.
يبلغ المجموع 35 مفتاحًا، وتظهر المفاتيح الخمسة الخاصة بـWooCommerce فقط عند تفعيل WooCommerce. المزيد عن التكامل مع المتجر.
كلٌّ منها مفتاح تشغيل وإيقاف، والقيم الافتراضية محافظة
يفعّل Canvas ما هو آمن لأي موقع ويترك الباقي لك، مع كتابة السبب بجوار كل عنصر تحكم. أما الإعداد الوحيد الذي يُعدّ عادةً فكرة سيئة فيوضح ذلك داخل اللوحة، في الموضع الذي تكون فيه عند اتخاذ القرار.
أسس تحسين محركات البحث وإمكانية الوصول
الصفحة التي تُحمَّل بسرعة لكن لا يمكن قراءتها أو فهرستها أو تشغيلها بلوحة المفاتيح لم تكتمل بعد. كل ذلك موجود في القالب نفسه، في جميع الخطط، ولا يُحجب أي شيء خلف ترقية.
البيانات الوصفية من محتواك
العناوين والأوصاف وبطاقات التواصل الاجتماعي وعناوين URL القياسية وقواعد robots وخريطة الموقع، وكلها مستمدة من الصفحة كما تُعرض. لا توجد نسخة ثانية من محتواك تحتاج إلى تحديث.
16 نوعاً من Schema
Organization، WebSite، WebPage، Person، breadcrumbs، Product، Brand، Offer، المراجعات والتقييمات، والعنوان، والإحداثيات الجغرافية، وساعات العمل، والبحث في الموقع، وتُضاف جميعها حيثما تنطبق.
المعالم الدلالية
المناطق الدلالية للترويسة والتنقل والمحتوى الرئيسي والتذييل، ورابط تخطٍّ إلى المحتوى، وعناوين تتبع ترتيبها، وتركيز مرئي على كل عنصر يمكن الوصول إليه.
القوائم بلوحة المفاتيح
تُفتح القوائم والقائمة الضخمة واللوحات الجانبية والنوافذ المنبثقة وتتحرك وتُغلق من لوحة المفاتيح، وتحترم الحركات إعداد الزائر لتقليل الحركة.
إمكانية الوصول والأمان وتصدير البيانات لا تُعد أبدًا ميزات مميزة. تبقى متاحة مع ترخيص منتهٍ، لأن الموقع الذي يتوقف عن العمل مشكلة تتعلق بالدعم، وليس قرارًا متعلقًا بالترخيص أبدًا.
كيف نتحقق من ذلك
من السهل إطلاق ادعاءات عن السرعة وإمكانية الوصول، ومن السهل التحقق منها. نحن نتحقق من ادعاءاتنا، وإليك الطريقة.
تُقارن الصفحات بتصاميمها داخل متصفح حقيقي
تُعرض كل صفحة من صفحات العروض التوضيحية في متصفح، وتُقاس مقابل التصميم الذي جاءت منه: ارتفاع المستند، وعرض الأقسام، والمسافات المحسوبة، وأي عنصر يعتمد على JavaScript يُقاس بعد تشغيله، لا عند أول عرض للصفحة أبدًا.
يُختبر هذا الموقع بثلاثة عروض شاشة
تُشغَّل كل صفحة هنا عبر axe-core وفق معايير WCAG 2.1 من المستوى A والمستوى AA، بعرض 1440 و1024 و390 بكسل، إلى جانب الفحوصات التي لا يجريها axe: عنوان h1 واحد، ومستويات عناوين لا تتخطى أيًّا منها، والمعالم الأربعة، ورابط تخطٍّ يعمل، ولا تجاوز أفقي، ولا نص أصغر من 12 بكسل، وروابط تُقرأ كنص، ومناطق نقر بحجم 24 بكسل على الأقل.
متطلبات تشغيل Canvas
WordPress
يُبنى Canvas على محرر الكتل، لذا يحتاج إلى WordPress مع محرر الموقع. الإصدار 7.1 أو أحدث.
PHP
PHP 7.4 أو أحدث. يُعد إصدار PHP الحالي أرخص تحسين لسرعة الموقع على الإطلاق يمكن لمعظم المواقع إجراؤه.
تم الاختبار حتى الإصدار
يُختبر Canvas على WordPress 7.1، ويصدر تحديث مع كل إصدار جديد من WordPress.
عن الأداء
ومن ذلك السؤال الذي نتلقاه أكثر من غيره، ولهذا لا توجد أي درجات في هذه الصفحة.
هل ما زلت بحاجة إلى إضافة تخزين مؤقت؟
على الأرجح، وهذه هي الإجابة الصريحة. يتحكم Canvas فيما يتحكم فيه القالب وWordPress: الملفات التي تحمّلها الصفحة، وطريقة عمل الخطوط والصور، ومقدار العمل الذي تنجزه قاعدة البيانات. أما التخزين المؤقت للصفحات، والتخزين المؤقت للكائنات، وتوصيل المحتوى عبر الحافة، فهي من مسؤولية الاستضافة أو إضافة التخزين المؤقت. إنها مهام مختلفة، لذا فإن تشغيل الاثنين معًا هو الإعداد المعتاد.
هل سيؤدي تفعيل هذه الخيارات إلى تعطيل موقعي؟
كل مفتاح تشغيل قابل للتراجع، وتبدأ المفاتيح الأكثر احتمالًا للتعارض مع إضافة أخرى معطّلة. يشرح كل مفتاح وظيفته ومتى يُترك دون تغيير، ويذكر الإعداد الذي يحمل خطورة فعلية ذلك في اللوحة. فعّل المفاتيح واحدًا تلو الآخر، وأعد تحميل الواجهة الأمامية بعد كل مفتاح.
هل يجب أن أضبط تحميل الملفات لكل كتلة على حدة؟
لا، لا يوجد شيء تحتاج إلى البحث عنه وتفعيله. هكذا تعمل مكتبة الكتل. تُعلن كل كتلة عن ملفات CSS وJavaScript التي تحتاجها، وتحمّل الصفحة مجموع ما عرضته فعلياً منها.
هل تصل العروض التوضيحية مُحسّنة للأداء؟
يعتمد استيراد العرض التوضيحي على مستوى الموقع خيارات القالب الخاصة بالعرض، وتشمل مفاتيح الأداء ضمنها، فيبدأ العرض التوضيحي من الإعدادات التي بُني بها وفُحص بها. يمكنك تغيير أي منها لاحقًا.
لماذا لا تنشر هذه الصفحة درجات السرعة؟
لأن الدرجة التي تحصل عليها من اختبار اصطناعي على أجهزتنا لا تخبرك بشيء عن الاستضافة لديك، أو إضافاتك، أو صورك، أو زوارك. ما ننشره هو بالضبط ما تفعله كل عملية تحسين، لذا فعّلها وقِس أداء موقعك على بنيتك التحتية الخاصة.
موقع سريع لا يزال بإمكانك تحريره
تتضمّن كل خطة مكتبة الكتل نفسها، و35 تحسينًا للأداء نفسه، والتحميل الشرطي للأصول نفسه. لا توجد مستويات أداء مختلفة.