WP Rocket 3.19: تحسينات بدون جهد لتحسين LCP واستقرار التخطيط

تذكر كيف تربح فرق الفورمولا 1 السباقات؟ إنه ليس تغييرًا كبيرًا واحدًا فحسب ، بل العديد من التحسينات الصغيرة التي تضيف ما يصل إلى المدى الطويل. يعكس إصدارنا الرئيسي الجديد مرة أخرى رؤية التحسينات الإضافية والذكية: Move WP Rocket 3.19!

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

النتائج؟ يجلب WP Rocket 3.19 تجربة مستخدم أفضل للزائرين بفضل تعزيز استقرار التصميم ومنع نوبات المحتوى ، إلى جانب زيادة السرعة المتصورة وأكبر درجة طلاء محسنة.

في WP Rocket ، نعتقد أن كل شخص يستحق موقعًا سريعًا - ولهذا السبب نجد باستمرار طرقًا لتبسيط التحسين السريع مع ضمان أن جميع عملائنا يمكنهم الاستفادة من ميزاتنا القوية.

هل أنت مستعد لمعرفة كيف يمكن أن تضيف هذه التحسينات السهلة والذكية أداءً أفضل لموقع الويب الخاص بك؟ دعنا نغوص في تفاصيل WP Rocket 3.19 أو شاهد الفيديو أدناه.

ما يستلزمه صاروخ WP 3.19

يقدم WP Rocket 3.19 تحسينين يعملان وراء الكواليس لزيادة أداء موقع الويب الخاص بك.

يرتبط التحسين الأول بخطوط التحميل المسبقة: الميزة تحافظ على نفس الاسم أثناء تغيير الطريقة التي يعمل بها وموقعها ، كما ستقرأ أدناه.

يركز الثاني على أتمتة ميزة طلبات DNS الجاهزة ، والتي تمت إعادة تسميتها قبل الاتصال بالمجالات الخارجية وإزالتها من واجهة البرنامج المساعد - ستتعلم السبب وراء هذا الاختيار في القسم المخصص.

خطوط التحميل المسبقة في نقرة واحدة

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

شرح الخط المسبق

التحميل المسبق للخطوط هو تقنية تحسين قوية يمكن أن تحسن مدى ظهور النص بسرعة وسلاسة على موقع الويب الخاص بك.

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

1. يبدأ المتصفح في عرض النص الخاص بك باستخدام خط افتراضي.

2. ثم يكتشف في CSS الخاص بك أنه يحتاج إلى تحميل خط مخصص - الخط الذي اخترته.

3. بمجرد تحميل الخط المخصص ، يتغير النص لاستخدام هذا الخط الجديد بدلاً من الخط الافتراضي.

يمكن أن تسبب هذه العملية ما يعرف باسم وميض من النص غير المتواصل (fout). Fout هي لحظة وجيزة عندما يتغير نصك فجأة مع تحميل الخط المخصص.

يمكنك تخمين ما يحدث بعد ذلك: يميل تخطيط صفحتك إلى التحول. مثل هذا التحول ليس غير سارة بصريًا فحسب ، بل يمكن أن يؤثر سلبًا أيضًا على درجة تحول التصميم التراكمي (CLS) ، وهو أحد المعاطف على الويب الأساسي من Google.

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

لماذا يجب عليك التحميل المسبق؟

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

علاوة على ذلك ، يمكن لعملية التحميل المسبقة للخطوط أيضًا تحسين أكبر درجة للطلاء (LCP) ، وهو أمر أساسي آخر على شبكة الإنترنت يقيس مدى سرعة أكبر عنصر محتوى في صفحتك. الغوص في التفاصيل ، يمكن للتحميل المسبق للخطوط تحسين أداء LCP عندما يكون عنصر LCP عبارة عن عقدة نصية - وهذا هو الحال بالنسبة لمعدل 20 ٪ من المواقع بين الهاتف المحمول وسطح المكتب.

3.19: تعرف على ميزة الخطوط المسبقة الجديدة

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

وهنا نحن: WP Rocket 3.19 يجعل خطوط التحميل المسبقة عملية تلقائية يمكنك تمكينها بنقرة واحدة.

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

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

يرجى ملاحظة أنه ستجد الآن ميزة خطوط التحميل المسبقة الجديدة في علامة التبويب الوسائط:

إذا كنت قد قمت مسبقًا بتحديد الخطوط يدويًا ، فسيتم تمكين الخيار الآلي افتراضيًا.

خلاصة القول : تعمل ميزة خطوط التحميل المسبقة الجديدة على تحسين تحميل الخط تلقائيًا ، مما يضمن تجربة أكثر سلاسة لزوارك من اللحظة التي يهبطون فيها على موقع الويب الخاص بك - ولا يتطلب سوى نقرة.

قبل التوصيل بالمجالات الخارجية: عملية آلية جديدة تمامًا

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

preconnect إلى المجالات الخارجية باللغة الإنجليزية العادية

