سرعت سایت همان چیزیست که حداقل یک بار در زندگی با اعصاب هم? ما بازی کرده است؛ هنگام خرید بلیط، انتخاب واحد دانشگاه، تماشای آنلاین ویدئو و ... ! قطعاً هیچکس دوست ندارد که بیشتر از 10 ثانیه از وقتش را پای بارگذاری سایت بگذارد؛ بهخصوص الان که از هر سایتی چندتا وجود دارد و کاربر میتواند بهجای سایت کُند شما، سایت سریع رقیب را انتخاب کند.
پس میتوان گفت که سرعت سایت، تاثیر خیلی زیادی در تبدیل بازدیدکنندههای سایت به مشتری دارد! به عبارت دیگر، شما فقط چند ثانیه فقط وقت دارید که کاربران را در سایت نگه دارید و اگر در این چند ثانی? سرنوشتساز شکست بخورید، یکی یکی مشتریها را از دست میدهید.
قصد ما از نوشتن این مقاله این است که سرعت سایت را از جهات مختلفی بررسی کنیم، تفاوت آن را با سرعت صفحه بگوییم و ببینیم که سرعت سایت روی سئو و تجربه کاربری چه تاثیری دارد. در نهایت هم ابزارها و روشهایی را به شما معرفی میکنیم که بتوانید سرعت سایتتان را تست و بهینهسازی کنید.
سرعت صفحه یا Page speed چیست؟
سرعت صفحه، معیاری برای سنجش است، که بدانیم محتوای صفحه با چه سرعتی بارگذاری (Load) میشود.
سرعت صفحه معمولاً با دو مشخصه تعریف میشود:
زمان بارگذاری صفحه: زمانی که طول میکشد تمام محتوای یک صفحهی سایت بهطور کامل بارگذاری شود.
زمان اولین بایت: مدتزمانی که طول میکشد مرورگر شما اولین بایت از اطلاعات را، از سرور وب دریافت کند.
سرعت سایت یا Site speed چیست؟
سرعت سایت مفهومی جامعتر دارد. وقتی کاربر آدرس سایت شما را در مرورگر خود وارد می کند و بعد از بازدید چند صفحه، به صفح? خرید (هدف) منتقل میشود، بیشتر سرعت سایت را لمس میکند. سرعت سایت فقط به سرعت بارگذاری یک صفحه بستگی ندارد، بلکه به سرعت بارگذاری کل صفحات سایت بستگی دارد.
سرعت سایت با سرعت صفحه چه فرقی دارد؟
سرعت صفحه که معمولاً با سرعت سایت اشتباه گرفته میشود، در حقیقت بهسرعت باز شدن یک صفحه از سایت گفته میشود. درحالیکه سرعت سایت به زمان بارگذاری کل سایت اطلاق میشود. کاربران بیشتر با سرعت صفحه سروکار دارند. درحالیکه برای ایندکس شدن یا ارزیابی سایت توسط موتورهای جستجوگر، سرعت سایت هم مهم است.
چرا سرعت سایت مهم است؟
در حالت کلی دو دلیل برای اهمیت سرعت سایت داریم: SEO سایت شما و تجربه کابران.
تاثیر سرعت سایت در سئو
تأخیر در بارگذاری سایت میتواند باعث از دست رفتن بازدیدکنندهها و کاهش نرخ تبدیل شود.
اگر باورتان نمیشود بد نیست بدانید که طبق تحقیقاتی که شرکت آمازون انجام داده، در هر 100 میلیثانیه (0.1 ثانیه) تأخیر در بارگذاری سایت، 1? کاهش فروش اتفاق میافتد.
همچنین طبق تحقیقات گوگل، زمان ماندن بازدیدکنندگان در صفحه، در سایتهای سریع (که در کمتر از 5 ثانیه بارگذاری میشوند) در مقایسه با سایتهای کند (که تا 19 ثانیه طول میکشد تا بارگذاری شوند)، 70% بیشتر است. از طرف دیگر در سایتهای سریع، نرخ پرش (Bounce Rate) هم 35% کمتر است.
نرخ تبدیل یا Conversion Rate یعنی:
تبدیل سرنخ به مشتری تبدیل کاربر به چیزی که شما میخواهید. به بیان سادهتر، وقتی کاربری به سایت شما وارد میشود، دوست دارید کاری را انجام دهد؛ مثلاً سفارش خریدی را تکمیل کند یا در خبرنامه عضو شود. مقدار موفقیت شما در تبدیل او به چیزی که انتظار دارید، با نرخ تبدیل مشخص میشود.
نرخ پرش یا بانس ریت یعنی:
نرخ پرش یا بانس ریتکاربر وارد صفحه وبسایت شما میشود و بدون وارد شدن به صفحه دیگری پس از مشاهده نخستین صفحه از وبسایت شما خارج میشود. این جمله به این معنی است که کاربر بدون نشان دادن علاقهای به مطالعه بیشتر مطالب سایت و بدون دیدن صفحات دیگر، از آن خارج میشود.
در واقع گوگل از پارامتر سرعت وبسایت و صد البته، سرعت صفحه، در الگوریتم رتبهبندی سایتها استفاده میکند؛ اما این وسط یک اتفاق جالب دیگر هم میافتد؛ رباتهای گوگل فرصت محدودی برای ایندکس کردن یک سایت یا صفحه دارند. هرچه سرعت بارگذاری سایت کندتر باشد، این زمان ممکن است هدر برود و در نتیجه رباتها نتوانند صفحات بیشتری را ایندکس کنند!
تأثیر سرعت صفحه در تجربه کاربر
همانطور که قبلاً هم گفتیم، هیچ کاربری یک سایت کند را دوست ندارد و ترجیح میهد از آن خارج شود. در واقع تاخیر در بارگذاری یک صفحه، UX خوبی را رقم نمیزند و باعث افزایش نرخ پرش سایتتان میشود.
اینفوگرافیک: ایمیل مارکتینگ را جدی بگیرید!حتما بخوانید: اینفوگرافیک: ایمیل مارکتینگ را جدی بگیرید!
چگونه سرعت سایت خود را تست کنیم؟
برای تست سرعت سایت (یا صفحه، فرقی نمیکند) راهها و ابزارهای مختلفی (از جمله گوگل، جیتیمتریکس، Varvy، UPTRENDS و خود مرورگرها) وجود دارد. ما در این بخش، یک مورد از بهترین ابزارها را بررسی میکنیم و طرز استفاده از آنها را یادتان میدهیم. با یاد گرفتن این ابزار میتوانید از ابزارهای دیگر هم بهراحتی استفاده کنید.
راهنمای استفاده از Google PageSpeed Insights
ابزار تست سرعت رایگانی که گوگل در اختیارتان قرار میدهد، سرعت سایت شما را اندازه میگیرد و به آن نمرهای از 1 تا 100 میدهد؛ سپس این ابزار فوقالعاده عواملی که باعث کند شدن سایتتان شده است را پیدا میکند و پیشنهاداتی برای بهبود سرعت ارائه میکند.
برای تست کردن سرعت سایتتان، کافیست آدرس URL را در کادر وارد و دکمه ANALYZE را بزنید.
در کل، اگر امتیاز سرعت سایتتان در این تست بالای 90 بود یعنی سایتتان سریع است. اگر این امتیاز بین 50 تا 90 بود، یعنی سرعت سایت شما متوسط است و کافیست برای بهبود آن تغییراتی انجام دهید. اگر خدایی نکرده امتیاز سایت شما زیر 50 باشد، یعنی سایت شما بسیار کند است!
در ادام? صفحه، گوگل در بخشهای مختلفی اطلاعات تکمیلکننده و راهکارهای بهبود سرعت را به شما میگوید؛ اما بهتر است قبل از آن ببینیم که گوگل اصلاً این اطلاعات را از کجا میآورد! بعد از این که با سازوکار گوگل آشنا شدیم، حرفهای آن را بهتر میفهمیم.
Google PageSpeed Insights چگونه کار میکند؟
گوگل، برای اندازهگیری سرعت سایتها به یک سری اطلاعات نیاز دارد که به دو روش زیر آنها را جمعآوری میکند:
اطلاعات آزمایشگاهی (Lab Data)
اطلاعات میدانی (Real-World Field Data)
اطلاعات آزمایشگاهی حاصل آنالیز سایتتان توسط گوگل است و اطلاعات میدانی گزارش تجربه کاربران است که توسط مرورگر گوگل کروم جمعآوری شده است.
در جمعآوری اطلاعات میدانی، وقتی کاربران به سایت شما مراجعه میکنند، تجرب? کاربری هر یک در گوگل کروم آنها ذخیره میشود و گوگل از آنها در آنالیزهایش استفاده میکند.
حالا برویم سراغ اطلاعاتی که Google PageSpeed Insights با یک کلیک در اختیارتان میگذارد. اگر صفحه را کمی اسکرول کنید به چند بخش میرسید که عبارتند از: دادههای آزمایشگاهی، فرصتها، عیبیابی گوگل و موفقیتها. در ادامه هر بخش را توضیح میدهیم.
1) Field Data یا دادههای میدانی
حتی اگر سریعترین سایت جهان را هم داشته باشید، ممکن است در این بخش کمی جا بخورید! چرا؟
چون در جمعآوری اطلاعات میدانی، تنها سرعت سایت نیست که تعیینکننده است. سرعت اینترنت کاربران هم در تجربه کاربری آنها تاثیر داشته، در گوگل کروم ذخیره شده و در تحلیل میدانی لحاظ میشود.
اطلاعات میدانی در تست سرعت سایت
در تصویر بالا میبینید که گوگل میگوید، در 30 روز گذشته سرعت پیج، در مقایسه با صفحات دیگری که گزارش تجربه کاربری آنها در گوگل کروم بوده، آهسته ارزیابی شده است.
در این بخش دو نمودار 3 رنگ به نامهای FCP و FID هم داریم که حرفهایی برای گفتن دارند.
FCP یا First Contentful Paint
به زبان ساده، وقتی شما آدرس وبسایتی را در مرورگر خود وارد میکنید، در ابتدا، صفح? مرورگر خالی و سفید است؛ به مدت زمانی که طول میکشد تا اولین تغییر ظاهری در صفحه ایجاد می شود (فاصل? زمانی اینتر زدن روی صفحه کلید برای تایید آدرس سایت مورد نظر تا دریافت اولین بایت از اطلاعات سایت از DOM) FCP گفته میشود.
FID یا First Input Delay
به مدت زمانی گفته میشود که کاربر اولین تعامل را با سایت داشته باشد. اولین تعامل میتواند کلیک کردن روی لینک، لمس یک دکمه یا هر عملی باشد که مرورگر وادار به واکنش شود.
حالا که با معنی و کار هر دو نمودار آشنا شدید، بیایید ببینیم که هر رنگ نشاندهند? چیست؟
رنگ قرمز برای آن درصدی از کاربران است که FID و FCP کندی را تجربه کردهاند. معمولاً زمان بالای 2.5 ثانیه، کند تلقی شده و در رنگ قرمز محاسبه میشود.
رنگ نارنجی آن درصدی از کاربران را نشان میدهد که سرعت متوسطی را تجربه کردهاند. مدت زمان بین 1 تا 2.5 ثانیه متوسط است.
رنگ سبز درصد آن دسته از کاربرانی را نشان میدهد که سرعت مناسبی را تجربه کردهاند. زمانهای زیر 1 ثانیه، در دست? سبزرنگِ پرسرعتها جای میگیرند.
2) Lab Data یا اطلاعات آزمایشگاهی
همانطور که گفتیم، اطلاعات آزمایشگاهی با استفاده از آنالیز سایتتان بهدست میآید و دیگر ربطی به تجربه کاربران ندارد. در بخش Lab Data، زمان استفاده شده در هر قسمت روبروی آن آورده شده است. حالا باید بدانیم هر کدام از این 6 قسمت چه هستند و چه کار میکنند.
چگونه با تدوین استراتژی محتوا سایت خود را تکان دهیم؟حتما بخوانید: چگونه با تدوین استراتژی محتوا سایت خود را تکان دهیم؟
FCP یا First Contentful Paint
یعنی اولین ترسیم محتوا که در قسمت قبل توضیح دادیم.
FMP یا First Meaningful Paint
یعنی اولین ترسیم معنادار محتوا. این المان که به تازگی به عنوان ابزار سنجش سایت مورد استفاده قرار میگیرد، در سایتهای مختلف تعریف جداگانهای دارد. یعنی چه؟ به زبان ساده، FMP به زمانی گفته میشود که اولین محتوای معنادار (همان محتوایی که کاربر برای دیدن آن - از جمله متن یا عکس - به سایت مراجعه میکند) در صفحه مرورگر ظاهر میشود. پس طبیعتاً این معنا از سایتی به سایت دیگر میتواند متفاوت باشد. مثلاً در یک سایت خبری اولین محتوای معنادار، عنوان آن خبر است و در یک سایت تماشای آنلاین فیلم، اولین محتوای معنادار، تصویر اولیه آن ویدئو است.
Speed Index یا سرعت ایندکس شدن صفحه
ایندکس صفحهمیانگین زمانی است که طول میکشد تا یک بخش از محتوا (مثلاً یک تصویر) بهصورت قابل فهم نمایش داده شود. بهتر است این زمان زیر 1250 میلیثانیه باشد.
First CPU Idle
به زمانی گفته میشود که صفح? نمایشگر بتواند بعد از بارگیری صفحه، به ورودی کاربران پاسخ دهد. در بیشتر مواقع (نه همیشه!) با بارگذاری UI صفحه، تعامل ممکن شده و First CPU Idle اندازهگیری میشود.
TTI یا Time to Interactive
بارگذاری صفحه اتفاقی نیست که در یک لحظه رقم بخورد. بارگذاری صفحه تجربهای است که هیچ معیاری نمیتواند آن را دقیقا اندازه بگیرد. لحظات چندگانهای هنگام بارگذاری یک صفحه وجود دارد که روی تجریه کاربران اثر میگذارند و باعث میشوند که کاربر احساس کند این صفحه کند است یا سریع.
TTI به ما میگوید که چه زمانی صفحه کاملاً برای تعامل آماده شده است. حال شاید بپرسید که قابل تعامل بودن سایت از کجا معلوم میشود؟ در جواب باید بگویم 3 چیز معمولاً زمان TTI را تعیین میکنند:
وقتی که صفحه محتوای مفید یا معناداری برای نمایش داشته باشد. (این مورد با First Meaningful Content اندازهگیری میشود.)
اکثر بخشهای موجود در یک صفحه قابل مشاهده باشند.
صفحه به درخواست کاربر، در کمتر از 50 میلیثانیه جواب دهد.
Max Potential First Input Delay
احتمالاً بارها شنیدهاید که میگویند اولین تاثیر، مهمترین تاثیر است. شاید برایتان جالب باشد که بدانید در دنیای اینترنت هم اولین تاثیر خیلی مهم است. چطور؟
هنگام اندازهگیری سرعت سایت، به فاصل? زمانی بین زمانی که کاربر احساس میکند میتواند با صفحه تعامل کند، تا وقتی که صفحه کاملاً قادر به تعامل با صفحه باشد، Max Potential FID گفته میشود. هم? در این موقعیت بودهایم که صفحهای بارگذاری شده اما وقتی روی دکمهای کلیک میکنیم، واکنشی انجام نمیشود. در واقع این تاخیر بین احساس ما تا وقتی که واقعاً بتواند صفحه پاسخ تعامل ما را بدهد، همان چیزی است که توسط معیار FID سنجیده میشود.
در بهترین حالت باید این زمان زیر 50 میلیثانیه باشد.
3) Opportunities
در این بخش گوگل متناسب با سایت شما پیشنهاداتی را برای افزایش سرعت سایت ارائه میکند.
جنبش خودتان را آغاز کنید!حتما بخوانید: جنبش خودتان را آغاز کنید!
در مقابل هر پیشنهاد اعدادی را به ثانیه میبینید که نشاندهند? میزان تقریبی افزایش تقریبی سرعت سایت، در صورت عمل کردن به پیشنهادات گوگل هستند.
برای مثال اگر شما حجم عکسهای موجود در صفحه را بهینه کنید، 0.2 ثانیه از زمان بارگذاری صفحه کم شده و سایتتان سریعتر Load میشود.
Opportunity در تست سرعت سایت
4) Diagnostics
در این بخش گوگل عیبیابی سایت شما را انجام میدهد و برای هر عیبی که پیدا کند، راه حلهایی را پیش پایتان میگذارد.
Diagnostics در تست سرعت صفحه
برای مثال در مورد اول، گوگل میگوید که مطمئن شوید تا زمان بارگذاری فونت، متن شما در صفحه قابل مشاهده است. با کلیک روی این گزینه راهحل آن را هم میتوانید ببینید.
لود-شدن-فونت-در-صفحه
5) Passed audits
در این بخش موارد موفقیتآمیزتان نیز نمایش داده میشود تا زیاد از عیبجویی گوگل ناراحت نشوید!
برای اینکه این بخش را جمعبندی کنیم و به یک دید کلی درباره هر چیزی که تا اینجا، درباره Google PageSpeed Insights گفتیم برسید، تصویر زیر را به دقت نگاه کنید.
مراحل بارگذاری صفحه و زمان هر مرحله
همانطور که میدانید، یک صفحه تا زمانی که کامل بارگذاری شود، مراحل مختلفی را پشت سر میگذارد. گوگل تکتک این مراحل را بررسی میکنید و با توجه به اطلاعاتی که از آنالیز خودش و گزارش مرورگرهای کاربران بهدست آورده، سرعت سایت شما را اندازه میگیرد.
این از نحو? ارزیابی سرعت سایت، حالا وقت آن است که از نتایج این آنالیز استفاده و سایتمان را سریعتر و سریعتر کنیم؛ پس در بخش بعدی با ما باشید.
چگونه سرعت سایت خود بهینه کنیم؟
ببینید، بهینه سازی سرعت سایت، گاهی خیلی ساده است و با چند کار ساده انجام میشود؛ اما گاهی قضیه کمی (دقت کنید، فقط کمی!) پیچیده میشود و لازم است که کمی با کُدها سروکله بزنید.
برای همین هم تصمیم گرفتم بهینه سازی سرعت سایت را به دو بخش ساده و پیشرفته تقسیم کنم. اگر خیلی اهل کُد و دلورود? سایتتان نیستید، خواندن بخش اول کفایت میکند؛ اما اگر میخواهید سایتتان با سرعت جت بارگذاری شود، بخش پیشرفته را هم از دست ندهید!
ایمیل مارکتینگ (Email Marketing) چیست؟حتما بخوانید: ایمیل مارکتینگ (Email Marketing) چیست؟
3 راه ساده برای افزایش سرعت سایت
با بهکارگیری 3 موردی که در این بخش به شما میگوییم، میتوانید زمان بارگذاری صفحات سایت را تا حد قابل قبولی کاهش دهید؛ پس لطفاً این توصیههای ساده را دست کم نگیرید!
1) حجم تصاویر را کم کنید
فشرده-کردن-عکس-هایکی از اشتباهات رایج بین ما وبمسترها (مخصوصاً کسانی که تولید محتوا انجام میدهند :) ) این است که تصویری با ابعاد و حجم بزرگ را در سایت آپلود میکنیم و بعد در سیستم مدیریت محتوا، تلاش میکنیم با کشیدن گوشههای عکس، آن را کوچک کنیم! این کار اشتباه است. چرا؟
چون حجمی از فضای سایت خودمان و حجمی از اینترنت کاربر، بیخودی برای چیزی که نیاز نیست، هدر میرود!
البته عکسهای موجود در سایت فقط به مقاله محدود نمیشوند؛ عکس محصولات، عکسها و آیکونهای موجود در صفح? اول سایت، عکسهای استفاده شده در طراحی سایت و خلاصه هر عکسی که میبینید، روی سرعت بارگذاری صفحه تاثیر دارند؛ پس لطفاً آنها را بهینه کنید.
یک راه حل ساده و سریع برای کاهش حجم عکسها، بدون افت کیفیت
شما میتوانید با مراجعه به سایت Optimizilla، عکسهایی که میخواهید بهینه شند را آپلود کنید و با حجمی کمتر از قبل تحویل بگیرید. یکی از خوبیهای این سایت این است که میتوانید عکسها را به صورتی گروهی آپلود و به صورت گروهی هم دانلود کنید.
در ضمن فراموش نکنید که این سایت با ابعاد عکسها کاری ندارد و فقط حجم آنها را کم میکند؛ پس قبل از آپلود عکس، از استاندارد بودن ابعاد آن مطمئن شوید!
2) با تبلیغات اسپم خداحافظی کنید
تبلیغات-اسپم-در-سایتاگر سایتی که دارید تبلیغات محور است و از این راه درآمد کسب میکنید، بهتر است تعداد تبلیغات را مدیریت کنید. منظورم این است که ریختن تبلیغات از در و دیوار سایت، علاوهبراینکه قشنگ نیست و باعث اسپم تلقی شدن سایتتان میشود، سرعت سایت را نیز کند میکند.
در ضمن بد نیست بدانید که گوگل، الگوریتمی به نام فرد را مامور مبارزه با سایتهایی کرده است که حجم تبلیغات آنها، با محتوایی که تولید میکنند، هیچ تناسبی ندارد.
جمعبندی
بالاخره به پایان یکی دیگر از مقالات رسیدیم. ما سعی کردیم در این مقاله تمام چیزی که از سرعت سایت و روشهای بهینهسازی آن میدانستیم، قدم به قدم، با بیانی ساده به شما منتقل کنیم. حالا نوبت شماست تا از این راهکارها استفاده کنید و سایتی بسازید که در 1 ثانیه سایت-سریع-منبارگذاری میشود و هیچ مشتری را نمیپراند! اگر راه حل دیگری بلدید که میتوانیم به مقاله اضافه کنیم حتماً ما را در جریان بگذارید؛ اگر هم سوالی داشتید یا جایی از مقاله برایتان گنگ بود، حتماً در بخش نظرات مطرح کنید، ما سعی میکنیم در کوتاهترین زمان پاسختان را بدهیم.
شما برای داشتن یک سایت بهینه و سئو میتوانید از خدمات سئو تیم رندبیت را سفارش دهید برای اطلاعات بیشتر میتونید به صفحه شرکت طراحی سایت در تبریز رندبیت مراجعه کنید .