لماذا قد تحتاج إلى تحميل WordPress Lazy لتسريع صفحة الويب؟

لماذا يتم تحميل بيانات أكثر مما يمكننا عرضه؟

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

وفقًا لـ Akamai ، يتوقع 47 بالمائة من الزوار تحميل صفحة ويب في غضون ثانيتين أو أقل . إذا استغرق تحميل الصفحة أكثر من 3 ثوانٍ ، فسيغادر 40 بالمائة من الزوار موقع الويب. علاوة على ذلك ، يمكن أن يكلف التأخير لمدة ثانية واحدة انخفاضًا بنسبة 7 بالمائة في المبيعات. لأن:

لا أحد يريد أن "ينتظر" حتى يتم تحميل صفحة ويب.

ليس هذا فقط ، فإن محرك البحث العملاق ، Google ، يفضل أيضًا مواقع الويب التي تحتوي على أوقات تحميل سريعة تقل عن 2-3 ثوانٍ.

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

في هذا الدليل ، سنشرح التحميل البطيء ، ومزاياه / عيوبه ، وحالات الاستخدام ، ثم نوضح لك كيفية التحميل البطيء لصور WordPress ومقاطع الفيديو والتعليقات واستخدام التمرير اللانهائي.

ما هو الحمل الكسول؟

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

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

التحميل الكسول هو تقنية لتحميل محتوى الويب عند الحاجة بدلاً من تحميله دفعة واحدة.

باستخدام تقنية التحميل البطيء ، يتم تحميل محتويات الصفحة فقط عندما تصبح مرئية في منفذ العرض (الشاشة).

كيف يعمل التحميل الكسول؟

بشكل أساسي ، يضع التحميل البطيء سمة src المرجعية لموارد صفحة الويب المحملة ببطء (صورة ، فيديو ، إلخ) ، وأضف سمة أخرى للمحتوى الأصلي ، ثم يستخدم JavaScript لاكتشاف موضع تمرير الزائرين للصفحة. عندما انتقل الموقف هو أقرب إلى كائن إشارة، فإنه يستبدل سمة src المرجعية مع الهلال الأحمر السوداني الفعلي والأحمال المحتوى.

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

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

هل يؤثر الحمل الكسول على تحسين محركات البحث؟

تحميل Lazy Load ليس صديقًا لتحسين محركات البحث (على الأقل حتى وقت كتابة هذا الدليل). نظرًا لأن المحتوى (الصور ومقاطع الفيديو والتعليقات وما إلى ذلك) لم يتم تحميله مبدئيًا للزوار ، فإن نفس التدفق ينطبق على عناكب محرك البحث. هناك احتمال ألا يتم فهرسة عدد قليل من محتوى Lazy Loaded (الصور ومقاطع الفيديو) في قسم الصور / الفيديو من Google ، وهو أمر غير جيد من منظور تحسين محركات البحث (SEO).

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

تعمل Google ، عملاق محرك البحث ، وتقوم بإعداد مستندات المساعدة حول كيفية الاستفادة من Lazy Loading والحصول على محتوى Lazy Loaded يمكن اكتشافه بواسطة GoogleBot.

هل تبطئ الوسائط مواقع الويب؟

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

كلما زاد حجم صفحة الويب ، زاد الوقت المستغرق في التحميل.

لذلك ، يُقترح دائمًا تحسين الصور قبل تحميلها على موقع WordPress. يمكنك استخدام WP Compress و ShortPixel و WP Smush It وما إلى ذلك لتقليل حجم الصورة.

أيضًا ، حدد أبعاد الصورة ، على سبيل المثال ، إذا كانت لديك صورة 1000 × 1000 بكسل ولكنك قمت بقياسها إلى 100 × 100 بكسل ، فسيتم تحميل المتصفح عشر مرات أكثر من اللازم. بالإضافة إلى ذلك ، تجنب تنسيقات الملفات المعقدة مثل TIFF و BMP وما إلى ذلك ، لأن المتصفحات يمكنها تحميل صور JPG و PNG و GIF بسرعة.

هل يجب عليك استخدام الحمل الكسول؟

هذا هو عصر السرعة!

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

مع النمو الهائل لمستخدمي الهاتف المحمول ، يتم تقديم أكثر من 52٪ من حركة المرور في جميع أنحاء العالم عبر الهواتف الذكية. يجب على المرء بالتأكيد التفكير في مستخدمي الهاتف المحمول أثناء تحسين موقع WordPress على الويب.

