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

تاثیر سرور در سرعت سایت

مطمئنا انتخاب هاست مناسب یکی از اصلی ترین بخش هایی است که برای افزایش سرعت وب سایت خود نیاز خواهید داشت تا سرمایه گذاری مناسبی بر روی آن انجام دهید. هاستی که به خوبی پیکربندی شده باشد و منابع مناسبی را در اختیار سایت شما قرار دهد به خوبی می تواند موجب افزایش سرعت وب سایت شما شده و شما می توانید شاهد لود سریع سایت خود در کمترین زمان ممکن باشید.

در ادامه نکاتی را در رابطه با تنظیمات هاست در اختیار شما قرار خواهیم داد که با تنظیم نمودن آنها طبق مواردی که در ادامه گفته می شود می توانید سرعت وب سایت خود را افزایش دهید.

Leverage browser caching

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

فعال باقی گذاشتن Keep-Alive

در حقیقت HTTP Keep-Alive با اتصال به TCP اجازه می‌دهد تا مدت زمان تاخیر کاهش یابد و به درخواست های بعدی نیز کمک می‌کند. از این رو پیشنهاد میکنیم که با شرکت ارائه کننده خدمات هاست خود تماس گرفته و از آن بخواهید که این قابلیت را برای هاست شما فعال کند.

به طور پیشفرض این قابلیت می بایست در همه هاست ها فعال باشد اما گاهی با توجه به سیاست های مالی و… هاستینگ این قالبیت به صورت پیشفرض غیر فعال بوده و صرفا با درخواست مشتری فعال می گردد.

Enable gzip compression

قالبیت GZIP این امکان را برای سایت شما به وجود می آورد که پاسخگویی HTTP به خوبی کاهش پیدا کرده و درخواست های سیستم کاربران در کمترین میزان زمان از سمت هاستینگ پاسخ داده شود. این روش یکی از ساده ترین و در عین حال تاثیر گذار ترین روش ها برای کاهش تایم لود سایت شما خواهد بود.

استفاده از یک CDN

یک شبکه تحویل محتوا CDN یا همان Content Delivery Network به مجموعه ای از سرورهای وب گفته می شود که در مکان های مختلف در سراسر جهان قرار داشته و مطالبی که در یک وب سایت قرار میگیرد در آنها ذخیره می شود.

وب سایت هایی که CDN بر روی آنها فعال است این امکان را دارند که خوانش محتوا برای کاربر را از طریق نزدیک ترین سرور به موقعیت مکانی آنها صورت پذیرد و همین امر باعث کاهش سرعت ارسال و دریافت اطلاعات شده و در نهایت موجب کاهش زمان مورد انتظار برای بارگذاری سایت می شود.

تاثیر منابع در سرعت سایت

مواردی که در بالا به آنها اشاره کردیم جز مواردی است که می بایست از سمت سرور انجام شود و کاربران عادی که اقدام به خرید هاست می کنند معمولا دسترسی به آنها ندارند و صرفا با تماس هایی که با بخش پشتیبانی هاست میگیرند می توانند درخواست خود مبنی بر ایجاد تغییرات را داشته باشند. در ادامه به مواردی خواهیم پرداخت که شما به عنوان مدیر وب سایت می توانید به طور مستقیم نسبت به انجام آنها اقدام نموده و موجبات کاهش سرعت وب سایت خود را مهیا کنید.

کاهش تغییر مسیر (Minimize redirects)

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

پیشنهاد می کنیم برای بهبود عملکرد وب سایت خود تلاش کنید که از قابلیت ریدایرکت صفحات به طور محدود و تنها در مواقع نیاز قطعی استفاده کنید.

حذف رشته علامت سوال از منابع استاتیک (Remove query strings from static resources)

وجود query strings در ساختار سایت ما باعث می شود که منابع در سمت کاربر کش نشود. در صورتی که منابعی مانند CSS و JS در سمت کاربر کش نشود این امکان وجود دارد که شاهد بروز خطاهایی نظیر Leverage browser caching هم باشیم. استفاده از query strings باعث می‌ شود فایل‌ های استایل (CSS) و جاوا اسکریپت در بسیاری از مرورگرها و همین‌طور CDN ها کش نشود.

کدهای خود کم کنید ( Minify your codes)

