داشتن یک وب سایت عالی که هم از نظر خدماتی که ارائه می دهد و هم از نظر ظاهر و تجربه کاربری منحصر به فرد باشد دستاورد ارزشمندی است، اما نکته دیگری که باید مراقب آن باشید سرعت سایت شماست. به شما قدرت رقابت می دهد. در این مقاله با این موضوع بیشتر آشنا خواهید شد.
یکی از عوامل مهم و تاثیرگذار در موفقیت هر وب سایتی سرعت آن است. تجربه نشان داده است که وب سایت هایی که سریعتر در مرورگر کاربر ظاهر می شوند در نتایج جستجو رتبه بسیار بهتری دارند. نرخ تبدیل بالاتری دارند؛ نرخ پرش کمتر است. بازدیدکنندگان زمان بیشتری را صرف آنها میکنند و تجربه کاربری بهتری ایجاد میکنند و کاربران بیشتری را جذب و حفظ میکنند. بنابراین استفاده از ابزارها و وب سایت هایی که سرعت بارگذاری وب سایت شما را تست و ارزیابی می کنند ضروری است تا بتوانید با کمک دانش و راهنمایی آنها تنظیمات لازم را انجام دهید و شاهد بهترین عملکرد ممکن در این زمینه باشید.
وب سایت های تست سرعت چه کمکی به تجزیه و تحلیل شما می کنند؟
مواردی که توسط سایت های تست یا اندازه گیری سرعت سایت تجزیه و تحلیل و ارزیابی می شوند عبارتند از:
- شناسایی اسکریپت ها، فونت ها و افزونه هایی که زمان بارگذاری سایت را افزایش می دهند.
- بررسی امکان خلاصه کردن سناریوها.
- وجود تصاویر بزرگ و حجیم که مانع از بارگذاری وب سایت می شود.
- تشخیص وجود کدهای مخرب جاوا اسکریپت یا CSS.
- بررسی زمان رسیدن به اولین بایت (TTFB، به این معنی که در زیر توضیح داده خواهد شد).
- تجزیه و تحلیل حجم صفحه، کل زمان مورد نیاز برای بارگذاری، و تعداد درخواست های بارگذاری.
- بررسی عملکرد وب سایت از مکان های جغرافیایی مختلف.
- کنترل سرعت پردازش و مشاهده وب سایت یا رندر آن در مرورگرهای مختلف.
- تجزیه و تحلیل هدرهای HTTP.
- بررسی عملکرد CDN (به معنی تحویل محتوا یا شبکه توزیع).
- بررسی صحت بارگذاری عناصر مختلف.
مفاهیم مهم در اندازه گیری سرعت وب سایت
قبل از اینکه به سراغ تست سرعت وب سایت خود بروید، باید با مفاهیم مربوط به عملکرد این ابزارها آشنا شوید تا بتوانید اطلاعات دریافتی خود را بهتر تحلیل کنید و بر اساس این اطلاعات وب سایت خود را بهینه کنید:
زمان تا اولین بایت (TTFB)
Time to First Byte شاخصی است که زمان پاسخگویی سرور (به درخواست کاربر) را نشان می دهد. به زبان ساده، زمان اولین بایت، زمانی است که مرورگر شما پس از ارسال درخواست برای مشاهده یک وب سایت، شروع به دریافت اطلاعات از سرور می کند.
رندر Blocking CSS و JavaScript
کدهای Build Block کدهای CSS و JavaScript هستند که از بارگذاری و نمایش سریع وب سایت جلوگیری می کنند. توصیه گوگل برای جاوا اسکریپت که از بارگذاری سریع محتوای وب سایت جلوگیری می کند، حذف یا تاخیر در زمان بارگذاری است. برای بهینه سازی CSS نیز باید از مراجع مناسب استفاده کنید و استفاده کلی از CSS و تعداد فایل های CSS را کاهش دهید.
جمع بندی منابع
کوچک سازی منابع به معنای حذف کاراکترهای غیر ضروری از HTML، جاوا اسکریپت و CSS است. به عنوان مثال:
- شخصیت فضایی
- شخصیت جدید پرش خط
- نظرات
- محدود کننده ها را مسدود کنید
طبیعتاً مقدار کدی که باید از سرور درخواست و ارسال شود کاهش می یابد و در نتیجه زمان مورد نیاز برای بارگذاری سایت کاهش می یابد.
درخواست های HTTP
مرورگر شما با استفاده از HTTP (پروتکل انتقال ابرمتن) اطلاعات را از سرور بازیابی می کند. در واقع یک درخواست و پاسخ (یا اقدام و پاسخ) بین مشتری یا درخواست کننده و میزبان است. به طور کلی، هر چه درخواست های بیشتری برای نمایش کامل صفحات وب سایت شما به سرور ارسال شود، سرعت بارگذاری آن ها کمتر می شود.
راههای مختلفی برای کاهش تعداد درخواستها وجود دارد، از جمله:
- ترکیبی از فایل های جاوا اسکریپت و CSS
جاوا اسکریپت درون خطی (فقط اگر مقدار بسیار کم باشد)
- استفاده از CSS Sprite
- کاهش موارد اضافی مانند افزونه ها با تعداد زیادی درخواست سرور
ابزار تست سرعت وب سایت
اکنون که مفاهیم فوق را درک کردید، زمان آن رسیده است که با 10 بهترین ابزار تست سرعت سایت آشنا شوید. هر یک از این ابزارها دارای ویژگی ها، گزارش ها و روش های خاصی برای توضیح نتایج هستند که می توانید با توجه به نیاز خود از یکی یا ترکیبی از آنها استفاده کنید.
نکته ای که در اینجا باید به آن توجه کرد این است که اغلب نتایج اولین آزمایش (به دلیل کندتر جستجوی DNS اولیه) کمتر از نتایج واقعی است. بنابراین بهتر است هر تست را چندین بار تکرار کنید و نتایج را میانگین بگیرید.
1. ابزار PageSpeed Insights گوگل
Google's PageSpeed Insights یک ابزار تست سرعت وب سایت است که سرعت وب سایت شما را از 1 تا 100 می گیرد. هرچه این امتیاز بالاتر باشد، سایت شما بهتر است. به طور کلی، نمره بالاتر از 85 به معنای عملکرد خوب وب سایت است. PageSpeed هم نسخه دسکتاپ و هم نسخه موبایل وب سایت شما را تجزیه و تحلیل می کند و توصیه های لازم را ارائه می دهد.
این ابزار هر صفحه را بر اساس عملکرد آن در زمینه های زیر ارزیابی می کند:
• زمان بارگذاری بالای صفحه (بالای صفحه): فاصله زمانی بین درخواست کاربر برای بارگذاری صفحه جدید و لحظه ای که محتوای صفحه توسط مرورگر پردازش و نمایش داده می شود.
زمان بارگذاری کامل صفحه: فاصله زمانی بین درخواست کاربر برای بارگذاری یک برگه جدید تا لحظه ای که تمام محتوای صفحه توسط مرورگر پردازش و نمایش داده می شود.
گزارش موبایل همچنین شامل دسته دیگری به نام «تجربه کاربری» است که در رتبه بندی وب سایت قرار خواهد گرفت. به عنوان مثال، در تست نسخه موبایل، توجه ویژه ای به مواردی مانند پیکربندی Viewport (منطقه ای که کاربران می توانند از یک صفحه وب ببینند)، اندازه اهداف لمسی (دکمه ها و پیوندها) و اندازه فونت می شود. به تازگی، تیم PageSpeed Insights ابزار جدیدی برای تست سرعت وب سایت راه اندازی کرده است که ارزش امتحان کردن با سایت گوگل را دارد.
2. GTmetric
وب سایت GTmetrix یکی دیگر از ابزارهای تست سرعت سایت است که امتیاز وب سایت شما را از A به F بر اساس PageSpeed و YSlow ایندکس (طبق استانداردهای یاهو) می کند. گزارشهای GTmetrix در شش بخش مختلف از جمله PageSpeed، YSlow، Waterfall Chart، Load Timeline، Video و History ارائه میشوند.
با ثبت نام و دریافت یک حساب کاربری رایگان، می توانید وضعیت وب سایت خود را از هفت مکان جغرافیایی مختلف ارزیابی کنید. همچنین امکان انتخاب نوع مرورگر (کروم یا فایرفاکس) و روش اتصال (دیال آپ یا اینترنت پرسرعت) وجود دارد. از دیگر ویژگی های پیشرفته تر این ابزار، امکان فیلمبرداری از بارگذاری سایت (ضبط و نمایش لحظه به لحظه بارگذاری وب سایت برای یافتن قسمت هایی از سایت که بارگذاری سایت را بیشتر به تاخیر می اندازد) و همچنین امکان پذیر است. توانایی حذف تبلیغات و تاثیر آنها را در بارگذاری سایت نقل شده نشان می دهد.
توجه داشته باشید که بدون ثبت نام و ایجاد حساب کاربری رایگان، علاوه بر عدم دسترسی به اکثر گزینه های فوق، معمولاً در ابتدای برنامه برای بررسی سرعت سایت باید مدتی در صف وب سایت متقاضی منتظر بمانید.
3. تست صفحه وب
وب سایت WebPageTest بسیار شبیه به ابزارهای بالا است، اما به کاربر اجازه می دهد مکان ها و مرورگرهای بیشتری (از جمله مرورگرهای موبایل و مدل های مختلف گوشی های هوشمند) را انتخاب کند. این ابزار بر اساس تستهای عملکردی مختلف مانند تستهای TTFB، فشردهسازی، حافظه پنهان، استفاده فعال CDN و غیره، وبسایت شما را از A تا F امتیاز میدهد.
گزارش WebPageTest در هشت بخش ارائه شده است. شامل خلاصه گزارش، جزئیات، بررسی عملکرد، جزئیات بارگذاری محتوا، اسکرین شات ها و همچنین تجزیه و تحلیل تصویر دو تکه و نقشه سرعت بارگذاری اجزای مختلف صفحه درخواستی. همچنین روش اندازه گیری این ابزار تا حدودی منحصر به فرد است. زیرا با استفاده از دکمه RE-RUN TEST در صفحه خلاصه گزارش می توان تست را تکرار کرد و نتایج بازدید اول و بازدیدهای مکرر را با هم مقایسه کرد. این ویژگی میتواند در تشخیص تأخیر اولیه DNS (که قبلاً ذکر شد) مفید باشد. به طور کلی، WebPageTest دارای ویژگی های پیشرفته ای مانند ضبط و مشاهده ویدیوی بارگذاری سایت (مشابه GTmetrix)، غیرفعال کردن جاوا اسکریپت، نادیده گرفتن SSL و انتخاب تلفن ها، کشورها و مرورگرهای مختلف برای آزمایش سرعت وب سایت است.
4. dotcom-monitor
dotcom-monitor یک ابزار تست سرعت نسبتا ساده است، اما به طور همزمان یک تست سرعت وب سایت را از مناطق جغرافیایی مختلف اجرا می کند و نتایج آزمایش را در یک صفحه نمایش می دهد که در آن می توانید روی هر منطقه کلیک کنید تا وضعیت آن را در ستون کناری گزارش دهید. به چپ نگاه کن. اگر امکان بررسی وضعیت سرعت سایت در نقاط مختلف جهان برای شما مهم است، این ویژگی می تواند در زمان شما صرفه جویی زیادی کند. زیرا در بقیه ابزارهای تست سرعت وب سایت، برای بررسی سرعت بارگذاری سایت در هر منطقه، باید دوباره تست را اجرا کنید. همچنین دو تب در ستون سمت چپ وجود دارد که سرعت سایت را در اولین بازدید (برگه اولین بازدید) و در بازدیدهای بعدی (بازدید مجدد) به طور جداگانه نشان می دهد.
5. ابزار آزمایشگاه زرد
Yellow Lab Tools یک ابزار تست عملکرد و کیفیت وب سایت است که اطلاعات زیادی و برخی از ویژگی های منحصر به فرد را ارائه می دهد که در سایر ابزارهای تست سرعت وب سایت یافت نمی شود. این ابزار یک وب سایت را از A تا F بر اساس شاخص هایی مانند اندازه صفحه، تعداد درخواست ها، DOM (مدل شیء سند)، خطاهای جاوا اسکریپت و CSS و پیکربندی سرور امتیاز می دهد.
6. ابزار توسعه گوگل کروم
یکی دیگر از ابزارهای ساده و کاربردی که نباید برای آزمایش سرعت وب سایت از دست بدهید DevTools مرورگر محبوب کروم است. با وجود سادگی، این ابزار دارای ویژگی های پیشرفته ای نیز می باشد و می توانید هر زمان که بخواهید با استفاده از کلیدهای میانبر زیر آن را اجرا کنید:
- ویندوز: F12 یا Ctrl + Shift + I
- مک: Command + Select + I
گوگل در آخرین به روز رسانی خود، امکان مشاهده جزئیات بارگذاری سایت را در نمودار آبشار DevTools اضافه کرده است. به این ترتیب می توانید به راحتی و با جزئیات مشاهده کنید که بارگذاری کدام موارد بیشتر طول می کشد. برای استفاده از این قابلیت به تب Performance رفته و با استفاده از کلیدهای ترکیبی Ctrl + E فرآیند تست را شروع کنید. پس از چند ثانیه می توانید با زدن دکمه Stop گزارش تست را در قسمت های مختلف این قسمت مشاهده کنید.
7. Sucuri Load Time Tester
Sucuri Load Time Tester نیز یک ابزار سریع و ساده برای اندازه گیری عملکرد وب سایت از مکان های جغرافیایی مختلف است. این وب سایت سرعت اتصال و TTFB هر منطقه را به همراه نمودار مقایسه و امتیاز کلی وب سایت نشان می دهد.
8. موقعیت صفحه
Pagelocity یکی دیگر از ابزارهای تست سرعت وب سایت است که روش خاصی برای امتیاز دهی به سایت ها دارد. این ابزار بر اساس مولفه هایی مانند عملکرد، سئوی داخلی و وضعیت کد، امتیاز یک وب سایت را از 1 تا 100 می گیرد. همچنین توضیحات و توصیه های مربوطه را برای بهینه سازی هر یک از این حوزه ها ارائه می دهد. علاوه بر این، این ابزار یک افزونه برای کروم دارد که با نصب آن می توانید به آنالیز سرعت سایت خود بپردازید.
9. YSslow
YSlow یک پروژه منبع باز و ابزار تجزیه و تحلیل صفحات وب است که سلامت سایت های مختلف را بر اساس استانداردهای کیفیت عملکرد وب سایت یاهو ارزیابی می کند. این ابزار برای اندازهگیری عملکرد هر وبسایتی سه مرحله را طی میکند: اول، همه اجزا (تصاویر، اسکریپتها و موارد دیگر) را شناسایی میکند. سپس اطلاعات مربوط به هر جزء را جمع آوری می کند و در نهایت با استفاده از اطلاعات جمع آوری شده و با در نظر گرفتن هر یک از استانداردهای آن، برای وب سایت مربوطه امتیاز می گیرد.
YSlow دارای 23 استاندارد یا قانون مختلف است که براساس آنها هر وب سایت را ارزیابی می کند. برای استفاده از این ابزار باید افزونه های خاصی را برای مرورگرهای مختلف نصب کنید یا از GTMetrix استفاده کنید.
10. ابزار کامل
PerfTool یکی دیگر از ابزارهای تست سرعت و عملکرد وب سایت است که به عنوان یک پروژه منبع باز در GitHub موجود است. نصب این ابزار نیاز به دانش فنی در مورد مشکلات لوکال هاست و سرور محلی دارد. اما دانشی که در نهایت به دست می آورید ارزش هر تلاشی را دارد. این ابزار اطلاعات چندین منبع کنترل کیفیت و سرعت سایت را ترکیب می کند و گزارشی قابل هضم و جامع ارائه می دهد. شاخص های ارزیابی عملکرد Perftool در مجموع 200 مورد مختلف را شامل می شود. یکی از مزایای این ابزار امکان اجرای تست در چندین صفحه به طور همزمان است. بنابراین، با استفاده از Perftool می توانید درک جامع تری از عملکرد بخش های مختلف سایت خود در زمان بسیار کمتری به دست آورید، زیرا نیازی به آزمایش هر صفحه به صورت جداگانه ندارید.
افزونه های گوگل کروم برای تست سرعت وب سایت
چندین افزونه رایگان برای کروم وجود دارد که به راحتی می توانید سرعت هر وب سایتی را که می خواهید اندازه گیری کنید. بهترین افزونه های گوگل کروم برای تست سرعت وب سایت عبارتند از:
- زمان بارگذاری صفحه
- کاربرد. مانیتور سرعت صفحه تله متری
- تجزیه و تحلیل عملکرد
- تست بار LoadFocus