دستورالعمل‌ های سرعت سایت Shopify ،Squarespace و Wix با gtmetrix

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

چرا نمیتوانم برخی از پیشنهادات GTmetrix را درمورد طراحی وبسایت، انجام دهم؟

محدودیت در کنترل منابع در سرور

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

ویژگی‌های فانتزی

دسترسی به این ویژگی‌ها آسان است، اما قطعا سرعت سایت اهمیت بیشتری دارد.

سایت‌‌هایطراحی وب انتخاب گسترد‌هایاز ویژگی‌ها و ابزارک‌ها را برای افزودن به صفحه‌تان به شما ارائه می دهند، از جمله:

• Carousels and sliders
• چندین فونت وب (Multiple webfonts)
• انیمیشن ها و جلوه‌هایاضافی Extra animations and effects))

ویژگی‌های فانتزی به معنای اسکریپت‌هایاضافی است که باید درخواست، تجزیه و اجرا شوند. این شامل تعبیه‌‌ی منابعی مانند فید‌هایتوییتر، اینستاگرام، فیس بوک، YouTube و همچنین اسکریپت‌های ردیابی و بازاریابی مانند Google Tag ، Hotjar و غیره است.

تعجب نکنید که چرا سایت شما عملکرد ضعیفی دارد اگر از سرویس‌هایی چون YouTube ، Facebook، Google ،Twitter ، Mailchimp ، Hotjar و غیره استفاده نمی‌کنید.

این ویژگی ها به احتمال زیاد به پردازنده و حافظه بیشتری از دستگاه بازدید کننده برای ارائه صفحه نیاز دارند (مثلاً‌‌یک انیمیشن پیچیده‌‌یا‌‌یک ابزارک تعاملی)؛ در نتیجه بخشی از بازدید کنندگان شما ممکن است تجربه بدی داشته باشند.

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

توصیه

شما باید انتخاب کنید که کدام سرویس به وب‌سایت شما اضافه شود. همه چیز را ساده نگه دارید و اطمینان حاصل کنید که صفحه شما تا حد امکان سبک است.

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

توجه ویژه به Shopify Apps

میتوانید با اضافه کردن ویژگی ها و قابلیت‌هایبیشتر با هدف افزایش فروش در Shopify Apps میتواند پیشنهادی وسوسه انگیز و مفید باشد.

یکی از مهمترین ویژگی‌های فروشگاه را فراموش نکنید – سرعت!

مطالعات نشان می دهد که 40٪ از بازدید کنندگان (53٪ برای کاربران تلفن همراه) گفته اند اگر بارگذاری بیش از 3 ثانیه طول بکشد از وب سایت خارج می شوند. واضح است که ایجاد موانع برای خرید مشتریان، باعث می شود که آنها از وب سایت دیگری استفاده کنند.

در اینجا چند نمونه دیگر از نحوه تأثیر بارگذاری سریعتر بر سود و زیان شما آورده شده است.

بهینه سازی تصاویر

… عدم بهینه سازی تصاویر شما باعث می شود بازدید کنندگان شما با داده‌هایبیشتری نسبت به آنچه نیاز دارند برخورد کنند…

طبق گزارشات بایگانی HTTP ، تقریباً 50٪ از کل صفحه وب سایت ها شامل تصاویر هستند.

با چنین سهم عظیمی در وزن صفحه و حجم بارگیری، مقیاس گذاری و فشرده سازی تصاویر‌‌یکی از ساده ترین بهینه سازی‌هایی است که می توانید انجام دهید.

هنگام استفاده از تصاویر بهینه سازی نشده چه اتفاقی می افتد

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

هنگام استفاده از تصاویر بهینه چه اتفاقی می افتد

توصیه

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

• Shopify

1) بسته به ویژگی‌هایخاص ، تصاویر را فشرده می کند.

2) به نظر نمی رسد ابرداده را حذف کند.

• Squarespace

1) لازم است قبل از آپلود تصاویر را فشرده سازی کنید.

2) تصاویر بازسازی می شوند (در هفت اندازه متفاوت)

• Wix

1) فشرده سازی تصاویر (اما فقط برای Chrome) سایر مرورگرها قالب تصویر اصلی را نمایش می دهند.

بهتر است که قبل از بارگذاری تصاویر در هر سایت طراحی وب، آنها را با استفاده از Kraken‌‌یا Optimizilla فشرده سازی کنید.

درخواست‌هایخود را کاهش دهید

… انتظار نداشته باشید که مردم همه چیز را بخوانند و نگاه کنند…

اگرچه موضوع واضحی به نظر می رسد، بسیاری از وب سایت ها از تأثیر محتوای بیش از حد غافل می شوند.

صفحه‌هایی را مشاهده کردیم که 60 محصول، ویدیو‌هایمتعدد، 10 تصویر کشویی و غیره در صفحه اصلی آنها نمایش داده می شدند. شما ممکن است با ارائه مطالب زیاد برای بازدید کننده خود بهترین اهداف را در ذهن داشته باشید اما این انتظار را از نداشته باشید که مردم همه آنها را مشاهده کرده‌‌یا بخوانند.

طبیعتا هرچه موارد بیشتری را در صفحه خود داشته باشید (تصاویر مربوط به محصول، بنرها، فیلم ها و غیره) بارگیری صفحه طولانی تر خواهد بود. این خصوصاً در مورد صفحه اصلی شما صدق می کند زیرا احتمالاً اولین نقطه تماس شما و بازدید کننده است.

نتیجه

قدرت زیاد مسئولیت زیاد هم می آورد.

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

جمع آوری پیشنهادات

• ویژگی‌هایفانتزی: کارها را ساده نگه دارید و اطمینان حاصل کنید که صفحه تان سبک است.
• بهینه سازی تصاویر: کاربران خود را مجبور نکنید داده‌هایبیشتر از آنچه نیاز دارند بارگیری کنند.
• درخواست‌هایخود را کاهش دهید: اطمینان حاصل کنید که محتوای صفحه شما ارزشمند است.

امیدوارم از مطلب امروز ما که در مورد دستورالعمل‌ های سرعت سایت با gtmetrix بهره کافی را برده باشید.