HamyarWP - همیاروردپرس
HamyarWP - همیاروردپرس
خواندن ۲ دقیقه·۱ سال پیش

بارگذاری سریع صفحات با بهینه سازی تصاویر

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

بارگذاری بهینه تصاویر در وردپرس

بارگذاری تصاویر بصورت lazy load سرعت وبسایت را افزایش داده و تجربه کاربری بهتری ارائه دهد. هیچ کس وبسایت‌های کند را دوست ندارد. یک مطالعه عملکردی نشان داد که تاخیر ۱ ثانیه‌ای در زمان بارگذاری صفحه منجر به ۷٪ تبدیل کمتر، ۱۱٪ بازدید کمتر از صفحه و کاهش ۱۶٪ در رضایت مشتری می‌شود.
موتورهای جستجو مانند گوگل نیز از وبسایت‌هایی با سرعت بارگذاری کم، خوششان نمی‌آید. به همین دلیل است که سایت‌های سریعتر در نتایج جستجو رتبه بالاتری دارند.

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

بارگذاری Lazy Load چگونه کار می کند؟

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

  • زمان بارگذاری اولیه صفحه وب را کاهش داده تا کاربران سایت شما را سریعتر ببینند.
  • تنها با ارائه تصاویری که مشاهده می‌شوند، پهنای باند را حفظ می‌کند، که موجب صرفه جویی در هزینه‌های میزبانی وردپرس می‌شود.
  • نسخه وردپرس 5.5 این نوع بارگذاری تصاویر را به عنوان یک ویژگی پیش‌فرض اضافه کرد.

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

بارگذاری lazy load تصاویر در وردپرس با افزونه Optimole

این افزونه یکی از بهترین افزونه‌های فشرده سازی تصویر است که به شما امکان می‌دهد به راحتی بارگذاری Lazy load تصویر را فعال کنید. این افزونه تا ۵۰۰۰ بازدید برای هر سایت را پوشش می‌دهد.

lazy loadبارگذاری تصاویروردپرسافزونه وردپرس
در ویرگول همیاروردپرس میتوانید مقاله های جذابی بخوانید که از دل تجربیات تیم همیاروردپرس استخراج شده است
شاید از این پست‌ها خوشتان بیاید