اضافة XFOptimize 1.0.1

• تصغير وضغط HTML و Inline CSS و JS
• قم بتغيير الصور المرفقة بالحجم الكامل إلى النسخ الأصغر المستجيبة للأجهزة المحمولة!
• قم بإجراء توصيل مسبق للموارد الخارجية لتقليل حظر تحميل الصفحة
• تحميل الموارد المهمة مسبقًا ، مثل الصور أو CSS أو JS
• تحميل موارد Xenforo الأساسية مسبقًا
• الإعدادات التلقائية أو اليدوية لمختلف الميزات
• كشف ذكي عميق لأصول مصدر الصفحة

• اختر بين مكتبات TinyMinify أو HTMLMinifier
• ضغط المسافات البيضاء المنخفضة والمتوسطة والعالية
• قم بإزالة تعليقات HTML
• إزالة تعليقات CSS المضمنة
• نقل علامات النمط المضمنة إلى رأس الصفحة
• الجمع بين علامات النمط المضمنة
• إزالة تعليقات JS
• تصغير علامات البرنامج النصي
• نقل جميع علامات البرنامج النصي إلى التذييل
• الجمع بين جميع علامات البرنامج النصي في علامة واحدة
• اختر العناصر التي تريد تجاهلها ، مثل pre و code و textarea

بالإضافة إلى ذلك ، فإن التحميل الأسرع يعني وقت انتظار أقل للزائرين!

علاوة على ذلك ، يوفر XFOptimize ثلاث طرق للتحميل المسبق:
التعليمات العامة

س: أين أجد الإعدادات؟ ماذا أفعل بعد التثبيت؟
ج: ما عليك سوى الانتقال إلى المسؤول -> الخيارات -> [Nulumia] XFOptimize لجميع الإعدادات المختلفة. يتم تمييز كل مجموعة بعنوان مختلف ، على سبيل المثال. Minifcation ، التحميل المسبق ، التوصيل المسبق ، إلخ

س: هل التصغير آمن؟ يمكن أن يكسر موقعي؟
ج: يتم تعطيل التصغير افتراضيًا ، بما في ذلك معظم الإعدادات المتقدمة في الملحق. يمكنك تمكينهم من خلال صفحة الإعدادات المذكورة أعلاه.

يختلف كل موقع من مواقع Xenforo ، مع وجود العديد من المتغيرات مثل النمط الذي تستخدمه أو عدد الوظائف الإضافية المثبتة. بينما تم اختبار نظام التصغير بشكل مكثف على العديد من مواقع الويب الكبيرة التي تحتوي على العديد من الوظائف الإضافية ، هناك احتمال ألا يعمل جزء من ميزات التصغير بشكل جيد على موقعك. ومع ذلك ، هذا هو السبب في أن XFOptimize يسمح بتخصيص المصغر ، بحيث يمكنك التحقق من الإعدادات أو إلغاء تحديدها للعمل بشكل أفضل بالنسبة لك.

س: ما هو إعداد "تبديل المرفقات بالصور المصغرة على الجوال"؟
ج: على الأجهزة المحمولة ، سيتم استبدال المرفقات بالحجم الكامل بنسخة مصغرة للمرفق بدلاً من ذلك ، من خلال استخدام خاصية srcset. سيؤدي ذلك إلى تسريع تسليم الصور بشكل كبير من خلال تقديم نسخ أصغر.

اعتمادًا على إعدادات أبعاد الصورة المصغرة الخاصة بك ، يجب أن يكون هذا أقرب بكثير إلى حجم شاشة الجوال النموذجي ويمكن أن يوفر نطاقًا تردديًا كبيرًا ، بدلاً من عرض الصور الكاملة. لا يزال بإمكان الزائرين رؤية الصورة ذات الدقة الكاملة من خلال النقر لتشغيل النافذة المنبثقة للعرض المبسط.

ملاحظة متقدمة: إذا كانت الصور المصغرة الخاصة بك صغيرة جدًا ، فقد تظهر بجودة رديئة أثناء استخدام هذا الإعداد. قد تفكر في تغيير أبعاد الصورة المصغرة للمرفقات لتتوافق مع خاصية responseNarrow الخاصة بنمطك (موصى به: 480 بكسل). سيتطلب هذا بعد ذلك إعادة إنشاء الصور المصغرة للمرفقات ، والتي ستستهلك موارد الخادم ، خاصة على اللوحات التي تحتوي على عدد كبير من المرفقات.

