كيفية استخدام علامة الارتباط Rel = التحميل المسبق لتحسين أداء موقع WordPress

إذا كنت تتطلع إلى تحسين أداء موقع WordPress الخاص بك ، فإن إحدى الطرق التي يمكنك من خلالها القيام بذلك هي استخدام علامة الارتباط rel = ”preload”. تسمح لك هذه العلامة بإخبار المتصفح ببدء تحميل أصول معينة قبل الحاجة إليها بالفعل. على سبيل المثال ، يمكنك استخدامه لتحميل شعار موقع الويب الخاص بك مسبقًا قبل تحميل المحتوى الرئيسي للصفحة.
تعد إضافة علامة rel = ”preload” إلى موقع WordPress الخاص بك أمرًا سهلاً إلى حد ما. تحتاج فقط إلى إضافة القليل من التعليمات البرمجية إلى رأس موقعك. في هذه المقالة ، سنوضح لك كيفية القيام بذلك.

كيف يمكنني تحميل الطلبات الرئيسية مسبقًا في WordPress؟

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

قد يقترح PageSpeed ​​تحميل فرصة ينبغي أن تستفيد منها. هناك ملفات لعرض صفحتك يشار إليها على أنها 3 مستويات عميقة داخل التعليمات البرمجية الخاصة بك والتي تم تحميلها قبل عرضها. بمعنى آخر ، يتم طلب الملف النهائي بواسطة ملف آخر ولا يوجد مباشرة داخل HTML لموقع WordPress. باستخدام PageSpeed ​​، يمكنك تحديد أي مشكلات تتعلق بأداء موقعك. عند تحميل خط أو ملف ، قد يستغرق ظهوره بعض الوقت. عندما نقوم بتحميل الخط مسبقًا قبل أن يكتشفوه بأنفسهم ، فإننا نقول إنهم سيحتاجون إليه. عند تحميل ملف ، يجب إضافته إلى قائمة التشغيل باستخدام بنية محددة ، مثل link rel = preload.

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

يمكن لمكوِّن WordPress الإضافي تحميل الخطوط ، إما يدويًا عن طريق تحرير ملف الرأس ، أو عبر إضافة WordPress WP Rocket. نظرًا لأن Google PageSpeed ​​Insights لا يطلب الخطوط عبر WP Rocket ، فمن المستحسن تحميلها باستخدام WP Rocket.

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

انتقل إلى إعدادات مدونتك ، وانقر فوق "ارتباطات" ، وتحت عنوان "ارتباطات" ، الصق الرابط في مربع نص "التحميل المسبق".

ما هو التحميل المسبق في ارتباط Rel؟

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

يتم استخدام Link rel = ”preload” للإشارة إلى الرابط الذي يحتوي على هذه السمة لتحديد أولوياته. التحميل المسبق هو شيء يجب على المتصفح القيام به لاستخدام التحميل المسبق ، وهو أمر يمكنه أن يقرر ما إذا كان سيفعله أم لا. هذا وصف تفصيلي للغاية للكلمة الرئيسية للتحميل المسبق في مواصفات W3C.

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

تحميل الموارد مسبقًا للحصول على تحميل أسرع للصفحة

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

كيف يمكنني إضافة أداة تحميل إلى موقع WordPress الخاص بي بدون مكونات إضافية؟

تعد إضافة أداة تحميل إلى موقع WordPress الخاص بك بدون مكونات إضافية عملية بسيطة. أولاً ، ستحتاج إلى إنشاء ملف جديد يسمى “loader.php” في مجلد قالب WordPress الخاص بك. بعد ذلك ، انسخ الكود التالي والصقه في ملفك الجديد:
/ **
* محمل
*
* @ حزمة WordPress
*subpackage Loader
*author اسمك هنا
*
*internal هذا الرمز مخصص لتحميل البرامج النصية إلى موقع WordPress الخاص بك
* دون الحاجة إلى البرنامج المساعد.
* /
/ **
* قائمة مخطوطات
*
* تسجيل البرامج النصية وإدراجها في قوائم لواجهة WordPress الأمامية.
* /
الوظيفة wp_enqueue_scripts () {

// تسجيل البرامج النصية
wp_register_script ('jquery-ui-core'، '//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js' ، مصفوفة ('jquery') ، '1.9.1' ، حقيقي )؛

// Enqueue Scripts
wp_enqueue_script ('jquery-ui-core') ؛
}
add_action ('wp_enqueue_scripts'، 'wp_enqueue_scripts') ؛
؟ >
سيقوم هذا الرمز بتسجيل وإدراج البرنامج النصي jQuery UI Core في موقع WordPress الخاص بك. يمكنك بعد ذلك استخدام البرنامج النصي jQuery UI Core في موقع WordPress الخاص بك دون الحاجة إلى مكون إضافي.

