آموزش افزونه a3 Lazy Load برای بارگذاری تنبل تصاویر وردپرس
سرعت بارگذاری صفحه یکی از مهمترین المان های سایت وردپرسی شما است. قبلاً درباره لزوم بهینه سازی دیتابیس برای افزایش سرعت و بهبود عملکرد سایت وردپرس صحبت کردیم و افزونه های بهینه سازی دیتابیس وردپرس را معرفی کردیم. یکی دیگر از تکنیک های سریع تر کردن سایت و افزایش کارایی آن بارگذاری تنبل (Lazy Load) تصاویر در وردپرس است. در این مقاله به آموزش افزونه a3 Lazy Load می پردازیم.
این افزونه ویژگی های بسیار خوبی دارد که آن را از بقیه افزونه های رایگان بارگذاری تنبل وردپرس متمایز می کند. در ابتدا توضیح مختصری راجع به ویژگی بارگذاری تنبل و اهمیت آن در سایت وردپرسی ارائه می دهیم سپس به آموزش افزونه می پردازیم.
اگر می خواهید با روش های دیگری که می توانید سرعت سایت وردپرس خود را افزایش دهید، آشنا شوید، مقاله راهنمای جامع افزایش سرعت وردپرس را مطالعه کنید.
چرا بارگذاری تنبل (Lazy Load) تصاویر اهمیت دارد؟
تصاویر یکی از بزرگ ترین عناصری هستند که بازدیدکنندگان سایت مجبور به دانلود آنها می باشند و همین امر آنها را تبدیل به بزرگترین عامل کند شدن سایت کرده است. اما هنگامی که شما تصاویر را بارگذاری تنبل می کنید، تنها زمانی لود شده و به کاربر نشان داده می شوند که کاربر اسکرول کرده و تصاویر در صفحه نمایش او قرار گرفته باشند. به این ترتیب بارگذاری اولیه صفحه بسیار سریع تر انجام می شود زیرا باقی صفحه زمانی بارگذاری می شود که کاربر به دیدن آن تمایل داشته باشد.
بارگذاری تنبل تصاویر فایده دیگری نیز دارد و آن ذخیره سازی پهنای باند کاربر است. با توجه به اینکه بخش قابل ملاحظه ای از ترافیک وب دستگاه های تلفن همراه هستند این ویژگی می تواند برای بازدیدکنندگان شما بسیار سودمند باشد.
بارگذاری تنبل تصاویر تنها یک عیب دارد. اگر بخشی از استراتژی شما کسب رنکینگ بهتر تصاویرتان در جستجوی تصاویر گوگل است، بارگذاری تنبل می تواند به سئو تصاویرتان صدمه بزند.
شما می توانید از ابزار URL Inspection سرچ کنسول گوگل برای بررسی اینکه ربات های گوگل سایت شما را چگونه می بینند استفاده کنید. اگر گوگل تصاویر شما را در این ابزار نشان می دهد نباید نگران هیچ چیزی باشید. در غیر این صورت باید بین کسب رتبه بهتر جستجوی تصاویر و بهبود زمان بارگذاری صفحه یکی را انتخاب کنید.
اگر می خواهید اطلاعات بیشتری درباره بارگذاری تنبل تصاویر به دست آورید و با دیگر افزونه های این دسته آشنا شوید، مقاله بهترین افزونه های Lazy Load وردپرس را مطالعه کنید.
در این آموزش چگونگی بارگذاری تنبل تصاویر وردپرس با استفاده افزونه a3 Lazy Load را توضیح می دهیم.
این افزونه بیش از 200 هزار نصب فعال داشته و امتیاز 4.3 از 5 را کسب کرده است.
آموزش افزونه a3 Lazy Load و لود تنبل تصاویر وردپرس
ابتدا افزونه را از پایین صفحه دریافت نموده و آن را در سایت خود در بخش افزونه ها نصب کنید. اگر منو افزونه را ندیدید یا اطلاعات جزئی تری لازم دارید، به راهنمای گام به گام ما در مورد آموزش نصب افزونه وردپرس مراجعه کنید.
بعد از اینکه افزونه نصب شد آن را فعال کنید. پس از فعال سازی افزونه در منوی تنظیمات پیشخوان وردپرس زیرمنوی جدیدی به نام a3 Lazy Load اضافه خواهد شد. روی آن کلیک کنید.
صفحه تنظیمات افزونه باز خواهد شد. این صفحه از قسمت های مختلفی تشکیل شده است که در حالت پیش فرض تنها باکس اول آن باز است و بقیه باکس ها بسته هستند. در ادامه آموزش در مورد هریک از باکس ها در افزونه a3 Lazy Load توضیح خواهیم داد.
تنظیمات عمومی افزونه a3 Lazy Load
باکس اول Plugin Framework Global Settings نام دارد و دارای دو گزینه است.
Open Box Display: در حالت پیش فرض تمام باکس های تنظیمات افزونه به صورت بسته هستند. اگر می خواهید باکس های صفحه تنظیمات پس از اعمال تغییرات و ذخیره سازی آنها در حالت باز باقی بماند این گزینه را فعال کنید.
Clean up on Deletion: اگر می خواهید پس از حذف کردن افزونه (نه غیرفعال سازی آن) تمام جداول و داده های مربوط به آن در دیتابیس پاک شود و هیچ ردی از این افزونه باقی نماند این گزینه را فعال کنید.
فعال سازی بارگذاری تنبل
افزونه a3 Lazy Load به صورت پیش فرض فعال است اما اگر می خواهید آن را غیرفعال کنید می توانید روی دکمه Enable Lazy Load در باکس Lazy Load Activation کلیک کرده و آن را غیرفعال کنید.
آموزش بارگذاری تنبل تصاویر با افزونه a3 Lazy Load
در بخش Lazy Load Images می توانید یک نوع خاص تصاویر را برای بارگذاری تنبل انتخاب کنید. به عنوان مثال می توانید تمام تصاویر ساید بار را به صورت فوری بارگذاری کرده و تنها تصاویر محتوا را بارگذاری تنبل کنید.
به صورت پیش فرض بارگذاری تنبل برای تمام انواع تصاویر فعال است. شما بسته به نیاز سایت و استراتژی هایی که برای سایت خود در نظر گرفته اید می توانید بارگذاری تنبل نوع خاصی از تصاویر را غیرفعال کنید.
حتی اگر می خواهید خیلی خاص عمل کنید می توانید یک کلاس CSS تصاویر را در قسمت Skip Image Classes مستثنی کنید.
بارگذاری تنبل ویدئوها و آی فریم ها
افزونه a3 Lazy Load می تواند به شما در بارگذاری تنبل ویدئوها کمک کند. در این بخش از آموزش نیز مانند بخش قبل می توانید بارگذاری تنبل برخی از ویدئوها را فعال/غیرفعال کنید.
حذف برخی URI ها و صفحات از لیزی لود
این باکس از دو قسمت تشکیل شده است. شما می توانید بارگذاری تنبل را برای URI ها یا صفحات خاصی از سایت غیرفعال کنید.
در بخش Exclude by URIs می توانید URI های خاصی را از بارگذاری تنبل مستثنی کنید. توجه داشته باشید که هر URI را باید در یک خط قرار دهید و نیز نام کامل فایل ها را وارد نکنید. به عنوان مثال اگر URL شما به صورت /domain-name/2019/example-post/ است و می خواهید این پست را مستثنی کنید باید فقط قسمت /example-post/ را وارد کنید. اگر می خواهید تمام پست های موجود در فولدر 2019 را مستثنی کنید باید فقط /2019/ را وارد کنید.
در قسمت Page Type Exclusions می توانید صفحاتی که مایل نیستید بارگذاری تنبل برای آنها اعمال شود را فعال کنید.
آموزش بهینه سازی بارگذاری اسکریپت ها با افزونه a3 Lazy Load
باکس Script Load Optimization در افزونه a3 Lazy Load اجازه می دهد جزئیات کوچکی از عملکرد سایت خود را تغییر دهید. تنظیمات پیش فرض به گونه ای است که اسکریپت ها را در فوتر سایت قرار می دهد که بهینه ترین حالت است. اما اگر می خواهید به دلایلی اسکریپت ها را به هدر منتقل کنید در این قسمت از آموزش می توانید تنظیمات آن را انجام دهید. توجه داشته باشید که تنظیمات پیش فرض را تنها در حالتی تغییر دهید که دلیل منطقی برای انجام آن دارید.
سازگاری با افزونه های موبایل وردپرس
اگر از افزونه های قالب موبایل مانند افزونه WPTouch یا MobilePress در سایت خود استفاده می کنید، ویژگی بارگذاری تنبل به صورت پیش فرض غیرفعال است. در این قسمت می توانید بارگذاری تنبل را فعال کنید.
افکت ها و استایل ها
باکس Effect & Style در افزونه a3 Lazy Load به شما اجازه تغییر رنگ پس زمینه برای Placeholder های تصاویر و همچنین لود کردن افکت برای تصاویر را می دهد. شما می توانید افکت تصاویر را به صورت Spinner یا fade in انتخاب کنید.
آموزش تنظیم آستانه لود تصاویر با افزونه a3 Lazy Load
باکس Image Load Threshold به شما اجازه می دهد تصاویر را قبل از اینکه خواننده واقعاً به سمت آنها اسکرول کند، بارگذاری کنید. این گزینه بسیار جالب است زیرا تجربه کاربری خوبی ایجاد کرده و کاربران متوجه لیزی لود بودن تصاویر شما نمی شوند.
اگر Threshold را 500px انتخاب کنید هنگامی که خواننده به 500px بالای جایی که تصویر مربوطه آغاز می شود رسید، تصاویر شروع به بارگذاری می کنند. شما می توانید این عدد را برای پیدا کردن بهترین نقطه در سایت خود تنظیم کنید.
در پایان روی دکمه Save Changes کلیک کنید. تصاویر وب سایت شما بر طبق تنظیماتی که انجام داده اید بارگذاری تنبل می شوند.
جمع بندی
بارگذاری تنبل تصاویر یک راه خوب برای افزایش سرعت بارگذاری سایت است. از آنجا که معمولاً تصاویر حجم بالایی دارند، اگر هنگامی که کاربر برای اولین بار صفحه را لود می کند، تمام تصاویر بارگذاری نشوند، تأثیر قابل ملاحظخ ای در افزایش سرعت لود صفحه دارد. افزونه a3 Lazy Load یکی از محبوب ترین و قدرتمندترین افزونه ها برای انجام این کار است که در این مقاله به آموزش آن پرداختیم.
امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.
دانلود افزونه
یک دنیا ممنون از این راهنمایی دقیق و تصویری تون
دمتون گرم