افزایش رتبه سئو با بارگذاری تنبل یا Lazy-Loading صفحات وب!

افزایش رتبه سئو وب سایت یک موضوع مهم است که باید همیشه و به طور مستمر به آن توجه شود. به احتمال زیاد اگر وب سایت دارید می‌دانید که چگونه باید آن را در نتایج موتورهای جستجو قرار دهید. در صورتی که به دنبال راهکارهای بهینه‌سازی پیشرفته‌تر هستید، بارگذاری تنبل صفحات وب یکی از این تکنیک‌ها است. سرعت بارگذاری و دانلود محتوای وب سایت یکی از جنبه‌های اصلی بهینه‌سازی و معیار رتبه‌بندی در موتورهای جستجو می‌باشد. بارگذاری و نمایش سریع صفحات به عنوان عملکرد وب سایت در نظر گرفته می‌شود و به منظور ارتقاء تجربه کاربری خوب ضروری است. این کار موجب می‌شود که وب سایت سریع‌تر مشاهده شود و میزان مصرف اینترنت کاهش یابد.
اندازه صفحه، تعداد زیاد تصاویر، ویدئو‌ها و برخی انواع محتوا سرعت بازشدن صفحات را کاهش می‌دهند، یکی از بهترین راه‌حل‌ها برای این گونه مشکلات اجرای تکنیک‌های بارگذاری تنبل است. این روش‌ها را می‌توان نه تنها برای تصاویر بلکه هر بخش محتوای موجود در صفحه مانند فایل‌های جاوا اسکریپت، ویدئوها، فریم‌ها (iframe) و حتی متن اعمال کرد. 

با توجه به این که هر ثانیه بیش از یک میلیون جستجو در انواع موتورهای جستجو انجام می‌گیرد، نباید افزایش رتبه سئو نادیده گرفته شود. تمرکز بر روی بهینه‌سازی وب سایت موجب می‌شود که صدها یا هزاران فرصت برای جذب بازدیدکننده به دست آورید. اگرچه می‌توان وب سایت را با هزینه و از طریق تبلیغات در بالای صفحات موتورهای جستجو قرار داد اما اکثر کاربران به آن‌ها توجهی نمی‌کنند. بنابراین بهتر است که وب سایت از طریق افزایش رتبه سئو و به کارگیری تکنیک‌های آن در لیست جستجوهای ارگانیک قرار گیرد.

بارگذاری تنبل صفحات وب (Lazy-Loading) چیست؟

بارگذاری تنبل صفحات وب، تکنیکی برای افزایش رتبه سئو و روشی برای نمایش محتوا است. بیشتر صفحات وب شامل تصاویری هستند که بر اندازه صفحه و سرعت نمایش آن تاثیر می‌گذارند. بارگذاری تنبل به معنای دانلود و مشاهده انتخابی تصاویر و ویدئوهای صفحات وب سایت است. بارگذاری ناهمزمان تصاویر و فریم‌های صفحات، این امکان را می‌دهد که سرعت نمایش وب سایت به میزان قابل توجهی افزایش یابد. 

 بارگذاری تنبل راهکاری برای کاهش سرعت بارگیری فایل‌های رسانه‌ای سنگین می‌باشد که در هنگام نمایش صفحه وب سایت ممکن است برای کاربر مهم نباشند. تا زمانی که بازدیدکننده به محتوای سنگین در صفحه وب سایت نیاز نداشته باشد، نمایش داده نمی‌شود و با کلیک بر روی فایل رسانه‌ای محتوای ویدئو یا تصاویر قابل مشاهده خواهد بود. در این روش هنگام بازدید از وب سایت به جای دانلود کل تصاویر و ویدئوهای صفحه، محتوای صفحه به مرور بارگذاری می‌شود. در واقع فقط محتوای بخشی از صفحه که کاربر تمایل دارد که مشاهده کند، دانلود می‌شود و از اجرای کدهای غیر ضروری جلوگیری می‌گردد.

