لود تنبل تصاویر به زبان ساده؛ بدون اصطلاح فنی

اگر قبلاً سراغ آموزش‌های فنی این موضوع رفته باشید، احتمالاً راهنمای آموزش گام‌به‌گام lazy load وردپرس؛ لود تنبل تصاویر بدون آسیب را دیده‌اید؛ آن مقاله جای تنظیم‌ها، افزونه‌ها و تست‌ها را قدم‌به‌قدم نشان می‌دهد. این‌جا مقصد دیگری است: نه افزونه‌ای نصب می‌کنیم و نه کدی دست می‌زنیم؛ فقط می‌خواهید بفهمید این مکانیزم چه می‌کند، برای چه سایتی خوب است و چه وقت بهتر است بخشی از صفحه از قاعده مستثنا شود.

قرار ما مثل بقیهٔ راهنماهای به زبان سادهٔ ماست: اصطلاحی تعریف‌نکردنی وارد متن نمی‌شود و همه‌چیز با تصویر روزمره گفته می‌شود. و از همان اول صادق باشیم: لود تنبل نه معجزه است و نه کار دشوار؛ یک قاعدهٔ ساده است که با چند تصمیم کوچک درست یا خراب می‌شود. و چون وردپرس طبق آمار W3Techs حدود ۴۳٪ همهٔ سایت‌های جهان را روشن نگه می‌دارد (تاریخ گردآوری: آبان ۱۴۰۵)، همین قاعدهٔ کوچک موضوع میلیاردها صفحه است — از جمله صفحات شما.

lazy load وردپرس یعنی چه؛ قاعدهٔ پیشخدمت و بشقاب‌ها

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

صفحهٔ سایت هم همین است. مرورگر اگر همهٔ عکس‌ها را از همان ثانیهٔ اول بخواهد، مثل میزِ شلوغ می‌شود: پهنای اینترنت صرف فایل‌هایی می‌شود که کاربر شاید هرگز به‌شان نرسد، و چیزی که لازم بود اول بیاید، در صف گم است. لود تنبل ترتیب را برمی‌گرداند: اول آنچه جلوی چشم است، بعد بقیه، هم‌زمان با اسکرول کاربر.

نکتهٔ مهم این است که در وردپرس این قاعده سال‌هاست بخشی از خودِ سیستم است؛ طبق مستندات وردپرس، از نسخهٔ ۵٫۵ به بعد تصاویر به‌صورت پیش‌فرض همین‌طور بار می‌شوند (تاریخ گردآوری: آبان ۱۴۰۵). پس پرسشِ بیشتر سایت‌ها «فعال کنیم یا نه» نیست؛ این است: مرزِ صف را درست کشیده‌ایم؟ همین پرسش، موضوع بقیهٔ این راهنماست.

مهمان به چه چیزی نگاه می‌کند؛ بشقابِ اول باید فوری بیاید

در هر صفحه یک لحظهٔ حساس وجود دارد: همان اولین ثانیه‌ای که کاربر هنوز تصمیم نگرفته بماند یا برگردد. در این لحظه باید حاضر باشد آنچه می‌بیند و آنچه می‌خواند. اگر تصویر بزرگ بالای صفحه — بنر اصلی یا عکس شاخص — دیر برسد، حسِ اول «سایتِ کند» است، حتی اگر بقیهٔ صفحه سبک و مرتب باشد. ذهن، خالی‌بودنِ جای عکس را کندی حساب می‌کند.

ابزارهای سنجش سرعت هم دقیقاً همین لحظه را می‌سنجند؛ اسم فنی‌اش LCP است و یعنی مهم‌ترین عنصرِ اولین دید چه وقت ظاهر شد. برای بحث ما همین کافی است: بشقابِ اول نباید در صف بماند. به تجربهٔ ما اگر بین همهٔ تنظیم‌های سرعت فقط یک تصمیم برایتان بگنجد، همین است: تصویر اول هر صفحه را از صف تنبل خارج کنید.

