×

آموزش افزایش سرعت ووکامرس

وردپرس 09 دی 1400

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

قابلیت های مهمی که یک پلاگین کش باید داشته باشد، عبارتند از Cache Preloading، امکان بهینه سازی فایل های CCS و جاوا اسکریپت، قابلیت Lazy-Load برای تصاویر و ویدیوها، فشرده سازی GZIP، امکان به تعویق انداختن لود جاوا اسکریپت و بهینه سازی فونت ها.

یکی از بهترین پلاگین های کش برای ووکامرس WP-Rocket است. این پلاگین تمامی قابلیت های ضروری را دارد و بهترین عملکرد را در کنار ووکامرس دارد. این پلاگین در سایت اصلی ووکامرس هم به عنوان بهترین پلاگین Cache معرفی شده است.

۴- انتخاب قالب های سریع

اولویت: بالا ***

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

چهارتا از سریع ترین قالب هایی که تا به امروز برای ووکامرس عرضه شده اند، به شرح زیر هستند:

  • Blocksy
  • The Page Builder Framework
  • Neve
  • Astra

۵- کاهش زمان اجرای کدهای جاوا اسکریپت

اولویت: بالا ***

در صورتی که اجرای شدن کدهای جاوا اسکریپت مدت زمان زیادی طول بکشد، عملکرد صفحات و سرعت سایت شما نیز به شکل چشمگیری کاهش خواهد یافت. لایت هوس گوگل برای ارزیابی عملکرد سایت ها توجه ویژه ای به مدت زمان اجرای جاوا اسکریپت دارد و در صورتی که اجرای این کدها بیشتر از ۲ ثانیه طول بکشد به شما هشدار خواهد داد. همچنین با گذشت این مدت زمان از ۳.۵ ثانیه هشدار قرمز (Red Flag) دریافت خواهید کرد.

اگر می خواهید مدت زمان اجرای کدهای جاوا اسکریپت را به منظور افزایش سرعت لود سایت خودتان کاهش دهید، می توانید کارهای زیر را انجام دهید:

  • کدهای خودتان را Minify و فشرده کنید
  • کدهای جاوا اسکریپت استفاده نشده را حذف کنید
  • با کش کردن این کدها، مقدار ترافیک شبکه را کاهش دهید.

در صورت استفاده از افزونه WP-Rocket تمامی این موارد به صورت خودکار برای شما انجام می شود. WP-Rocket به دو روش فایل های جاوا اسکریپت را برای شما بهینه سازی خواهد کرد: روش اول به تاخیر انداختن اجرای جاوا اسکریپت است. در این روش فقط زمانی که تعامل کاربر وجود داشته باشد، کدهای جاوا اسکریپت اجرا خواهند شد. روش دوم هم بارگذاری کدهای جاوا اسکریپت فقط در صورت نیاز است.

۶- بهینه سازی تصاویر محصول

اولویت: بالا ***

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

بهترین روش، بهینه سازی عکس تمام محصولات است. این موضوع در صورتی که از گالری تصویر، بنرهای تبلیغاتی و… روی سایت خودتان استفاده کنید، از اهمیت بسیار بیشتری برخوردار خواهد بود. برای بهینه سازی تصاویر باید از طریق فشرده سازی، سایز آن ها را کاهش دهید و تصاویر را به بهترین فرمت ممکن تبدیل کنید. در عین حال باید مراقب باشید که کیفیت تصاویر موردنظر خیلی افت نکند.

برای بهینه سازی تصاویر و افزایش سرعت ووکامرس دو روش کلی وجود دارد:

  1. به صورت دستی از طریق نرم افزارهایی مثل ادوب فتوشاپ، GIMP، net یا Affinity Photo. البته این نرم افزارها خیلی سنگین هستند و استفاده از آن ها نیز ممکن است برای همه آسان نباشد.
  2. به صورت خودکار از طریق پلاگین هایی مثل Imagify، Ewww Optimizer، TinyJPG و…

افزونه Imagify توسط تیم طراح افزونه WP-Rocket ایجاد شده است. استفاده از این افزونه خیلی راحت است و می تواند تصاویر را به صورت خودکار در سه سطح Normal، Aggressive و Ultra فشرده سازی کند. استفاده از این پلاگین تا ۲۵ مگابایت در ماه رایگان است و به صورت خودکار تصاویر را به فرمت WebP که بهترین فرمت برای وب است، تبدیل می کند.

 

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