برای فعالسازی ویژگی نمایش صفحات بر مبنای بارگذاری تنبل صفحات وب باید در صفحه پیکربندی مرورگر کروم (chrome://flags) این ویژگی را فعال کنید. در این حالت اگر صفحه وب سایت از چند بخش تشکیل شده باشد تا زمانی که بر روی آن‌ها کلیک نشود باز نخواهند شد. به عنوان مثال هنگامی که وب سایتی از تصاویر با بارگذاری تنبل استفاده نمی‌کند، هنگام مشاهده آن 10 مگابایت داده را به طور همزمان بارگیری می‌کند.

در صورت به کارگیری تکنیک بارگذاری تنبل فقط 250 کیلوبایت از داده سایت دانلود می‌شود و بقیه محتوا هنگام حرکت کاربر در صفحه بارگیری خواهد شد. اجرای محتوای بارگذاری تنبل، علاوه بر موقعیت محتوا در صفحه به سرعت اتصال هم بستگی دارد.  سئوکاران و مدیران وب سایت برای ارزیابی برخی موضوعات مانند میزان حجم مصرفی اینترنت در هنگام مشاهده صفحات، سرعت اتصال مورد نیاز و سایر عوامل تاثیرگذار بر بارگذاری تنبل، می‌توانند وب سایت webpagetest.com را مشاهده نمایند. 

مزایا و معایب بارگذاری تنبل صفحات وب

بیشتر کاربران آنلاین بارگذاری تنبل صفحات وب را فعال می‌کنند. این تکنیک در فروشگاه‌های آنلاین و سایر وب سایت‌های با محتوای سنگین بسیار پرکاربرد است. به وسیله بارگذاری تنبل، محتواهای غیر ضروری در هنگام باز کردن صفحه وب سایت دانلود نمی‌شوند و در صورت کلیک کاربر یا اسکرول به سمت پایین مشاهده خواهند شد.

در صورت پیاده‌سازی درست تکنیک بارگذاری تنبل، زمان دانلود اولیه و بارگذاری محتوای سایت می‌تواند به طور قابل توجهی کاهش یابد. در این حالت کاربران حجم اینترنت مصرفی خود را برای تماشای فایل‌های رسانه‌ای که تمایلی به دیدن آن‌ها ندارند، هدر نمی‌دهند. همچنین مدیران وب سایت برای بازدید از صفحات و ترافیک، هزینه کمتری به‌ هاست و میزبان داده‌ها پرداخت می‌کنند. 

نرخ پرش کاربر مهم‌ترین چالشی است که در این باره مطرح می‌شود. با بارگذاری تنبل کاربران وب سایت نمی‌توانند به طور کامل و یکباره تمام تصاویر و فایل‌های رسانه‌ای را مشاهده کنند. بنابراین بازدیدکنندگان وب سایت مجبور هستند صبر کنند و صفحه را اسکرول نمایند تا تمام فایل‌ها دانلود شوند. در این مواقع ممکن است به جای اسکرول صفحات، کلیک بر روی فایل رسانه‌ای و تحمل تاخیر، به وب سایت دیگری مراجعه کنند. 

روش‌های اجرای بارگذاری تنبل

راه‌های مختلفی برای اجرای بارگذاری تنبل صفحات وب وجود دارد. هنگام انتخاب شیوه اجرا باید در نظر داشته باشید که از کدام مرورگر پشتیبانی می‌کند و دانلود چه مواردی را در صفحه به تاخیر می‌اندازد. در اغلب مرورگرها دانلود تصاویر، ویدئوها و فریم‌ها (iframe) بهینه می‌شوند، به عبارت دیگر فقط بر روی این موضوعات بارگذاری تنبل اعمال می‌گردد.

نکته‌ای که سئوکاران در شروع اجرای تکنیک بارگذاری تنبل باید به آن توجه کنند این است که هیچ افزونه‌ای در وردپرس وجود ندارد که این روش سئو را به درستی پیاده‌سازی کند. از تمام اسکریپت‌های بارگذاری تنبل، فقط 2 الی 3 اسکریپت به درستی اجرا می‌گردد. بنابراین علاوه بر به کارگیری افزونه وردپرس باید آن را شخصی‌سازی کنید. این موضوع مستلزم آن است که مشخصه src همیشه دارای پیوندی به تصویر باشد و با ویژگی srcset جایگزین گردد.

تصاویری که برای کاربران بلافاصله پس از باز کردن صفحه قابل مشاهده هستند با استفاده از تگ‌های <img> معمولی توصیف می‌شوند. هنگام طراحی صفحات وب سایت، برای تنظیم تصاویری که بلافاصله بعد از بارگذاری قابل مشاهده هستند باید ویژگی src را مشخص کنیم. برای توصیف تصاویری که با بازکردن صفحه وب سایت برای کاربران قابل مشاهده نیستند و نمایش آن‌ها بر اساس کلیک کاربر است، می‌بایست از ویژگی data-src استفاده شود.

روش رابین آزبورن یکی از تکنیک‌های فوق العاده برای افزایش رتبه سئو وب سایت است. در این مورد، بارگذاری تنبل با جاوا اسکریپت اعمال می‌شود و از نظر بازدهی مشابه با روش‌های HTML و CSS می‌باشد. روش رابین آزبورن حتی برای موقعیت‌هایی که جاوا اسکریپت در دسترس نیست نیز پاسخ می‌دهد و به هیچ افزونه‌ای نیاز ندارد. علاوه بر روش رابین آزبورن، سایر شیوه‌ها برای پیاده سازی بارگذاری تنبل عبارتند از: روش David Walsh، تکنیک Lazy Loading، Lazy Load a3، Intersection Observer.

افزونه‌های بارگذاری تنبل

افزونه js یک تکنیک سریع و آسان برای اجرای بارگذاری تنبل صفحات وب سایت است. این افزونه کم حجم می‌باشد و به سادگی می‌توان آن را به انتهای صفحه HTML اضافه کرد. یکی از مزایای این افزونه این است که ایندکس شدن تصاویر توسط موتورهای جستجو را مختل نمی‌کند.
روش دیگر برای اجرای بارگذاری تنبل بر روی وب سایت استفاده از افزونه اختصاصی وردپرس مانند افزونه smush است. اگر Smush Pro را دانلود کنید، در عرض کمتر از 5 دقیقه می‌توانید اقدامات مربوط به اجرای تکنیک بارگذاری تنبل را بر روی وب سایت انجام دهید. برای فعالسازی بارگذاری تنبل با افزونه Smush تنها کاری که باید کرد این است که در بخش Lazy Loading، گزینه Activate با یک کلیک فعال گردد.