چرا این‌قدر روی همین یکی پافشاری می‌کنیم؟ چون بیشترین شکایت واقعی از «کندی» از همین‌جا می‌آید: صفحه باز می‌شود ولی خانه است و خالی؛ عکس اصلی جای خالی می‌گذارد و کاربر پیش از دیدن مهم‌ترین چیز، تصمیمش را گرفته است. بقیهٔ قاعده، روبه‌روی همین نکتهٔ ساده تعریف می‌شود.

کجا لود تنبل جواب می‌دهد؛ گالری، عکس‌های متن و پایین صفحه

تصویر روشن‌ترین جاها اول‌اند: گالری محصول با ده‌ها عکس، مقالهٔ بلند با تصاویر داخل متن، صفحهٔ نظرات با عکس کوچکِ نظردهنده‌ها، نقشه و ویدیو در انتهای صفحه. کاربر به‌هرحال زمان می‌برد تا پایین برسد؛ دانلودِ همهٔ این‌ها در لحظهٔ ورود، یعنی هدر دادن پهنای باند و کندکردن همان اولین ثانیه‌ها.

در فروشگاه‌ها اثرش محسوس‌تر است: صفحهٔ محصولی که ده عکس دارد، بدون این قاعده همان اول ده عکس را می‌گیرد؛ با قاعده، سه عکسِ جلوی دید سریع می‌آید و بقیه در حین اسکرول. وقتی صفحهٔ محصول همان مغازهٔ اصلی شماست، این تفاوت بین مشتری‌ای است که می‌ماند و مشتری‌ای که پیش از دیدن کالا برمی‌گردد؛ در راهنمای سئو برای فروشگاه اینترنتی همین تصمیم‌های صفحهٔ محصول را کنار هم می‌بینید.

یک مرز کمتر گفته‌شده: این قاعده فقط برای «فایل جداگانه» کار می‌کند — عکس، ویدیو، نقشه. عکسی که از داخل پس‌زمینهٔ قالب بار می‌شود از این مسیر رد نمی‌شود و تنظیم ساده رویش اثر ندارد؛ اگر چنین عکسی مهم است، کارش با طراح قالب است، نه با تنظیم‌های تنبل‌سازی.

کجا ضرر می‌زند؛ وقتی بشقاب اول هم در صف می‌ایستد

برعکسِ حالت خوب این است: قاعده را بی‌ملاحظه روی همهٔ تصاویر بیندازید — از جمله تصویر اول. نتیجه، صفحهٔ سریعِ «نیمه‌کاره» است؛ همه‌چیز هست، فقط مهم‌ترینش نیست. مثل مهمانی‌ای که میز چیده شده، سرویس تمیز است، ولی بشقاب اول هنوز در آشپزخانه است و مهمان ایستاده نگاه می‌کند.

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

جمع این بخش در یک جمله: قاعده برای بقیهٔ بشقاب‌هاست، نه بشقاب اول؛ و برای هر بشقاب، جا از قبل رزرو شود. همین دو شرط، مرز بین «سریع‌تر شدن» و «خراب‌تر شدن» را می‌کشد و به تجربهٔ ما هیچ تنظیم دیگری به اندازهٔ این دو، سرنوشتِ تجربهٔ کاربر را تعیین نمی‌کند.

در وردپرس این رفتار از کجا می‌آید و کجا تنظیم می‌شود؟

در نسخه‌های تازهٔ وردپرس، تصاویر به‌طور پیش‌فرض تنبل بار می‌شوند؛ قالب شما هم احتمالاً تنظیمی برایش دارد و افزونه‌های بهینه‌ساز تصویر گزینه‌های دقیق‌تری می‌دهند. خطر اصلی همین‌جاست: وقتی دو یا سه جا هم‌زمان کنترل کنند، رفتار نهایی حدس‌زدنی نیست و شما نمی‌دانید کدام تصمیم چه کاری کرد.

قاعدهٔ ما «یک دستورآشپزخانه» است: یکی از این مسیرها را نگه دارید و بقیه را خاموش کنید؛ بعد فقط یک استثنا تعریف کنید — تصویر اولِ صفحه. جزئیات فنی و قدم‌به‌قدم همین تنظیم، موضوع مقالهٔ فنیِ ماست که اول همین متن به آن لینک دادید؛ برای فهم امروزتان همین نقشهٔ ذهنی کافی است.