س: هل يمكنني / هل يجب علي الاستمرار في استخدام هذا مع Cloudflare؟
ج: نعم ، تم تطوير XFOptimize واختباره على العديد من المواقع الكبيرة التي تشغل Cloudflare CDN

س: هل سيجعل هذا الملحق موقعي أسرع ؟؟
ج: من الواضح أن الجميع سيرغب في معرفة إجابة هذا السؤال. من المهم ملاحظة أن XFOptimize ليس بديلاً عن وجود موقع ويب نظيف وفعال وفعال. يتضمن ذلك مشكلة الأنماط المتضخمة أو الإضافات الفوضوية أو حتى التطوير المخصص الذي يضيف الكثير من الفوضى.

سيساعد XFOptimize في تبسيط الأمور وجعلها فعالة قدر الإمكان - ولكن لا يمكنه إصلاح انتفاخ موقع الويب بطريقة سحرية إذا كان موقع الويب الخاص بك منتفخًا بالفعل.

ومع ذلك ، تم بالفعل تشغيل XFOptimize واختباره في العديد من المواقع الكبيرة لبعض الوقت ، والتي تستخدم العديد من الإضافات الكبيرة والأنظمة المخصصة. تم إنشاء الملحق في الأصل لتعزيز نتائج Google Core Web Vitals و Lighthouse بالقرب من 100/100 قدر الإمكان لهذه المواقع ، وحتى الآن لا يزال يتم استخدامه لتحقيق نجاح كبير!

س: أنا أستخدم الملحق لكن درجاتي في Lighthouse أو GTMetrix لا تزال منخفضة. ما يعطي؟

• ج: من المحتمل أن تكون هناك مشكلة حالية واضحة تؤدي إلى إبطاء موقعك. يجب أن تأخذ وقتًا لتتعلم كيفية قراءة التقارير الخاصة بهذا النوع من الخدمات ، والتعرف على الجاني.
• الأسباب الأكثر شيوعًا للبطء والنتائج الضعيفة لمنتديات Xenforo (والتي لا يستطيع XFOptimize إصلاحها) هي:
• الأنماط سيئة التطور
• الكثير من الإضافات
• السماح بالمرفقات الكبيرة جدًا في موقعك - مثل 1600 بكسل +. الخيوط ، خاصة مع العديد من المرفقات الكاملة الكبيرة ، لها التأثير الأكبر على المنتديات الخاصة بك.
• عدد كبير جدًا من مكتبات جافا سكريبت (فكر في Google Adsense ، وأكواد التتبع ، و Facebook Pixel ، وحزم Jquery الرائعة ، وما إلى ذلك)
• تشغيل المزيد من أشكال خطوط Google التي تحتاجها حقًا
• وجود خادم بطيء أو مشترك (يتم تحديده بواسطة TTFB طويل ، أو "الوقت حتى البايت الأول")
• مشكلات CLS (تحول تخطيط المحتوى) أو LCP (أكبر رسم محتوى). من المحتمل أيضًا أن تتعلق بأسلوبك أو CSS أو الوظائف الإضافية

الأسئلة الشائعة حول التصغير

س: أي طريقة تصغير أفضل؟
ج: إن أمكن ، يوصى باستخدام طريقة HTMLMinifier على TinyMinify. بينما من المرجح إلى حد ما أن يواجه HTMLMinifier مشكلة في تصغير صفحاتك ، إلا أنه يوفر المزيد من القوة والميزات. يجب أن تحاول تشغيل HTMLMinifier وتمكين أكبر عدد ممكن من الإعدادات أثناء التحقق من الواجهة الأمامية بحثًا عن المشكلات.

س: أنا أقوم بتشغيل المصغر وأرى أخطاء / المنتدى الخاص بي لا يتصرف بشكل صحيح. ماذا علي أن أفعل؟
ج: أولاً ، أي مشكلات قد تواجهها بسبب المصغر مؤقتة ويمكن إصلاحها فورًا عن طريق تعطيل Minification. ومع ذلك ، يجب عليك إلغاء تحديد كل إعداد ضمن HTMLMinifier حتى تختفي أية مشكلات. مرة أخرى ، هذا هو أساس كل حالة على حدة بسبب النمط أو الوظائف الإضافية التي تستخدمها.

