چرا باید وردپرس را بهترین CMS طراحی سایت بدانیم؟
یکی از اجزای کلیدی یک فروشگاه سریع قالب ووکامرس آن است.
نویسنده: پوریا صادق لو
سه شنبه, 9 خرداد ۱۴۰2 ساعت 14:۰۰
فروشگاهی که 500 میلیون در ماه تولید می کند به دلیل تاخیر یک ثانیه ای ممکن است 500 میلیون در سال از درآمد خود را از دست بدهد. برای فروشگاهی که کندتر از آن باشد، ضرر حتی بیشتر خواهد بود.
انتخاب نادرست می تواند با کاهش نرخ تبدیل، تأثیر منفی بر تجربه کاربر و آسیب رساندن به رتبه بندی موتورهای جستجو، فروشگاه شما را کند کند و به کسب و کار شما آسیب برساند.
بنابراین برای کمک به شما برای اطمینان از اینکه موضوع شما مانع از بارگذاری سریع وب سایت شما نمی شود، عملکرد 10 مورد از سریع ترین قالب های WooCommerce موجود در سال 2023 را با هم مقایسه کرده ایم.
برخی از آنها به طور اختصاصی برای فروشگاه های WooCommerce طراحی شده اند، در حالی که برخی دیگر گزینه های همه منظوره هستند که قالب ها و ویژگی های تجارت الکترونیک خوبی دارند. اکثر این گزینهها ادعا میکنند که سریعترین قالب وردپرس برای WooCommerce موجود هستند، در حالی که سایر گزینهها به دلیل جایگزینهای بسیار محبوب در آن گنجانده شدهاند.
کسب اطلاعات بیشتر: بهترین افزونه های سایت فروشگاهی وردپرسی
کسب اطلاعات بیشتر: بهترین افزونه های هوش مصنوعی برای وردپرس
کسب اطلاعات بیشتر: لیست بهترین قالب های فروشگاهی وردپرس
خلاصه نتایج
در ادامه این مقاله میتوانید نتایج کامل آزمونها را مشاهده کنید و از نحوه اجرای دقیق آزمونها مطلع شوید. با این حال، در اینجا یک خلاصه سریع توضیح داده شده است که کدام تم ها سریع ترین هستند.
برای آزمایشها، از Google PageSpeed Insights (PSI) و Pingdom استفاده کردیم. قبل از اجرای تست ها و پس از فعال شدن هر موضوع، وب سایت برای آماده سازی حافظه پنهان داخلی هر موضوع، به روز شد. هر دو PSI و Pingdom یک نمره عملکرد کلی، از 100، و همچنین اطلاعات دقیق تر در مورد عملکرد یک سایت را ارائه می دهند.
PSI همچنین نحوه اجرای مضامین روی دسکتاپ و دستگاه های تلفن همراه را اندازه گیری می کند. با Pingdom، فقط تجربه دسکتاپ بود که مورد ارزیابی قرار گرفت. صفحه تک محصول و صفحه اصلی فروشگاه در هر سایت مورد آزمایش قرار گرفتند.
بر اساس میانگین نمره عملکرد PSI دو صفحه (تک محصول و صفحه اصلی فروشگاه)، بهترین تم ها، طبق PSI، عبارت بودند از:
- بهترین درجه عملکرد PSI موبایل: Shoptimizer (متوسط نمره 93.5).
- بهترین درجه عملکرد PSI دسکتاپ: بوتیگا (متوسط نمره 92.5).
- بهترین درجه عملکرد کلی PSI دسکتاپ و موبایل: Shoptimizer (متوسط نمره 86.25).
همانطور که در این مقاله خواهید دید، نتایج آزمون فقط از نمرات عملکرد بیشتر است. با این حال، آنها نمای کلی خوبی از سرعت یک موضوع ارائه می دهند.
تاخیر ورودی اول و TBT
یکی از معیارهای مفیدی که در نتایج باید به آن نگاه کرد، زمان انسداد کل (TBT) است. TBT به خوبی نشان می دهد که چه مدت طول می کشد تا یک صفحه تعاملی شود، به عنوان مثال، زمانی که کاربر روی یک دکمه یا سایر عناصر صفحه تعاملی کلیک می کند، می توان اقدامات را انجام داد. این امر در تأخیر ورودی اول (FID) و سرعت درک یک صفحه توسط کاربران نقش دارد.
FID زمان از اولین تعامل کاربر با یک صفحه تا زمانی که مرورگر واقعاً قادر به پردازش پاسخ به آن تعامل است را اندازه گیری می کند. اگرچه FID را نمیتوان در آزمایشهای آزمایشگاهی اندازهگیری کرد، زمان مسدود شدن یک صفحه، که توسط PSI اندازهگیری میشود، به خوبی با FID مرتبط است.
به گفته گوگل، اگر زمان مسدود کردن یک کار بیشتر از 50 میلی ثانیه باشد، «احتمالاً کاربر متوجه تأخیر شده و صفحه را کند یا بیحرکت میبیند». TBT یک صفحه، مجموع زمان مسدود شدن برای هر کار طولانی است که بین درد محتوای اول (FCP) و زمان تا تعامل (TTI) رخ می دهد.
هر کاری که می توانید برای بهبود TBT انجام دهید باید FID را نیز بهبود بخشد، که به نوبه خود سرعت تجربه یک صفحه را افزایش می دهد.
تقریباً همه تم های آزمایش شده امتیازات TBT خوبی برای دسکتاپ داشتند، اما فقط GeneratePress، OceanWP و Storefront در تست های TBT تلفن همراه بسیار خوب عمل کردند.
با نگاهی به همه نتایج، و نه فقط TBT، Shoptimizer در مجموع بهترین بود، اگرچه میانگین نمره عملکرد تلفن همراه PSI آن (79) کمی پایینتر از برخی موضوعات دیگر بود. به همین دلیل، ممکن است به تم GeneratePress علاقه بیشتری داشته باشید، زیرا در تلفن همراه و دسکتاپ امتیاز خوبی کسب کرده است (به ترتیب 82.5 و 88.5) وقتی میانگین امتیازات را برای صفحه تک صفحه و صفحه اصلی فروشگاه کسب کنید.
طبق آمار Statista، از آنجایی که فروش تجارت الکترونیک خرده فروشی موبایل در سراسر جهان همچنان در حال رشد است و از 2.9 میلیارد دلار در سال 2020 به 3.5 میلیارد دلار در سال 2021 جهش می کند، بسیار مهم است که موضوعی را انتخاب کنید که برای کاربران دسکتاپ و موبایل سریع باشد. بر این اساس GeneratePress بر اساس تست های PSI بهترین گزینه خارج از جعبه است.
Pingdom که اندازه صفحه، زمان بارگذاری و تعداد درخواستها را اندازهگیری میکرد و در عین حال نمره عملکرد را نیز میداد، دریافت که Astra سریعترین صفحات تک محصول و فروشگاه را دارد، اگرچه Botiga و GeneratePress میانگین نمرات عملکرد کمی بالاتری داشتند.
سریعترین قالب ووکامرس در سال 2023 کدام است؟
از آنجایی که مضامین بر اساس طیف وسیعی از معیارها از Pingdom و PSI آزمایش شدند، انتخاب برنده واضحی که بهترین تم WooCommerce در سال 2023 است آسان نیست.
با این حال، مضامینی که در تمام تستها بهترین عملکرد را داشتند، Boitga، GeneratePress و Shoptimizer بودند.
میتوانید جزئیات کامل نتایج آزمایش را در زیر مشاهده کنید تا به شما کمک کند سریعترین موضوع را برای فروشگاه خود پیدا کنید.
سریعترین قالب های WooCommerce
در اینجا جزئیات سریع ترین قالب های WooCommerce به ترتیب حروف الفبا فهرست شده اند.
Astra
Astra در نسخه های رایگان و پولی موجود است و یک قالب وردپرس کاملاً قابل تنظیم است.
در هنگام راه اندازی فروشگاه خود، قالب های بسیار خوبی وجود دارد که می توانید از بین آنها انتخاب کنید. امکان ویرایش قالبهای Astra با Beaver Builder، Brizy، Elementor و ویرایشگر بلاک وردپرس به شما آزادی خلاقانه زیادی میدهد.
هر دو نسخه رایگان و پولی Astra دارای ویژگی های مفید ووکامرس دوستانه برای ارتقای فروشگاه شما هستند، اگرچه با نسخه پولی چیزهای بیشتری دریافت می کنید.
ویژگی های کلیدی
- کل موضوع از جمله سرصفحه و پاورقی قابل ویرایش است.
- بسیاری از قالب های فروشگاهی کاملاً قابل ویرایش.
- امکان ایجاد هدرهای جداگانه فقط برای موبایل برای بهبود تجربه کاربری.
نتایج تست Astra
Astra برخی از بالاترین نمرات عملکرد Pingdom را دارد. PSI امتیاز بسیار مثبتی را برای کاربران دسکتاپ به Astra داد، اما برای عملکرد موبایل کمتر از حد متوسط. به طور کلی، این یک تم WooCommerce با بارگیری سریع است، اما گزینه های سریع تری در این مجموعه وجود دارد.
Botiga
Botiga یکی دیگر از WooCommerce است که در نسخه های رایگان و پولی موجود است.
در میان ویژگیهای WooCommerce، چندین سبک فهرست محصول، مجموعهای از طرحهای گالری محصولات و دو طرح سبد خرید مختلف را خواهید یافت. همچنین می توانید از فیلترها و توصیه های محصول برای تبلیغ موجودی خود استفاده کنید. ویژگی های ممتاز شامل لیست آرزوها، دکمه چسبنده افزودن به سبد خرید، و طرح بندی هدر و پاورقی اضافی است.
ویژگی های کلیدی
- دو دمو فروشگاهی.
- طراحی تمیز و مینیمال بسیار قابل تنظیم
- مجموعه ای از هدرهای بهینه شده برای موبایل.
نتایج تست بوتیگا
Botiga یکی از سریع ترین تم های تست شده برای این مقاله بود. نمرات PSI دسکتاپ بسیار خوب بود، اگرچه چند موضوع دیگر با امتیاز PSI موبایل بالاتر وجود داشت.
Divi
Divi پرچمدار قالب وردپرس از Elegant Themes است. دارای تعداد زیادی بسته وب سایت جذاب و قالب های فردی، از جمله بسیاری از گزینه های تجارت الکترونیک است.
Divi همچنین همراه با ابزار صفحه ساز قدرتمند خود که در موضوع ادغام شده است ارائه می شود. Divi Builder به شما کنترل کامل بر طراحی وب سایت خود را می دهد و رقیب قدرتمندی برای بهترین افزونه های وردپرس از این نوع است.
از آنجایی که Divi دارای یک ویژگی تست A/B با استفاده آسان است، می توانید آزمایش هایی را برای بهینه سازی فروشگاه خود برای نرخ تبدیل بالاتر اجرا کنید.
ویژگی های کلیدی
- کتابخانه بزرگی از دموهای فروشگاه آنلاین کاملاً قابل ویرایش.
- صفحه ساز یکپارچه با ویرایش کامل سایت.
- ماژول های محتوای قابل تنظیم
نتایج آزمون Divi
Divi دارای برخی از بزرگترین اندازههای صفحه است، پس از OceanWP، و به نظر میرسید که این تأثیر منفی بر برخی از امتیازات آن داشته باشد. در حالی که PSI عملکرد دسکتاپ را خوب ارزیابی کرد، عملکرد تلفن همراه در بین بدترین ها بود.
GeneratePress
GeneratePress که در نسخه های رایگان و پولی موجود است، ادعا می کند که سریع ترین قالب وردپرس موجود است. پرداخت هزینه نسخه پریمیوم به شما امکان دسترسی به قالب های بیشتر و دسترسی به کانال های پشتیبانی برتر را می دهد.
برای کمک به راه اندازی فروشگاه خود، GeneratePress تعدادی قالب فروشگاهی ارائه می شود. از آنجایی که این قالب ویرایشگر خاص خود را دارد، می توانید تمام جنبه های وب سایت خود را از طریق یک رابط بصری سفارشی کنید.
نتایج آزمون GeneratePress
GeneratePress بهترین کارایی قالب WooCommerce بود که به طور کلی مورد آزمایش قرار گرفت، به لطف نمرات بالای آن در نمره های عملکرد PSI موبایل و دسکتاپ. همچنین در تست های Pingdom خوب عمل کرد.
Kadence
Kadence یکی دیگر از تم های رایگان است که با نصب افزونه های پریمیوم می توان آن را بهبود بخشید.
کاربران WooCommerce می توانند کیت فروشگاه Kadence را خریداری کنند تا ویژگی های بیشتری را به فروشگاه خود اضافه کنند، از جمله بزرگنمایی تصویر محصول، اطلاعیه های سبد خرید، بررسی های پیشرفته و موارد دیگر.
نتایج آزمون کادنس
Kadence در تستهای Pingdom خوب عمل کرد، با نمره عملکرد بسیار خوب برای صفحه اصلی فروشگاه. با این حال، نمرات عملکرد تلفن همراه در PSI به خوبی برخی از رقبا نبود.
Neve
Neve در چند نسخه مختلف ارائه می شود، از جمله بسته کسب و کار ممتاز که شامل بسیاری از ویژگی های اضافی WooCommerce است.
همچنین یک نسخه رایگان محدود وجود دارد، بنابراین می توانید قبل از خرید آن را امتحان کنید. با این حال، پرداخت اضافی برای مجوز کسب و کار یا آژانس باعث میشود به طرحبندیهای فروشگاه، ویژگی فهرست آرزوها، چندین سبک پرداخت و موارد دیگر دسترسی داشته باشید.
Neve همچنین دارای یک طراحی برای تلفن همراه است که باید فروشگاه WooCommerce شما را برای مرور در دستگاه های صفحه کوچکتر آسان کند. سازگاری با افزونه های صفحه ساز پیشرو وردپرس به این معنی است که می توانید وب سایت خود را با ابزار دلخواه خود ویرایش کنید یا به سادگی از ویرایشگر بلوک پیش فرض وردپرس استفاده کنید.
نتایج تست Neve
Neve یکی از سریعترین تمهای آزمایششده بود. با این حال، در مقایسه با سریعترین تمها در این مقایسه، در برخی از تستهای موبایل PSI کمی عقبتر بود.
OceanWP
OceanWP یک قالب چند منظوره با تعداد زیادی دمو فروشگاه است که در نسخه پولی موجود است. نسخه رایگان با چند نسخه نمایشی تجارت الکترونیک ارائه می شود، اما ارتقاء به نسخه پولی دموی بیشتر و ویژگی های اضافی را باز می کند.
بسته به نوع نسخه ی نمایشی که انتخاب می کنید، می توانید با استفاده از پلاگین صفحه ساز Elementor، کل سایت خود از جمله سرصفحه و پاورقی را ویرایش کنید. نسخه پولی OceanWP شامل مجموعهای از ماژولهای Elementor سفارشی است که به شما آزادی خلاقیت بیشتری میدهد.
ویژگی های کلیدی
- تعداد زیادی دموهای آماده وب سایت، از جمله تعداد زیادی طرح های فروشگاهی.
- ماژول های سفارشی ساخته شده برای Elementor.
- سه سبک منوی موبایل برای بهبود تجربه کاربری موبایل.
نتایج تست OceanWP
OceanWP طبق Pingdom بزرگترین اندازه صفحه و بیشترین درخواست را داشت و به همین دلیل برخی از کندترین زمان بارگذاری را داشت. نمرات موبایل PSI نیز از بدترین ها بود. با این حال، عملکرد دسکتاپ در PSI خوب بود.
کسب اطلاعات بیشتر: چگونه فروش آنلاین خود را افزایش دهیم؟
Shoptimizer
Shoptimizer یک تم متمرکز بر WooCommerce است که با در نظر گرفتن سرعت و تبدیل ایجاد شده است.
برای کمک به سرعت بخشیدن به فروشگاه خود، Shoptimizer را کم حجم کرده و CSS حیاتی را فعال کنید. ویژگیهای متمرکز بر تبدیل که میتوانند فروش بیشتری را در فروشگاه شما ایجاد کنند عبارتند از تجربه پرداخت بدون دردسر، امکان نمایش اطلاعات ارسال و ....
نتایج تست Shoptimizer
Shoptimizer بهترین میانگین نمره عملکرد دسکتاپ PSI و همچنین درجه عملکرد بالای موبایل را داشت. نتایج Pingdom نیز چشمگیر بود.
کسب اطلاعات بیشتر: طراحی سایت فروشگاهی با ووکامرس
Storefront
Storefront تم رسمی WooCommerce است و استفاده از آن رایگان است.
نسخه رایگان Storefront تقریباً برای شروع و ایجاد تغییراتی در طراحی آن کافی است. با این حال، اگر واقعاً میخواهید یک فروشگاه شخصی ایجاد کنید، باید بسته افزونههای Storefront یا برخی از افزونههای جداگانه را خریداری کنید.
ویژگی های کلیدی
- طراحی مینیمال برای UX.
- کتابخانه قالب های کودک برای تغییر سریع ظاهر فروشگاه شما.
- توسط تیم مسئول WooCommerce ساخته و نگهداری می شود.
نتایج تست Storefront
Storefront نمره عملکرد دسکتاپ بسیار خوبی در PSI دارد اما با امتیاز نسبتاً پایین موبایل ناامید کننده است. نتایج Pingdom خوب بود، اما نه از همه نظر.
Woostify
Woostify یکی دیگر از قالب های WooCommerce رایگان است که می تواند با افزونه های پولی بهبود یابد.
نسخه اصلی Woostify به گونه ای طراحی شده است که تا حد امکان سبک وزن باشد و هدف آن بهبود زمان بارگذاری است. از آنجایی که قابلیتهای اضافی را میتوان از طریق برنامههای افزودنی اضافه کرد، میتوانید تنها با نصب افزونههای مورد نیاز، از سنگینی بیرویه سایت خود جلوگیری کنید.
ویژگی های کلیدی
- قالب های قابل ویرایش با Elementor.
- چندین صفحه محصول، طرحبندی فهرست و قالبهای سرصفحه.
نتایج تست Woostify
Woostify بدترین امتیازها را در این مقایسه به دست آورد، به خصوص در مورد عملکرد تلفن همراه.
درباره تست ها
برای آزمایشات، یک نصب جدید در یک وب سایت وردپرس که توسط SiteGround میزبانی شده بود ایجاد شد. WooCommerce در سایت نصب شد و نمونه داده های فروشگاه برای افزونه وارد شد.
سپس عملکرد صفحه محصول واحد و صفحه اصلی فروشگاه در Pingdom و Google PageSpeed Insights آزمایش شد. همان محل آزمایش، که نزدیکترین مکان به محل میزبانی سایت بود، در Pingdom انتخاب شد.
برای هر تست، یک موضوع متفاوت فعال شده و در حالت پیش فرض خود استفاده می شود. هیچ یک از دموهای تم وارد نشد و افزونه های اضافی نیز نصب نشد. از آنجایی که از هیچ ابزار عملکردی استفاده نشده است، میتوانید با فعال کردن کش، استفاده از CDN، بهینهسازی تصاویر و به کارگیری کوچکسازی، نتایج بهتری به دست آورید.
Core Web Vitals
Core Web Vitals (CWV) مجموعهای از تستهایی است که گوگل از آنها برای دادن امتیاز عملکرد کلی به صفحه استفاده میکند. صفحات را می توان امتیاز خوب، نیاز به بهبود و ضعیف کسب کرد. برای اینکه یک صفحه آزمون CWV را پشت سر بگذارد و به رتبه خوبی برسد، نمره عملکرد باید در محدوده 90 تا 100 باشد.
امتیاز CWV بر اساس نتایج آزمونهای Largest Contentful Paint (LCP)، تاخیر ورودی اول (FID) و تغییر چیدمان تجمعی (CLS) است. برای قبولی در آزمون CWV، یک صفحه باید برای هر سه مؤلفه نمره خوبی کسب کند.
به طور کلی، این تستها نه تنها به سرعت یک صفحه، بلکه میزان واکنشپذیری و پایداری بصری آن را نیز بررسی میکنند.
در این مقاله، می توانید امتیازات LCP و CLS را برای تم های تست شده پیدا کنید. همانطور که گفته شد، FID از طریق آزمایش آزمایشگاهی PSI در دسترس نیست، اما TBT ارتباط نزدیکی با FID دارد.
یک امتیاز CWV خوب می تواند به ارائه یک تجربه کاربری مثبت کمک کند و همچنین به بهبود رتبه بندی موتورهای جستجو کمک کند.
همانطور که از نتایج بالا می بینید، در تست های دسکتاپ، سه تم از تم ها نمره عملکرد 90 یا بالاتر را برای صفحه تک محصول کسب کردند و هشت مورد از تم ها در آزمون صفحه اصلی فروشگاه امتیاز بالاتر از 90 را کسب کردند. هیچ یک از تم ها نمره عملکرد 90 یا بالاتر را برای تست های تلفن همراه به دست نیاوردند. با این حال، GeneratePress، Kadence و Shoptimizer نزدیکترین آنها را به امتیاز 90 رساندند.
خلاصه
همانطور که می بینید، انتخاب شما در موضوع بر سرعت فروشگاه شما تأثیر می گذارد، به خصوص در مورد تجربه تلفن همراه.
اکثر این موضوعات با نمرات عملکرد خوب و سایر نمرات خوب عمل کردند. با این حال، تعداد کمی از این رقابت ها متمایز بودند، با Botiga، GeneratePress، Neve، و Shoptimizer عملکرد بسیار خوبی داشتند.
به نظر می رسد که Divi، OceanWP و Woostify بیشترین مشکل را داشتند، عمدتاً زمانی که نوبت به نتایج تلفن همراه PSI می رسید.
همانطور که قبلاً توضیح دادیم، خرید آنلاین تلفن همراه همچنان در حال افزایش محبوبیت است، بنابراین مهم است که موضوعی را انتخاب کنید که به سرعت برای این مخاطبان بارگیری شود. در غیر این صورت، ممکن است با مشکلات مربوط به کد سایت متورم و اخطارهای چالش برانگیز مانند "از اندازه DOM بیش از حد خودداری کنید" مواجه شوید.
صرف نظر از اینکه چه تمی را انتخاب می کنید، مطمئن شوید که سایت خود را به جای استفاده از تنظیمات پیش فرض وردپرس، هاست و تم خود بهینه کنید. ابزارهایی مانند NitroPack که با تمام تم های بالا سازگار است، می توانند به سرعت عملکرد سایت شما را به روش های مختلفی افزایش دهند، از جمله سرعت بارگذاری آن در دستگاه های تلفن همراه.