اگر سایت‌تان دست‌چندم است و کسی نمی‌داند چه کسی چه تنظیمی گذاشته، اول ممیزی رایگان دامنه بگیرید تا نقشهٔ فعلی دستتان بیاید؛ تصمیم بر پایهٔ وضعیت واقعی، ارزان‌تر از تصمیم بر پایهٔ حدس است. بعد سراغ دو تصمیم این راهنما بروید: مستثناکردن بشقاب اول و رزروِ جای هر عکس.

چطور بفهمید درست کار می‌کند؟

تست ساده‌تر از آن چیزی است که فکر می‌کنید و ابزار گران نمی‌خواهد: صفحهٔ پربازدیدتان را در حالت ناشناس، با اینترنت موبایل و حافظهٔ خالی باز کنید. سه چیز را یادداشت کنید: تصویر اول چه لحظه‌ای حاضر شد؟ هنگام اسکرول، عکس‌ها قبل از رسیدن آماده بودند یا کاربر چند لحظه منتظر ماند؟ صفحه هنگام اسکرول جابه‌جا شد یا ثابت ماند؟

نشانه‌های درست‌کارکردن با همین سه پرسش معلوم می‌شود: تصویر اول در همان اولین ثانیه‌ها حاضر است؛ پایین صفحه وقتی می‌رسید، عکس‌ها آماده‌اند یا حداکثر یک تأخیر کوتاه دارند؛ و متن و دکمه‌ها سرِ جای خودشان مانده‌اند. اگر یکی از این سه خراب بود، دقیقاً می‌دانید کدام تصمیم را باید برگردانید — نه همهٔ تنظیم‌ها را.

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

سه اشتباه رایج صاحبان سایت

اشتباه اول، همه‌یاهیچ است: یا کل قابلیت را خاموش می‌کنند چون «یک بار سایت را خراب دیدم»، یا روی همه‌چیز روشنش می‌کنند و از بشقاب اول هم چشم می‌پوشند. هر دو سر اشتباه است؛ قاعده با مرزِ درست کار می‌کند، نه با خاموشی و روشنیِ کامل.

اشتباه دوم، دو دستورآشپزخانه است: قالب و افزونه هر دو تنبل‌سازی را اعمال کنند؛ نتیجه رفتاری غیرقابل پیش‌بینی است که هر تست جواب دیگری می‌دهد. یکی را انتخاب کنید و بقیه را خاموش نگه دارید؛ همان قاعدهٔ یک دستورآشپزخانه.

اشتباه سوم، انتظار معجزه است: اگر عکس‌ها خودشان بزرگ و فشرده‌نشده باشند، لود تنبل فقط همان فایل‌های سنگین را عقب می‌اندازد؛ سبک‌سازی عکس پیش‌نیاز این قاعده است. لایه‌های دیگر سرعت هم جدا کار می‌کنند — برای لایهٔ کش از انتخاب افزونهٔ کش؛ کدام برای شما مناسب است؟ شروع کنید و هر لایه را جدا تست کنید تا بدانید هر تغییر چه کاری کرد.

جمع‌بندی؛ سه جمله‌ای که با خود ببرید

سه جمله با خود ببرید. اول، لود تنبل یعنی هر بشقاب وقتی بیاید که مهمان به آن سو چرخید — نه همه‌چیز یک‌جا روی میز. دوم، بشقاب اول قانونِ این قاعده نیست: تصویر اول هر صفحه فوری باید بیاید و جای هر عکس از قبل رزرو شود. سوم، تستش یک دقیقه است: ناشناس، اینترنت موبایل، حافظهٔ خالی — و نتیجه را بنویسید.

نقشهٔ کامل سرعت وردپرس — از کش تا افزونه‌ها — در هاب سرعت و کارایی وردپرس کنار هم است؛ و اگر خواستید این لایه‌ها را با انتشار و پایش خودکار در یک پنل بچینید، قابلیت‌های پلتفرم سوئیت ادامهٔ مسیر است. پیشخدمت خوب را نمی‌شود جایگزین کرد؛ فقط می‌شود به او قاعدهٔ بشقاب‌ها را یاد داد.

رصد ما، رشد شما.