3 حالات استخدام الحمل الكسول

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

1. واسطة

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

2. موقع يوتيوب

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

3. صور Google

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

أضف Lazy Load إلى موقع WordPress

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

إن تنفيذ التحميل البطيء في محتوى WordPress ليس تقنيًا ، وذلك بفضل مجتمع WordPress على مساهماتهم.

1. WordPress الإضافات تحميل كسول

إذا بحثت عن " lazy load " في دليل إضافات WordPress ، فستصادف عددًا من الإضافات البطيئة التحميل. لكن بالنسبة لهذا الدليل ، اخترت a3 Lazy Load ، أحد المكونات الإضافية الأكثر شيوعًا وغنية بالميزات والأكثر استخدامًا لتنفيذ تقنية التحميل البطيء في موقع ويب WordPress.

2. ووردبريس تحميل الصور كسول

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

• أنواع المنشورات والصفحات والمنشورات المخصصة (كافة مناطق المحتوى)
• الأدوات (الشريط الجانبي والرأس والتذييل)
• تطبيق لنشر الصور المصغرة
• تنطبق على Gravatars

3. WordPress Lazy Load Videos and iFrames

لا يقتصر تطبيق Lazy Load على a3 على التحميل البطيء للصور فقط ، بل يتيح لك أيضًا تحميل مقاطع الفيديو البطيئة أيضًا. وهو يدعم جميع تضمين مقاطع فيديو WordPress التي تستخدم iFrames لتحميل مقاطع الفيديو عند التحميل الأولي. مرة أخرى ، يحتوي على مفاتيح تبديل لـ ON / OFF. إذا تم تشغيله ، يمكنك التحكم في المناطق المذكورة أدناه:

• مقاطع الفيديو المضمنة بواسطة عنوان URL في المنشورات والصفحات (كافة مناطق المحتوى)
• مقاطع الفيديو في أنواع عناصر واجهة المستخدم وأداة النص وأدوات HTML
• متوافق تمامًا مع البرنامج المساعد الشهير YouTube Embed

4. تعليقات ووردبريس تحميل كسول

هناك عدد من إضافات تعليقات WordPress التي يستخدمها معظم مستخدمي WordPress. يمكن تطبيق التحميل الكسول على العديد منهم باستخدام إضافات WordPress المختلفة للتحميل البطيء:

• بالنسبة لتعليقات WordPress الافتراضية ، يمكنك استخدام Lazy Load للتعليقات
• لتعليقات Disqus ، يمكنك استخدام Disqus Conditional Load
• لتعليقات Facebook ، يمكنك استخدام تعليقات Lazy Facebook

5. 5. المزيد من الإضافات Lazy Load لـ WordPress

بجانب a3 Lazy Load ، هناك عدد من الإضافات المفيدة التي يمكن أن تأخذ في الاعتبار:

• a3 تحميل كسول
• تحميل BJ كسول
• لفافة ووردبريس اللانهائية - Ajax تحميل المزيد
• تحميل كسول بواسطة صاروخ WP
• تحميل المزيد من المنتجات لـ WooCommerce
• تحميل كسول للتعليقات
• تحميل شرطي Disqus
• تحميل كسول لمقاطع الفيديو

لفافة ووردبريس لانهائية

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

في WordPress ، يمكنك تنفيذ ذلك باستخدام Download WordPress Infinite Scroll - Ajax Load More plugin. يتم استخدامه لتحميل المنشورات البطيئة والمنشورات الفردية والصفحات والتعليقات والمزيد باستخدام الاستعلامات المدعومة من AJAX.

ليس هذا فحسب ، بل إنه مفيد أيضًا للتمرير اللامتناهي مع المكونات الإضافية الشائعة للتجارة الإلكترونية مثل WooCommerce و Easy Digital Downloads التي تعرض آلاف المنتجات دون تحميل صفحة الويب بأكملها.

قد يدمج Google Chrome التحميل الكسول افتراضيًا

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

حاليًا ، يتوفر للاختبار على Google Chrome Canary ، وهو إصدار مبكر مخصص للمطورين والمتبنين الأوائل. لتجربتها ، قم بتنزيل Canary ، ثم أدخل أدناه في شريط العناوين:

• chrome: // flags / # enable-lazy-image-loading
• chrome: // flags / # enable-lazy-frame-load

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