كيف تقوم بالتحميل المسبق لصفحة في Html؟

يمكنك تنزيل مورد وتخزينه مؤقتًا (مثل برنامج نصي أو ورقة أنماط) في أسرع وقت ممكن باستخدام * link rel = preload. يكون هذا مفيدًا عندما تحتاج إلى هذا المورد في غضون ثوانٍ قليلة بعد تحميل الصفحة ؛ تريد تسريع الصفحة. بعد تنزيل المورد ، لا يقوم المتصفح بتنفيذ أي إجراءات معه.

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

يعد التحميل المسبق ميزة رائعة لتسريع موقع الويب الخاص بك ، ولكن يجب استخدامه فقط في المناسبات النادرة. إنها فكرة جيدة أن تقوم بالتحميل المسبق للملفات المطلوبة للتحميل في الجزء المرئي من الصفحة. ستتمكن أيضًا من زيادة سرعة موقع الويب الخاص بك في Google PageSpeed ​​Insights. علاوة على ذلك ، يمكن دمج التحميل المسبق مع دفع خادم HTTP / 2. تتوفر التحميلات المسبقة للخطوط و CSS و JS والموارد الأخرى. عندما يتم اكتشاف ملف فقط أثناء عرض ملف آخر ، فقد يؤدي ذلك إلى تسريع تحميل موقع الويب الخاص بك بشكل عام. يمكن ملء بعض أنواع الملفات القياسية مسبقًا باستخدام الصيغة المدرجة أدناه. في هذه الحالة ، لا يوجه التحميل المسبق متصفحات الويب لتطبيق ملفات معينة على صفحة ويب.

التحميل المسبق لـ WordPress

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

سيصبح موقعك أسرع إذا قمت بتنفيذ التحميل المسبق والجلب المسبق والاتصال المسبق في WordPress. إذا كان من المتوقع أن يزور المستخدمون صفحات متعددة على أجهزة متعددة ، فإن تحميلها مسبقًا يعد فكرة جيدة. يسمح لك الاتصال المسبق بإنشاء اتصال خارجي بمجال آخر في الخلفية. الهدف هو تقليل وقت الاستجابة من أجل تحميل الموارد بشكل أسرع من مجال آخر. اتصال مسبق متوافق مع جميع إصدارات Chrome و Edge و Firefox و Safari. يتم إنجاز الجلب المسبق لـ DNS باستخدام مصفوفة linkurl. يمكنك استخدامه لإعادة موارد HTML أو ثابتة إلى النظام.

يتيح لك عرضها مسبقًا تحميلها في الخلفية بينما لا تزال نشطة. يتم تحقيق ذلك باستخدام البرنامج المساعد Pre Party Resource Hints. إذا كنت بحاجة إلى أصل خفيف الوزن ، فقم بتقديمه ، ولكن احرص على عدم المبالغة في عرض الموقع بالكامل أو الموارد الكبيرة. يجدر أيضًا التفكير في التخزين المؤقت وتقديم المحتوى بشكل أسرع للمستخدمين على مستوى العالم من خلال استخدام CDN. هناك عدد قليل من الشركات التي توفر CDNs والأمان ، لكنني أوصي بـ SUCURI ، الذي يقدم كلاهما.

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

أداة التحميل المسبق لـ WordPress بدون البرنامج المساعد

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

ارتباط Rel = التحميل المسبق> يجب أن يكون صالحًا كقيمة

يجب أن تكون القيمة كقيمة للرابط rel = preload> عنصر قيمة صالحة.

التحميل المسبق والجلب المسبق: تسريع تجربة المستخدم

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