مواردی که تا اینجای مقاله به آن ها پرداختیم، بیشترین تاثیر را در سرعت سایت ووکامرس شما دارند، اما موارد دیگری هم وجود دارند که تاثیر کمتری روی سرعت سایت شما دارند اما باز هم می توانند تا حدودی باعث بهبود عملکرد آن شوند. این موارد به شرح زیر هستند:

۷- بهینه سازی CSS

اولویت: متوسط **

بهینه سازی CSS باعث افزایش سرعت سایت های ووکامرس خواهد شد. برای این منظور می توانید کارهای زیر را انجام دهید:

  • حذف کردن CSSهای بلا استفاده به منظور کاهش سایز صفحات و درخواست های HTTP
  • بهینه سازی نحوه ارسال CSS (از طریق بارگذاری غیرهمزمان)

WP-Rocket امکان استفاده از هر دو روش را در اختیار شما قرار می دهد و شما می توانید بسته به نیاز خودتان، یکی از آن ها را انتخاب کنید. در صورتی که به هر دلیلی امکان استفاده از قابلیت حذف کردن CSSهای بلا استفاده را ندارید، توصیه می کنیم نحوه ارسال CSS را بهینه سازی کنید.

۸- استفاده از Lazy Load برای تصاویر و ویدیوها

اولویت: متوسط **

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

همانطور که در تصویر زیر می بینید، خود گوگل هم توصیه می کند از Lazy Load استفاده کنید تا بارگذاری تصاویری که داخل صفحه نیستند، با تاخیر انجام شود.

برای استفاده از قابلیت Lazy Load به صورت دستی شما می توانید از شناسه Loading به شکل زیر استفاده کنید:

1
<img src=”image.jpg” alt=”…” loading=”lazy”>

یا

1
<iframe src=”video-player.html” title=”…” loading=”lazy”></iframe>

در صورتی هم که دوست ندارید این تگ را به صورت دستی به تک تک عکس های سایت خودتان استفاده کنید، می توانید از افزونه ‎های مختلفی که برای این کار طراحی شده اند استفاده کنید. در این بخش هم یکی از بهترین افزونه های موجود WP-Rocket است. این پلاگین می تواند به خوبی قابلیت Lazy Load را به تصاویر شما اضافه کند.

۹- بهینه سازی کد

اولویت: متوسط **

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

برای بهینه سازی و فشرده سازی فایل ها دو روش کلی وجود دارد:

  • به صورت دستی: در این روش ممکن است فقط با حذف ناخواسته ی یک کاراکتر باعث شوید که سایت از کار بیافتد
  • به صورت خودکار: با استفاده از پلاگین هایی مثل WP-Rocket می توانید فقط با چند کلیک فایل های CSS و جاوا اسکریپت خودتان را فشرده کنید.

۱۰- بهینه سازی دیتابیس

اولویت: پایین *

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

می توانید این بهینه سازی را به صورت دستی از طریق پنل PhpMyAdmin انجام دهید. با این وجود در صورتی که نمی ‎خواهید از PhpMyAdmin استفاده کنید و یا دانش کافی برای این کار را ندارید، توصیه ما به شما استفاده از قابلیت بهینه سازی دیتابیس WP-Rocket است.

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

سخن پایانی

برای کسب درآمد از فروشگاه اینترنتی به افزایش سرعت ووکامرس نیاز دارید. فرقی ندارد که چه خدمات یا کالاهایی را به صورت آنلاین می فروشید، اگر کاربر متوجه شود که سرعت بارگذاری سایت شما کند است، بدون تعلل آن را ترک خواهد کرد. تجربه کاربر یکی از مهم ترین موضوعاتی است که به صورت مستقیم روی درآمد شما تاثیر می گذارد. خوشبختانه تکنیک های زیادی وجود دارد که با استفاده از آن ها می توانید سرعت سایت خودتان را افزایش دهید، اما اجرای دستی آن ها ممکن است کمی زمان ببرد. به همین خاطر توصیه می کنیم از افزونه هایی مثل WP-Rocket برای افزایش سرعت سایت ووکامرسی خودتان استفاده کنید تا در کوتاه ترین زمان ممکن این تنظیمات روی سایت شما اعمال شوند.

ساخت و طراحی توسط ایده پردازان آسمان (پویان آقایی)
preloader