تعتبر الاتصال قبل التوصيل بالمجالات الخارجية بمثابة تقنية تحسين قوية تؤثر بشكل إيجابي على تحميل الموارد.

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

يعالج Preconnect هذه المشكلة من خلال إخبار المتصفح مقدمًا بالاتصالات التي ستكون مطلوبة. يتيح ذلك للمتصفح إعداد هذه الاتصالات مبكرًا ، مما يقلل من الوقت الذي يستغرقه تحميل الموارد الخارجية عند الحاجة.

هذا التحسين يجلب فوائد:

1. وقت التحميل المحسّن : عن طريق إعداد الاتصالات مقدمًا ، يمكن أن يبدأ موقع الويب الخاص بك في تحميل الموارد الخارجية بشكل أسرع - والصفحات يتم تحميلها بشكل أسرع أيضًا.

2. أداء LCP المحسّن : إذا كان أكبر عنصر الطلاء المحتوى الخاص بك هو خط من مجال طرف ثالث ، فيمكن أن يساعده Preconnect في تحميله بشكل أسرع ، مما يحسن درجة LCP.

3.19: من طلبات DNS المسبقة إلى النطاقات الخارجية إلى المجالات الخارجية

لقد لاحظنا أن ميزة طلبات DNS الجاهزة كانت أيضًا غير مستخدمة وغالبًا ما تكون قد أخطأت. لهذا السبب قررنا أتمتة هذا الخيار ، وإزالته من واجهة Rocket WP وإعادة تسميته إلى النطاقات الخارجية.

مع WP Rocket 3.19 ، يعمل هذا التحسين القوي في الخلفية ولا يلزم تمكينه. لهذا السبب لن تجد هذه الميزة في إعدادات صاروخ WP بعد الآن.

إليك ما تحتاج لمعرفته حول هذا التحسين:

1. إنها عملية آلية بالكامل : لم تعد مضطرًا إلى تحديد المجالات التي يجب تضمينها يدويًا عند تنفيذ التحسين. WP Rocket الآن يتعامل مع هذا تلقائيا.

2. يتم تطبيقه فقط على الصفحات التي تحتاجها ، سواء على الأجهزة المحمولة وسطح المكتب ، مما يؤدي إلى نهج أكثر كفاءة واستهداف يتناسق في جميع الأجهزة.

كما هو موضح أعلاه ، يمكن أن تؤدي هذه الميزة إلى أوقات تحميل في الصفحة أسرع ودرجة LCP محسّنة - كل ذلك دون الاضطرار إلى رفع إصبع.

إذا كنت ترغب في تعطيل الميزة التي تحتاجها لتطبيق المرشح التالي:

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

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

خلاصة القول : ميزة Preconnect to External Domains هي تحسين تلقائي جديد يضع اتصالات أسرع بين موقع الويب الخاص بك والموارد الخارجية مع إزالة خطر التنفيذ غير الصحيح.

الأداء الذي تم ضبطه: التحسينات الآلية في العمل

الحديث عن ميزات الصواريخ WP التي تعمل تلقائيًا ، يعد التوصيل قبل النطاقات الخارجية هو الأحدث ، ويضيف إلى تلك الموجودة:

• ذاكرة التخزين المؤقت للصفحة (بما في ذلك ذاكرة التخزين المؤقت للجوال)

• تحسين الصور الحرجة

• التقديم التلقائي كسول

• التخزين المؤقت للمتصفح

• ضغط GZIP

• الدعم المتقاطع لخطوط الويب

• WooCommerce Refresh Fragments Catch

• تحسين ملفات خطوط Google

• تعطيل ووردبريس الرموز التعبيرية

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

هذه الميزات الآلية على رأس الخيارات التي يتم تشغيلها عند تنشيط صاروخ WP لأول مرة ، مثل Minify CSS و JS ، وذاكرة التخزين المؤقت ، وذاكرة التخزين المؤقت المسبقة ، وروابط التحميل المسبق ، والتحكم في نبضات القلب.

لا عجب أن موقع الويب الخاص بك يحصل على زيادة السرعة بمجرد تمكين البرنامج المساعد الخاص بنا!

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

اختتام

يعزز WP Rocket 3.19 التزامنا باتباع نهج "القرارات ، وليس الخيارات" وجعل التحسينات المعقدة كعمليات آلية. نحن نسعى جاهدين لاتخاذ الخيارات الصحيحة لك ، لذلك لا يتعين عليك قضاء الوقت والجهد لفهم ما هو أفضل لموقع الويب الخاص بك.

نحن نزيل الحواجز تدريجياً أمام الأداء العالي ، وضمان استفادة المزيد من المستخدمين من التحسينات المتقدمة - ولم يأت المزيد بعد!

هل أنت مستعد لمعرفة كيف يمكن أن تساعد هذه الميزات الآلية الجديدة في موقعك؟ تحديث إلى WP Rocket 3.19 أو جربه مع ضمان استرداد الأموال لمدة 14 يومًا. تجربة مباشرة كيف نجعل التحسين أكثر بساطة ونخبرنا أفكارك في التعليقات!