فکر می‌کنید تا چه اندازه افزایش سرعت سایت مهم است؟ یا چه تاثیری در فروش و رضایت مندی کاربران می‌تواند داشته باشد؟
قبل از پاسخ دادن به این سوال به آمار زیر توجه کنید:
تاخیر یک ثانیه ای در بارگذاری سایت:
کاهش 11% بازدید صفحه
کاهش 16% رضایت مشتری
7% ضرر به برند تجاری
اجازه دهید دوباره سوال خود را تکرار کنم: فکر می‌کنید تا چه اندازه سرعت یک وبسایت مهم است؟
رقابت در سرعت؛ حتی یک ثانیه
با افزایش رقابت بین وبسایت‌های مختلف و تلاش متخصصین برای افزایش رضایت مندی کاربران سایت، دیگر حتی یک ثانیه تاخیر در بالا آمدن سایت می‌تواند زنگ خطر بزرگی برای کسب و کارتان باشد. در این مقاله سعی شده تا راهنمای جامعی برای مقابله با این مشکل مهم ارائه شود.
در واقع چند ثانیه می‌تواند تاثیر فوق العاده ای روی فروش و اعتبار شما داشته باشد. پس داشتن یک سایت با سرعت بالا مهم است، نه تنها گوگل با سایت‌های کند، دوست نمی‌شود بلکه آنها را جریمه هم می‌کند. پس وقت آن رسیده بیشتر به فکر اعتبار خود باشید.
مهم نیست چقدر روی وب سایت و تولید محتوا هزینه کرده اید درصورتی که وب سایتی با سرعت مناسب نداشته باشید، طبیعتا کسی به شما اطمینان نمی‌کند. گوگل نیز با شاخصه‌های خود مانند: LCP و FID همیشه در حال رصد شماست.
حتی یک ثانیه تاخیر می‌تواند هزینه راه اندازی سایت فروشگاهی شما را تا 10% افزایش دهد.
چگونه سرعت سایت بر بازدید اثر می‌گذارد؟
در واقعیت بیشتر بازدیدکنندگان یک وب سایت انتظار دارند که وب سایت در کمتر 3 ثانیه بارگذاری شود، البته شاید بعضی وقت‌ها این عدد به 4 یا 5 ثانیه برسد، اما چیزی که مهم است اینکه نصفی از بازدیدکنندگان قبل از بارگذاری از سایت خارج می‌شوند.
تقریبا بیشتر افرادی که تجربه بدی از برخورد اول با یک سایت داشته اند، دیگر دوباره وارد آن سایت نمی‌شوند. پس شما هم بهتر است به فکر کاربران خود باشید تا قبل از خارج شدن از سایت، سایتی با سرعت بالا و شیک را ارائه دهید.
چرا به سرعت سایت باید اهمیت داد؟
وقتی می‌خواهید سایت در گوگل در نتایج بالاتر و رتبه بهتری قرار بگیرد، باید به یک نکته حیاتی توجه کنید: گوگل شما را با 10 سایت برتر صفحه مقایسه می‌کنید و اگر نتوانید امتیاز کافی را بدست آورید، از رقابت حذف می‌شوید.
پس اگر دوست ندارید در صفحه دوم گوگل (جایی که کسی در آن حتی پرسه هم نمیزند) باشید، بهتر است به فکر ابزار‌ها و نکاتی باشید که شما را تا افزایش حداکثری سرعت وب سایتتان کمک می‌کند.
اندازه گیری سرعت سایت با ابزارهای دقیق
اما قبل از هر چیزی باید بدانیم در چه وضعیت سرعتی قرار داریم. برای این کار ابزارهایی دقیقی وجود دارند که ما را کمک می‌کنند تا به نتایج بهتری برسیم و بتوانیم مشکلات سایت را رفع کنیم. پس برای بهینه مناسب باید از بهترین‌ها کمک بگیریم.
سرچ کنسول گوگل
ابزار گوگل یکی از بهترین ابزارهای اندازه گیری است. این وب سایت شاید مانند بقیه زیاد فنی عمل نمی‌کند اما کلیات و نکات مهمی را به شما نشان می‌دهد. وقتی شما وارد این قسمت می‌شوید، به شما این امکان را می‌دهد تا به دوصورت کار را شروع کنید.
طبق عکس زیر یا یک آدرس خاص را از شکا می‌گیرد یا می‌توانید کل دامین و زیر دامین‌ها را بررسی کنید. شما پس از تایید حساب می‌توانید به برسی دقیق سرعت سایت خودتان بپردازید
pagespeed Insight ابزار دیگری از گوگل
این ابزار نیز یکی دیگر از ابزارهای گوگل است. گوگل سعی دارد در این ابزار با تمرکز روی صفحه موبایل و دسکتاپ است. این ابزار با وارد کردن یک آدرس در صفحه اصلی کلیاتی در مورد وبسایت و نکات مهم برای ویرایش آن را به شما بازگو می‌کند.
همانگونه که در عکس بالا پیداست این ایزار اطلاعات مختلفی از زمان‌های مختلف سایت و سرعت سایت به شما می‌دهد. همچنین دارای راهنمایی است برای افزایش سرعت سایت، که می‌توانید با انجام آنها سرعت سایت را کاملا بهبود ببخشید.
جی تی متریکس GTmetrix
و بلاخره اصلی‌ترین منبع ما برای تست سرعت سایت.
این ابزار با تست‌های مختلف با سرور‌های مختلف و دارا بودن تست‌های پیشرفته، بهترین ابزار حال حاظر برای تست و بررسی سرعت سایت است. این ابزار نکات بسیار زیادی را در اختیار شما قرار می‌دهد که با بهبود هرکدام می‌توانید سرعت سایت را بسیار افزایش دهید.
جی تی متریکس به صورت کاملا دقیق وبسایت را مورد بررسی قرار می‌دهد و تحلیل‌های دقیقی را در حوزه‌های مختلف ارائه می‌دهد. اندازهگیری دقیق سرعت سایت یک عامل حیاتی برای سایت می‌باشد. اندازهگیری سرعت سایت باید چندین بار در زمان‌های مختلف انجام شود و میانگین نتایج گرفته شده است که سرعت واقعی سایت را نشان می‌دهد.
چرا وب سایت من کند است؟
اما شما حالا تست سرعت انجام دادید و فهمیدی که سرعت سایت پایین است. دلایل زیادی برای این کاهش سرعت وجود دارد که می‌خواهیم به بررسی آنها بپردازیم.
اما قبل از شروع اجازه دهید کمی تعریف دقیق از سرعت مناسب سایت داشته باشیم. طبق گفته‌های گوگل یهترین زمان برای بالا آمدن یک وبسایت 3 ثانیه است، اما اغلب وبسایت‌های ایرانی زمانی نزدیک به 7 ثانیه لازم دارند تا بتوانند محتوا را ارائه کنند.
معمولا زمان لازم برای بارگذاری کامل تمام صفحه در موبایل 20 ثانیه است درحالی که ما باید سعی کنیم در 3 ثانیه سایت را بالا بیاریم. یکی دیگر از مشکلات خروج کاربران است. همانطور که در شکل زیر مشاهده می‌شود با نزدیک شدن به 10 ثانیه بیش از 120 درصد نرخ خروج افزایش می‌یابد.
بنابراین برای رسیدن به بهترین نتیجه باید به توصیه‌های گوگل در این زمینه بسیار توجه کنیم. ابزارهای گوگل و جی تی متریکس، بهترین منابعی هستند که بسیار ریز، نکات اصلی را در این زمینه به شما نشان می‌دهند.
حالا چگونه سرعت سایت را افزایش دهیم
برای این کار راه‌ها و ابزارهای زیادی وجود دارند، بنابراین کارهای مختلفی نیز می‌توانیم برای افزایش سرعت انجام دهیم. پس ما در این جا سعی می‌کنیم مهمترین نکات را برای شما بازگو کنیم.
شروع کنیم:
بهینه‌سازی تصاویر:
برای این کار راه‌ها و ابزارهای زیادی وجود دارند، بنابراین کارهای مختلفی نیز می‌توانیم برای افزایش سرعت انجام دهیم. پس ما در این جا سعی می‌کنیم مهمترین نکات را برای شما بازگو کنیم.
شروع کنیم:
وقتی در مورد بهینه‌سازی تصاویر حرف می‌زنیم باید به سه مبحث اصلی آنها دقت کنید. تصاویر از مهمترین موارد در تعیین سرعت سایت و تاثیر گذار در سئوی وبسایت هستند. پس باید توجه ویژه ای به تصاویر داشته باشید.
اندازه تصویر مهمتر از همیشه
طبیعتا جدایی از تصاویر کار بسیار سنگینی است، تصاویر به مطالب و صفحات ما رنگ می‌بخشند و با آنها می‌شود مفاهیم را بسیار بهتر بیان کرد، در نتیجه نمی‌توان از عکس در صفحات خود استفاده نکرد. اما راه حل چیست؟
هر صفحه بسته به مقدار عکس‌های خود، مشخص می‌کند که باید سایز تصاویر چقدر باشد. معمولا برای کاهش حجم تصاویر توصیه می‌شود بین 150 تا 500 کیلو بایت باشند. اما بعضی اوقات مانند صفحات اول سایت که نیاز‌مند سرعت بالا تری هستند، باید مقدار حجم پایین تری داشته باشند.
شما می‌توانید هنگام خروجی گرفتن از تصاویر، داخل سایت یا قبل از آپلود کردن تصاویر حجم آنها را کاهش دهید. برای این کار می‌توانید از افزونه‌های وردپرسی یا سایت‌هایی مانند TinyPNG استفاده کنید.
https://tinypng.com/
فرمت تصاویر
بنظر شما فرمت برای استفاده در وب مناسب تر هستند؟ جدیدا استفاده از فرمت WEBPs نیز افزایش پیدا کرده است که بهترین فرمت برای وب است، ولی نکته منفی آن پشتیبانی نشدن توسط تمامی مرورگر‌ها است.
رقابت اصلی در این زمینه بین فرمت‌های PNG و JPG است. بررسی کامل چرایی این موضوع کار بسیار سنگینی است، به همین دلیل وارد این موضوع نشده و تنها به شما توصیه می‌کنیم از پسوند JPG به جای پسوند PNG استفاده کنید تا هم کاهش حجم و هم افزایش کیفیت داشته باشید.
ابعاد مناسب برای تصویر
برای داشتن وضوح مناسب لازم نیست ابعاد بسیار بالایی استفاده کنید، بسیاری از وب سایت‌ها برای داشتن کیفیت بالا، ابعاد بسیار بالایی برای تصاویر استفاده می‌کنند، که کار بسیار اشتباهی است.
شما باید ابعاد تصاویر را برای افزایش سرعت سایت در بهترین اندازه ممکن نگه دارند. این ابعاد به طور میانگین 1200 در 800 می‌باشد که مورد استفاده بسیاری از وب سایت‌ها است.
کاهش درخواست‌های سایت (HTTP Requests)
تقریبا نزدیک به 80 درصد زمان بارگذاری یک سایت صرف بالا آمدن اسکریپت‌ها، تصاویر و کدها می‌شود. برای هرکدام از این موارد یک درخواست HTTP ارسال می‌شود که باید پاسخ داده شود.
اولین قدم برای بهبود این مورد بررسی تعداد درخواست‌های سایت شما است. باید ببینید که چه تعداد درخواست HTTP از سمت سایت شما ارسال می‌شود. برای این کار بهترین ابزار استفاده از مرورگر است. شما در اغلب مرورگر‌ها با راست کلیک کردن بر روی سایت می‌توانید گزینه “inspect”را ببینید.
بعد از پیدا کردن این گزینه با رفتن به تب شبکه (network) می‌توانید تعداد درخواست‌های سایت را ببینید. این قسمت شامل نام فایل، دامین ارسالی و از همه مهم تر سایز درخواست است. شما می‌توانید در گوشه پایین اطلاعات کلی را نیز ببینید.
با کاهش و حذف هرکدام از این موارد می‌توانید به افزایش سرعت سایت خود بسیار کمک کنید. سعی کنید همه ی موارد اضافی را حذف کنید تا به نتایج خیره کننده ای برسید.
کاهش حجم فایل‌ها با ترکیب کردن آنها
حالا که بررسی کردیم و به مشکلات وب سایت برخوردیم، می‌توانیم بسیار راحت تر درخواست‌ها را کاهش دهیم. برای این کار یکی از بهترین راه حل‌ها کاهش حجم فایل‌ها با کم کردن حجم فایل هاست.
این فایل‌ها نه تنها بر روی افزایش سرعت سایت تاثیر دارند، بلکه حتی بر روی ظاهر سایت شما نیز بسیار تاثیر گذارند. با افزایش بازدید کاربران به تعداد این درخواست‌ها افزوده می‌شود. پس بیاید با هم این فایل‌ها را کاهش دهیم.
منظور از کاهش حجم یک فایل که داخل آن کد‌های بسیار زیادی قرار دارد، این است که فضاهای اضافه را کاهش دهیم. با حذف کردن فضاهای خالی و تورفتگی‌ها می‌توانید کاهش بسیار زیادی برای حجم فایل‌ها داشته باشیم.
یکی از راه حل‌ها ترکیب کردن این فایل هاست. شما می‌توانید فایل‌های هم پسوندی که با هم اجرا می‌شوند را ترکیب کنید تا حجم کمتری را اشغال کنند. مثلا فایل‌های CSS را باهم ترکیب کنیم تا باهم اجرا شوند.
یکی از ساده‌ترین راه‌ها برای این کار استفاده از افزونه WProcket است. کافیست این افزونه را نصب کنید و درقسمت استاتیک آن تنظیمات را انجام دهید.
استفاده از سرویس‌های VPS
یکی از مهترین جنبه‌های سایت داری استفاده از شرکت‌هایی است که هاست با کیفیت ارائه می‌دهند. هیچ وقت کیفیت بهتر را به قیمت پایین در این مورد ترجیح ندهید. یک هاست قوی می‌تواند تاثیر بسیار زیادی در افزایش سرعت سایت داشته باشد.
یکی دیگر از اشتباهات مدیران سایت استفاده از هاست‌های اشتراکی است. این یک کار بسیار اشتباه است که باعث کاهش شدید سرعت سایت‌های روی هاست می‌شود.
اگر واقعا به دنبال افزایش سرعت سایت هستید بهترین کار استفاده از هاست‌های قوی یا بهتر از آن استفاده از سرور‌های مجازی است. بله داشتن یک سرور مخصوص خود.
VPS چیست؟
سرور مجازی مانند یک واحد آپارتمان، در یک مجتمع مسکونی بزرگ است. شما و همسایگان‌تان در کنار هم، در این مجتمع مسکونی (سرور فیزیکی) زندگی می‌کنید و هرکدام‌تان فضای امن و اختصاصی خودتان را دارید.
به طور مشابه، در مورد VPS، چندین کاربر وجود دارد که از همان سرور استفاده می‌کنند؛ اما از یکدیگر جدا شده‌اند. این دقیقا یعنی: هیچ منبعی روی منبع دیگر تاثیر ندارد. شما سرعت و امنیت مورد نیاز خود را بدون دخالت سایر منابع خواهید داشت.
با استفاده از این روش می‌توانید تا 10 برابر روی افزایش سرعت سایت خودتان حساب باز کنید.
4- استفاده از سی دی ان‌ها (CDN)
ما در مقالات قبلی به صورت کامل به سی دی ان‌ها (CDN) پرداختیم، به طور خلاصه سی دی ان‌ها سرور‌هایی هستند که در مکان‌های مختلف جغرافیایی قرار دارند و یک کپی از هاست ما حساب می‌شوند.
سی دی ان‌ها به ما کمک می‌کنند تا در زمان سریع تر و با امنیتی بسیار بالاتر محتوا را برای کاربران مختلف در شهر‌ها و کشور‌های مختلف به نمایش بگذاریم.
سایت‌های زیادی مانند کلاد فلر هستند که به صورت رایگان سی دی ان‌ها را برای شما ست می‌کنند. برای سایت‌های ایرانی، کمی کار کردن با این سی دی ان‌ها مشکل است و گاهی باعث اختلال در هنگام استفاده از وی پی ان‌ها می‌شوند.
برای داشتن سی دی ان مطمئن، توصیه می‌کنیم ابتدا از شرکت‌های ایرانی ارائه کننده سی دی ان استفاده کنید.
بارگذاری JavaScript را به تعویق بیندازیم
این کار به هدف جلوگیری از بارگذاری فایل‌های جاوا قبل از سایر عناصر سایت انجام می‌شود. با این کار شما ابتدا سایت را بالا آورده و در نهایت به فایل‌های جاوا اسکریپت اجازه می‌دهید که لود شوند.
اگر سایت شما وردپرسی است و از افزونه‌های وردپرسی استفاده می‌کند می‌توانید از افزونه ای که قبلا معرفی کردیم استفاده کنید.wp Rocket در این زمینه به شما بسیار کمک می‌کند.
استفاده از لیزی لود (Lazy Loading)
این قابلیت به ما کمک می‌کند تا قبل از بارگذاری کامل صفحه، قسمت ابتدایی آن، بارگذاری شود و به مخاطب نمایش داده شود. بقیه محتوا نیز هنگامی که کاربر پیمایش می‌کند و پایین می‌آید به مرور برای او نمایش داده می‌شود.
این قابلیت کمک می‌کند تا با کاهش زمان و حجم فایل‌های که در خواست HTTP به سمت سرور ارسال می‌کنند، با افزایش سرعت سایت رو به رو شویم. نکته جالب تر اینکه این ویژگی را حتی به صورت شخصی‌سازی شده هم می‌شود استفاده کرد.
مثلا داخل تگ HTML یک تصویر می‌توان از خاصیت loading “lazy” استفاده کرد.
< img src=”hamyarsite.jpg” loading=”lazy” alt=”hamyarHome” />
فعال‌سازی فشرده ساز‌ها
بله در واقع هرچه فایل‌های شما بیشتر فشرده شوند، سایت با سرعت بالاتری به نمایش در می‌آید. استفاده از فشرده ساز‌ها یکی از ساده‌ترین راه‌ها برای این کار است. شما می‌توانید به راحتی با فشرده ساز‌هایی مانند Gzip این کار را انجام دهید.
با استفاده از این فشرده ساز فایل‌های متنی مشابه در یک فایل قرار می‌گیرند تا کمترین فضای ممکت را اشغال کنند. شما می‌توانید وارد سایت بررسی کننده جی زیپ شوید تا ببیند این ویژگی برای شما فعال است یا نه.
این کار سایت‌های وردپرسی توسط WP Rocket نیز انجام می‌شود.
فعال کردن کش مرورگر‌ها
وقتی شما برای اولین بار وارد سایت می‌شوید، برای شما تمام صفحه بارگذاری می‌شود. شما باید صبر کنید تا تمام عناصر داخل سایت درخواست‌های خودشان را به سمت سرور ارسال کنند.
این اطلاعات در حافظه پنهان (کش) باقی می‌مانند. پس برای بار بعدی می‌توان از این اطلاعات ذخیره شده استفاده کرد تا در زمان کمتری سایت لود شود.
وقتی شما این ویژگی را برای کاربران فعال کنید، می‌توانید در مراجعه‌های بعدی با افزایش سرعت سایت به آنها هدیه مناسبی بدهید. این کار برای سایت‌های وردپرسی بسیار ساده انجام می‌شود.
کافیست تا افزونه W3 Total Cache را روی سایت خود راه اندازی کیند. بعد از فعال‌سازی کافیست به تنظیمات بروید و قسمت کش آن را فعال کنید.
افزایش سرعت سایت همیشه باید ادامه داشته باشد
تا اینجا با بهترین و مهمترین نکاتی که باعث افزایش سرعت سایت می‌شوند، آشنا شدیم. ولی راه‌های دیگری هم هستند که می‌شود از آنها نیز برای افزایش سرعت سایت کمک گرفت، ولی باید در نظر داشت که برای افزایش سرعت سایت باید همیشه این نکات را اجرا کنید.
شما با استفاده از روش‌ها و ایزار‌های بالا می‌توانید تا اندازه بسیار زیادی سرعت سایت را افزایش دهید. اگر شما هم احساس می‌کنید روش‌های جالب تر و مفید تری برای افزایش سرعت سایت پیدا کرده اید، می‌توانید با ما به اشتراک بگذارید.