س: هل من المحتمل أن تتسبب بعض الإعدادات المصغرة في حدوث أخطاء؟ أيهما أفضل؟
ج: كل إعداد ضمن HTMLMinify يذكر ما إذا كان منخفضًا أو متوسطًا أو مرتفعًا. الإعدادات الأكثر احتمالًا للتسبب في حدوث مشكلات هي تلك الإعدادات مثل تصغير محتويات علامات <script> ، أو دمج جميع علامات <script> في واحدة. يجب عليك التحقق من الواجهة الأمامية بدقة بحثًا عن المشكلات في حالة استخدام أي من هذه الإعدادات ، وتعطيلها إذا واجهت أي أخطاء.

س: كيف أعرف أن minify يعمل؟
ج: قبل تمكين تصغير ، انقر بزر الماوس الأيمن في أي مكان على موقعك وحدد "عرض مصدر الصفحة". يجب أن تظهر مئات الأسطر من كود HTML.

بعد التمكين ، حدد "عرض مصدر الصفحة مرة أخرى". يجب أن يكون مصدر صفحتك الآن سطرًا واحدًا فقط من التعليمات البرمجية!

الأسئلة الشائعة حول التوصيل المسبق

س: هل يتم توصيل موارد الصفحة مسبقًا؟ لا أعرف ما الذي يتم تشغيله على صفحتي! تبدو معقدة ..
ج: كلا ، ببساطة عن طريق ضبط الاتصال المسبق على "الاكتشاف التلقائي" ، سيعتني XFOptimize بكل شيء من أجلك! يحدث الاتصال المسبق التلقائي بعد عرض كل شيء على صفحة Xenforo الخاصة بك من القوالب الخاصة بك ، مما يعني الإخراج النهائي للصفحة. هذا يعني أن XFOptimize يمسك فعليًا بكل ما تتم إضافته بواسطة الوظائف الإضافية وتخصيصات القوالب وتعديلات القوالب والتعليمات البرمجية الديناميكية!

س: ما نوع الأشياء التي يتم توصيلها مسبقًا؟
ج: سيتم اكتشاف أي نوع من الأصول القادمة من مجال خارجي أو موقع ويب وتحميله في قائمة انتظار الاتصال المسبق. يتضمن ذلك ملفات الخطوط والوسائط والصور والنصوص ومكتبات CSS و Gravatars والمزيد.

س: أرغب في مزيد من التحكم في ما يتم توصيله مسبقًا. هل يمكنني فعل ذلك بنفسي؟
ج: بينما نؤمن بـ XFOptimize لإنجاز المهمة ، يمكنك تعطيل الاكتشاف التلقائي واستخدام خيار "موارد الاتصال المسبق العالمية" إما في المسؤول -> خيارات -> [Nulumia] XFOptimize ، أو تعيين عناوين URL للاتصال المسبق على كل نمط أساس في خصائص النمط!

الأسئلة الشائعة حول التحميل المسبق

س: أي من أوضاع التحميل المسبق الثلاثة يجب علي استخدامها؟
ج: يوصى بوضع الأولوية ما لم يكن لديك سبب لاختيار إما يدوي أو منشورات فقط. ستؤدي الأولوية إلى تحميل الأصول المهمة مسبقًا على العديد من أنواع الصفحات والأقسام الأخرى ، ولكنها تتضمن أيضًا الدليل والمنشورات أيضًا!

س: كيف يمكنني استخدام طريقة التحميل المسبق اليدوي؟
ج: يمكن تعيين التحميل المسبق اليدوي عن طريق إضافة سمة data-preload = "true" إما إلى علامات <img> أو <script> نفسها ، أو إلى عناصر الحاوية الخاصة بها. تذكر أنه يمكنك (ويجب) استخدام الطريقة اليدوية أثناء تمكين وضع الأولوية! وذلك لأن وضع الأولوية لا يمكنه دائمًا تخمين الأصول المخصصة التي قد تستخدمها والتي تشعر أنه يجب تحميلها مسبقًا.

دعنا نلقي نظرة على استخدام الطريقة اليدوية:

إضافة السمة إلى علامة صورة: