سرعت سایت
آخرین به روزرسانی در 21/10/2022
در این مقاله به صورت کامل در رابطه با سرعت سایت ، اهمیت آن در سئوی سایت و عوامل موثر بر سرعت سایت صحبت خواهیم کرد.
چگونه وبسایت شما چه از نوع CMS باشد و چه با استفاده از کدنویسی بتوانید برای آن بهترین سرعت لودینگ را تنظیم کنید ؛ پس تا پایان با ما همراه باشید.
منظور از سرعت سایت
منظور از سرعت سایت ، مدت زمان لود شدن کامل سایت پس از وارد شدن به آن توسط لینک های مختلف است.
امروزه سرعت سایت یکی از مهم ترین فاکتورهای رتبه بندی برای گوگل نیز می باشد زیراکه طبق آمار رسمی بالای 60 درصد کاربرانی که سرعت لود بالای 6 ثانیه روبه رو شوند ، سایت رو بسته و از انتظار کشیدن دست خواهند کشید.
این نکته نشان دهنده ی این است که چگونه سرعت لود سایت به طور مستقیم بر روی ترافیک سایت نیز تاثیرگذار خواهد بود.
نکته ی بعدی که وجود دارد این است که سرعت لود سایت تنها به صفحه ی اصلی سایت خلاصه نشده و برای تمامی صفحات حائز اهمیت است.
طبق استانداردهای جهانی تعریف شده به طور میانگین یک وبسایت خوب و استاندارد باید سرعت لود بین 2 تا 4 ثانیه را داشته باشد ؛
اما از نظرواحد خدمات سئوی شرکت ایرانیان ماناتاز این مقدار تا 6 ثانیه نیز مشکلی را در یک سری شرایط خاص ندارد و در ادامه توضیح خواهیم داد که منظور از این شرایط خاص دقیقا چه شرایطی می باشد.
همانطورکه گفته شد سرعت سایت ارتباط تنگاتنگی را با کاربر پسندی و رضایت کاربران در تجربه ی سایت شما دارد و استاندارد نبودن آن می تواند باعث نارضایتی آن ها و در نتیجه کاهش ترافیک سایت بشود ، پس با ما در ادامه همراه باشید که بررسی کامل این فاکتور ارزمشند بپردازیم.
اندازه گیری سرعت سایت
ما در مقاله ی ابزارهای سئو به مهم ترین ابزارهای سئو و سایت اشاره کردیم که یکی از آن ابزارها ابزار gtmetrix است که دقیق ترین و اصلی ترین ابزار اندازه گیری سرعت سایت می باشد و با استفاده از این ابزار می توانید تمامی جزئیات مربوط به بخش به بخش سرعت سایت و عوامل تاثیر گذار بر آن تا راه حل های بهبودی را مشاهده کنید.
آموزش استفاده از این ابزار به صورت کامل در دوره ی آموزشی مقدماتی سئو آمده است.
عوامل موثر بر سرعت سایت
حال که به مقدماتی در رابطه با سرعت سایت و اهمیت آن پرداختیم نوبت به آن رسیده است که عوامل موثر بر سرعت سایت را نیز شرح دهیم تا بهتر بتوانید سرعت وبسایت خود را مدیریت کنید.
1- بهینه سازی تصاویر و فایل های مدیایی :
یکی از مهم ترین عوامل تاثیرگذار بر روی سرعت سایت بهینه بودن تصاویر و فایل های مدیایی سایت مانند ویدیوها می باشد.
این بهینه سازی در تعداد آن ها ، سایز آن ها ، حجم و حتی فرمت آن ها نیز می باشد.
سایز و تعداد آنها که نسبت به کاربری وبسایت شما متغیر است.
اما حجم تصاویر درون سایت نباید بالای حداکثر 300 کیلوبایت باشد.
فرمت تصاویر نیز برای وبسایت معمولا png یا jpeg و یا webp می باشد.
(لازم به ذکر است فرمت gif نیز برای تصاویر متحرک درون وبسایت ها رایج است که به شدت باید در نظر داشته باشید که گیف های خود را تا جای ممکن بهینه سازی کنید زیراکه گیف ها معمولا در حالت طبیعی حجم بالای 500 کیلوبایت را دارا هستند)
حال نوبت به ویدیوهای سایت می رسد برای قرار دادن ویدیو درون وبسایت به هیچ عنوان نباید ویدیو را به صورت مستقیم درون سایت قرار دهید زیراکه اینکار باعث افزایش شدید لود سایت می شود.
پس راه حلی که وجود دارد این است که ویدیوهای خود را باید یا از هاست دانلودی و جانبی خود و یا باید از سرویس های اشتراک ویدیو مانند آپارات و یوتیوب درون بخش دلخواه خود فراخوانی کنید.
راه حل های بهینه سازی تصاویر
بهترین و بهینه ترین راه حل بهینه سازی حجم تصاویر استفاده از وبسایت tinypng.com می باشد.
اما شما می توانید از ابزارهای جانبی بسیار دیگری برای بهینه سازی حجم تصاویر خود استفاده کنید.
به عنوان مثال اگر وبسایت شما وردپرسی باشد ؛ می توانید از پلاگین هایی مانند Smush Pro برای بهینه سازی تمامی تصاویر سایت خود استفاده کنید.
2- استایل بندی سایت و انیمیشن ها
دومین فاکتور مهم تاثیر گذار در سرعت سایت استایل بندی و انیمیشن های درون سایت می باشد.
شما در طراحی سایت خود باید به شدت دقت داشته باشید که در درجه ی اول تا جای ممکن استایل بندی ها و انیمیشن های درون سایت با استفاده از کدنویسی سمت کلاینت پیاده سازی شود نه با استفاده از تصاویر و فایل های مدیایی.
در درجه ی دوم باید به خاطر داشته باشید که این استایل بندی ها و انیمیشن هایی که با کدنویسی پیاده سازی شده اند به صورت کاملا بهینه و استاندارد نوشته شده باشند و همچنین باید در تعداد و اندازه ی استفاده از آن ها بسیار محتاط باشید.
استفاده ی بیش از حد از انیمیشن ها و استایل بندی ها باعث سنگین شدن حجم سایت و در نتیجه بالا رفتن سرعت لود سایت می شود.
پس حواستان باشد به بهینه ترین شکل ممکن از کدنویسی سمت کلاینت استفاده کنید.
راه حل های بهینه سازی کدهای سمت کلاینت :
در درجه ی اول هر بخش از سایت را که به صورت فایل های مدیایی بوده و می توانید آنرا به کد تبدیل کنید ، این پروسه را انجام دهید.
در مرحله ی بعد از انیمیشن ها و استایل بندی های غیر ضروری که نبود آنها نیز تاثیر چندانی بر رابط کاربری سایت شما نخواهد گذاشت ، خودداری کرده و آنها را حذف کنید.
پس از تمامی این مراحل باید کدهای خود را مرتب کرده و فراخوانی آنها را نیز به گونه ای تنظیم کنید که در سریع ترین زمان ممکن پردازش شوند.
3- حجم سایت (کدنویسی سمت سرور و افزونه ها) :
حجم سایت مجموعه ای از دو عامل بالا نیز خواهد شد اما ما در این بخش قصد داریم به عوامل دیگری برای جلوگیری از افزایش حجم سایت اشاره کنیم.
حجم سایت تنها به تصاویر و مدیا ها و کدنویسی سمت کلاینت خلاصه نشده و کدنویسی سمت سرور نیز در آن تاثیرگذار است.
به عنوان مثال اگر سایت شما وردپرسی باشد شما باید تا حد امکان از افزونه های کمی استفاده کنید زیراکه هر افزونه صد ها و صد ها خط کد را به وبسایت شما اضافه کرده و باعث می شود وبسایتتان از حالت بهینه خارج شود.
پس افزونه های غیر ضروری را حذف کرده و اگر قابلیتی را می توانید با چند خط کد و یا استفاده از ترفندهای دیگری درون سایت خود پیاده سازی کنید ، از افزونه به جای آن خودداری کنید.
زمانیکه شما در حال اندازه گیری سرعت سایت خود با جی تی متریکس هستید ، خواهید دید که اکثریت هشدارهایی که به شما می دهد برای استفاده از افزونه های سنگینی است که باعث افزایش لود سرعت سایت شما شده اند.
4- هاست یا سرور :
چهارمین فاکتور تاثیر گذار بر سرعت وبسایت استفاده از هاست یا سرور بی کیفیت و ارزان برای سایت شما می باشد.
در خرید هاست یا سرور مجازی و یا اختصاصی برای سایت خود دقت داشته باشید که همیشه قدرت رم و پردازنده ی سایت به گونه ای باشد که مطابق با حجم و کیفیت محتوای شما بتواند وبسایت را به سریع ترین زمان ممکن پردازش کند.
همچنین به غیر از این عوامل می توانید از قابلیت CDN (Content Delivery Network ) یا به اصطلاح شبکه ی توزیع محتوا نیز استفاده کنید که قابلیتی است که به طور کلی باعث می شود وبسایت شما از نزدیک ترین سرور برای هر شخصی که در حال جستجوی آن است فراخوانی شود.
5- کش مرورگر :
چه وبسایت شما وردپرسی باشد و چه یک وبسایت کدینگ داشته باشید از مهم ترین مسائلی که وجود دارد این است که کش مرورگر شما برای سایت فعال باشد.
کش همانطور که قبلا در مقالات پی در پی گفته شده است ، قابلیتی است که باعث ذخیره شدن اطلاعات دائمی شما در مرورگر کاربر شده و در نتیجه نیازی نیست کاربر برای هر بار لود سایت منتظر لود شدن تمامی اطلاعات ثابت نیز باشد.
اگر وبسایتتان کدنویسی باشد فعال سازی کش مرورگر با متدهای مختلف مانند مانند متد expire قابل پیاده سازی است.
اما اگر وبسایت شما با وردپرس باشد معمولا افزونه های بهینه سازی مانند افزونه ی Wp Optimize اکثرا قابلیت کش را به صورت اتوماتیک وار برای وبسایت شما فعال خواهند کرد.
6- قابلیت lazy load :
این قابلیت نیز از مواردی است که می تواند به نوبه ی خود در سرعت سایت تاثیرات مثبتی را بگذارد.
به طور کلی قابلیت لیزی لود قابلیتی است که باعث می شود محتوای بالا و ابتدای صفحه ی شما زودتر از محتوای پایین صفحه لود شود و زمانیکه شما به پایین اسکرول کردید ، محتوای پایین صفحه نیز لود می شود ولی در غیر اینصورت محتوای پایین صفحه لود نشده باقی خواهد ماند.
برای استفاده از این قابلیت شما می توانید از پلاگین هایی مانند : WP-Optimize یا W3 Total Cache و یا سایر افزونه های بهینه سازی استفاده کنید.
7- فشرده سازی دیتابیس :
فشرده سازی دیتابیس شامل فشرده سازی جداول و مقادیر آن ها تا فشرده سازی کدهای درون آن می تواند به نوبه ی خود تاثیر به سزایی را در سرعت سایت ایجاد کند.
فشرده سازی دیتابیس با پلاگین ها نام برده شده در قسمت های قبل امکان پذیر است و برای سایت های کدنویسی نیز این فشرده سازی باید به صورت دستی با رعایت استاندارها و ترتیب ساخت جداول باشد.
8- پهنای باند سایت :
پهنای باند در واقع میزان دیتای منتقل شده در یک بازه زمانی مشخص ، به عنوان مثال یک ماهه می باشد.
حجم ترافیک در اینجا به معنی تعداد بازدید کنندگان و کاربرانی است که به طور همزمان در سایت ما قرار دارند.
حتما داشتن حجم ترافیک بالا نشانه خوبی برای شما و سایت شما است اما اگر هاست و سرور شما از توانایی ارائه پهنای باند مناسب با نیاز شما و حجم ترافیک شما باز بماند و نتواند پهنای باند مناسبی را در اختیار سایت شما قرار دهد طبیعتا سرعت لود سایت کاهش می یابد و نیز البته اگر میزان حجم ترافیک بیشتر از پهنای باند باشد ممکن است ، سایت شما به صورت کلی از دسترس خارج خواهد شد.
9- درخواست های Http :
درخواست های HTTP یعنی میزان تعداد درخواست ها از هاست و سرور برای لود فایل های مختلف تصویری ، استایل ها و CSS و …
به طور کلی هر چقدر وبسایت شما فرایندها و دستورالعمل هایی داشته باشد که برای پردازش آن ها نیازمند ارسال درخواست بیشتری به سرور باشد در نتیجه سرعت لود سایت شما بالاتر است و در حالت برعکس قائدتا سرعت لود پایین تر است و سایت سریع تر لود خواهد شد.
در واقع تعداد درخواست های HTTP و سرعت سایت نسبت عکس و وارونه دارند.
ما باید تعداد درخواست های HTTP را کاهش دهیم تا سرعت سایت ما افزایش یابد.
زیراکه اگر تعداد این در خواست ها زیاد باشد ، هاست یا سرور شما باید تک تک این درخواست ها را بررسی کند و به آن ها پاسخ دهد.
10- هماهنگ بودن سایت و به روزرسانی ها :
هماهنگ بودن سایت به این معنا می باشد که ورژن کدنویسی بخش های مختلف سایت باید با قالب کلی و سایر افزونه های سایت شما هماهنگ باشد در غیر اینصورت در لود سایت مشکل به وجود خواهد آمد.
همچنین در استفاده از ویژگی های مختلف برای سایت و یا افزونه های مرتبط باید دقت کامل را داشته باشید ، که افزونه ای یا قطعه کدی در پروسه ی پردازشی و فعالیت سایر افزونه ها و عملکرد کلی قالب اختلالی را ایجاد نکند.
11- فعال سازی قابلیت Gzip :
این قابلیت باعث فشرده سازی صفحات وب روی سرور می شود که استفاده از آن به شدت برای تمامی وبسایت ها توصیه می شود.
این قابلیت که به صورت پیش فرض روی IIS8 فعال و به صورت دستی روی IIS6 قابل تنظیم است،
اغلب با نام gzip نامیده می شود.
Gzip صفحات سایت شما را به حداکثر ترین شکل ممکن در سرور فشرده و کم حجم می کند.
شما برای فعال سازی این قابلیت در وبسایت وردپرسی خود نیز می توانید از پلاگین های متعددی مانند Autoptimize و حتی پلاگین هایی که در قسمت های قبلی گفته شد استفاده کنید.
12- فناوری Ajax :
فناوری ajax قابلیتی است که در جاوا اسکریپت ظهور کرده است و با استفاده از این فعالیت لود صفحات و المان های مختلف بسیار سریع و کاربر پسند تر می شود.
همانطور که می دانید برای هر بار لود مقادیر و یا صفحاتی کل صفحه لود شده و از اول رفرش می شود اما در فناوری ajax اینگونه نبوده و محتوا یا المان های جدید بدون لود شدن و رفرش شدن صفحه نمایش داده می شود.
این قابلیت همانطور که گفته شد از هر بار لود شدن مجدد صفحه جلوگیری می کند و باعث سهولت استفاده ی کاربران می شود.
(لازم به ذکر است پیاده سازی این قابلیت برای صفحات با استفاده از کدنویسی جاوا اسکریپت امکان پذیر بوده و برای نمایش هر بخش و هر اطلاعاتی نمی توان از ajax استفاده کرد.)
جمع بندی
سرعت سایت همانطور که گفته شد یکی از مهم ترین فاکتورها در سئو و طراحی سایت می باشد.
این فاکتور تاثیر مستقیمی را بر تجربه ی کاربری و نرخ های از سئو مانند نرخ پرش می گذارد.
پس باید به شدت در بهینه سازی سرعت سایت خود توجه داشته باشید و سرعت سایت خود را فدای زیبایی سایت نکنید.
زیراکه بسیاری از افراد با استفاده از انیمیشن های زیاد و کدهای استایل دهی مانند جاوا اسکریپت و CSS با هدف زیباسازی سایت خود ،
دست به خراب کردن تجربه ی کاربری و استانداردهای سئوی آن می زنند.
به علت اهمیت سرعت سایت ما بسیاری از فاکتورهای زیر در سرعت سایت را به صورت مجزا در مقالاتی توضیح داده ایم :
مهرشاد شادان مهر
مدرس سئو ، طراح سایت ، انیماتور
قهرمان زندگی شما در چند سال آینده ی شما می باشد