یکی دیگر از تاثیر گذارترین راهکارها برای کاهش زمان لود سایت، کاهش کدهای سایت است. شما می توانید با بهینه سازی کدهای سایت خود نظیر کدهای بخش نظرات، بخش های CDATA، فضاهای سفید، عناصر خالی و کدهای اندازه صفحه و… از جمله مواردی هستند که شما می توانید با اصلاح کدهای آنها به راحتی سبب کاهش تایم لود سایت شوید. برای این منظور ابزارهای مختلفی به خصوص برای سایت های وردپرسی وجود دارد و شما می توانید به راحتی با نصب یک یا چند افزونه سرعت سایت وردپرسی خود را به خوبی افزایش دهید.

از درخواست های بد دوری کنید (Avoid bad requests)

لینک های دارای مشکل که به صفحات 404 یا 410 ختم می شوند را دریابید! این سبک از صفحات باعث می شوند که درخواست های نامناسب بی پاسخی به سرور ارسال شوند. بهترین راهکار است که این سبک از درخواست ها را با ایجاد صفحاتی با آدرس های مربوطه ایجاد کنید و مطالب مفیدی برای کاربران ایجاد کنید، در صورتی که امکان این مورد را نداشتید می توانید از ریدارکت های 301 و 302 استفاده کنید تا بار منفی این سبک از درخواست ها را کاهش دهید.

لینک هایی که در دسترس نیستند را شناسایی کنید تا بتوانید مشکل آنها را حل کنید. برای این منظور می توانید online broken link checker یا از افزون وردپرس wordpress link checker استفاده کنید.

قرار دادن CSS در بالا و JS در پایین (Put CSS at the top and JS at the bottom)

قرار دادن stylesheets در سند سر صفحه ممنوع بوده بنابراین مرورگر رندر را مسدود می سازد تا نیاز به عناصر redraw صفحه نباشد. در چنین حالتی کاربران تا زمانی که صفحه به طور کامل لود شود با صفحه سفیدی رو به رو می شوند. این کار به شما کمک می کند تا یک صفحه وب با استاندارد w3 ایجاد کنید. با توجه به این موضوع لازم است تا حتما کدهای مربوط به جاوا اسکریپت در پایین صفحه قرار داده شود.

تاثیر تصاویر و عکس ها در سرعت سایت

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

ابعاد تصویر را مشخص کنید (Specify image dimensions)

تمامی مرورگرها قبل از آنکه نسبت به لود کردن صفحه ای اقدام کنند، ابتدا نسبت به رندر گرفتن تصاویر موجود در تصاویر اقدام می کنند. تغییر ابعاد تصویر کمک میکند تا سرعت بارگزاری به خوبی کاهش یابد.

در صورتی که ابعاد تصاویر را مشخص نکرده باشید، مرورگر سرعت لود سایت را افزایش می دهد. برای این منظور کافی است تا در تگ <img> ارتفاع و عرض تصویر را مشخص کنید تا به طور دقیق مرورگرها بدانند هر تصویر موجود در سایت در چه ابعادی است.

بهینه سازی تصاویر (Optimize images)

در رابطه با بهینه سازی تصاویر در سایت می توان به موارد متعددی اشاره کرد. یکی از جمله مواردی که می بایست به آن دقت داشته باشید این است که فرمت تصاویری که بر روی سایت قرار می دهید حتما jpg یا jpeg باشد. این فرمت در کنار حجم کمتری که دارد، از نظر سئو نیز فرمت بهینه تری برای تصاویر است.

یکی کردن عکس‌های کوچک

یکی کردن تصاویر کوچک یا اصطلاحا Combine images using CSS sprites به معنای ترکیب چند عکس کوچک و لود آن به عنوان یک تصویر بزرگتر است. این کار باعث می شود تا تصاویر کوچکی که در آدرس های مختلفی لود می شوند به صورت یکجا لود شوند و در زمان کمتری در اختیار کاربران قرار گیرند.

نکته پایانی: همواره به خاطر داشته باشید که قبل از انجام هرگونه تغییر بر روی سایت نسبت به بک آپ گیری از کل سایت اقدام نمایید تا در صورتی که مشکلی در حین روند کار پیش آمد، بتوانید با بازگردانی بک آپ به راحتی مشکل مربوطه را حل نمایید.