۱۰ نکته طلایی جهت بهبود سرعت لود سایت

10 نکته طلایی جهت بهبود سرعت لود سایتReviewed by کارگاه توسعه on Feb 11Rating: 5.0

فکر می کنید سرعت لود وب سایت شما چقدر اهمیت دارد ؟ هر یک ثانیه تاخیر در لود سایت مشکلات زیر را همراه دارد :

  • ۱۱٪ کاهش بازدید صفحه
  • ۱۶% کاهش رضایت مشتری
  • ۷% کاهش نرخ تبدیل ( Conversions Rate )

:: آمازون این را صادقانه بیان کرد، با هر ۱۰۰ میلی ثانیه بهبود سرعت لود وب سایت ۱ درصد فروش بیشتر داشته است  ۱ درصد فروش بیشتر فقط با ۱۰۰ میلی ثانیه لود سریعتر !

اما داستان به اینجا ختم نمی شود ، یک مطالعه تحقیقاتی نشان داد که :

  • ۴۷ درصد از مردم انتظار دارند که یک صفحه وب در دو ثانیه یا کمتر بارگیری شود.
  • اگر بارگذاری بیش از سه ثانیه طول بکشد، ۴۰ درصد صفحه وب را ترک خواهد کرد.
  • ۵۲٪ از خریداران آنلاین می گویند صفحات سریع برای وفاداری به سایت مهم هستند.

اما طبق گزارش Radware، سرعت بارگذاری وب سایت در سال جاری ۲۲ درصد افزایش یافته است ؛ واضح است که سرعت بخشیدن به وب سایت شما بسیار مهم است، نه فقط برای رتبه بندی خوب یا Google ، بلکه برای بالا بردن درآمد پایین خودتان !

۱- زمان پاسخ سرور خود را کاهش دهید ( Server Response Time )

این مسئله تاثیر بسیار مهمی روی بهبود سرعت لود سایت شما دارد ، زیرا اگر سرور هاستینگ شما به خوبی نتواند پاسخگوی سایت شما باشد قطعا تلاش شما برای بهبود سرعت لود وب سایت بی فایده است

Server Response Time شما باید کمتر از ۲۰۰ms ( میلی ثانیه ) باشد ، این مسئله مربوط به هاستینگ شما می شود ؛ بنابر این سعی کنید بهترین هاستینگ را برای میزبانی سایت خود انتخاب کنید .

ابزار هایی را به شما معرفی می کنیم که میتواند به شما در این زمینه کمک کند .

  1. ابزار Yslow : با این ابزار می توانید روی سرعت سایت خود نظارت کنید و همچنین در زمینه برطرف کردن مشکلات آن راهنمایی دریافت کنید .
  2. ابزار Google Page Speed Tools : برای کسب اطلاعات بیشتر در زمینه عملکرد و همچنین نکاتی برای خودکار سازی روند

۲- HTTP Request های سایت خود را به حداقل برسانید .

به گفته یاهو، ۸۰٪ از زمان بارگذاری صفحه وب صرف دانلود قسمت های مختلف صفحه می شود: تصاویر، شیوه نامه ها، اسکریپت ها، فلش و غیره ؛ درخواست HTTP برای هر یک از این عناصر ساخته شده است .

در این مورد، سریع ترین راه برای بهبود سرعت سایت این است که طراحی خود را ساده کنید.

  • تعداد عناصر را در صفحه خود ساده کنید.
  • تا جایی که امکان دارد از CSS و HTML به جای تصاویر استفاده کنید .
  • style sheet های خود را یکی کنید و تعداد آنها را کاهش دهید .
  • کاهش اسکریپت ها و قرار دادن آنها در پایین صفحه .

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

۳- Compression را فعال کنید .

فشرده سازی ، پهنای باند صفحات شما را کاهش می دهد، در نتیجه سبب کاهش زمان پاسخ HTTP می شود ؛ فشرده سازی را میتوانید با ابزار Gzip فعال کنید که در ادامه راجع به این ابزار بحث خواهیم نمود .

اغلب وب سرور ها میتوانند فایل ها را قبل از ارسال برای دانلود ، در فرمت Gzip فشرده سازی کنند یا با استفاده از یک ماژول خاص اینکار را انجام دهند ؛ از آنجایی که ۹۰% ترافیک اینترنت در مرورگر ها از Gzip پشتیبانی می کنند ، این گزینه عالی برای سرعت بخشیدن به سایت شما می باشد.

:: روش های فعالسازی Gzip در پلتفرم های مختلف

۴- Browser Caching را فعال کنید .

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

اولین بار که کسی به وبسایت شما می آید، قبل از اینکه بتوانید از صفحه خود استفاده کنید ، سند HTML ، شیوه نامه ها، فایل های جاوا اسکریپت و تصاویر را دانلود کنید. این ممکن است تا ۳۰ عدد و ۲٫۴ ثانیه باشد.

طبق بررسی های انجام شده ۴۰-۶۰٪ از بازدید کنندگان روزانه به سایت شما با یک حافظه خالی وارد می شوند، بنابراین مهم است که صفحه شما با سرعت مناسبی برای اولین بار لود شود ؛ اما برای مراجعه بعدی کاربر ، شما نیاز دارید تا Browser Caching را روی برخی از فایل هایی که دائما در حال تغییر نیستند فعال کنید تا سرعت بیشتری در بارگزاری صفحه به کاربر خود ارائه کنید .

از فایل هایی که بهتر است کش شوند و ضرورتی در دانلود آنها در هر بار از بارگزاری صفحه وجود ندارد میتوان فایل favicon.ico ( آیکون صفحه ) – فایل های جاوااسکریپتی که تغییر نمی کنند ( مانند جی کوئری ) و … را نام برد .

:: بزودی مقاله ای درباره آموزش فعالسازی browser caching در سایت دکادیزاین منتشر خواهد شد .

۵- Minify Resources ( کم حجم کردن منابع )

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

  • برای minify کردن HTML ، میتوانید از PageSpeed Insights Chrome Extension استفاده کنید تا نسخه بهینه شده کد HTML خود را دریافت کنید .
  • برای minify کردن CSS ، می توانید از YUI Compressor یا cssmin.js استفاده کنید .
  • برای minify کردن جاوا اسکریپت میتوانید از Closure CompilerJSMin یا YUI Compressor استفاده کنید ؛ شما می توانید یک فرآیند ساخت را ایجاد کنید که از این ابزارها برای حذف و تغییر پرونده های توسعه استفاده می کند و آنها را به یک پوشه تولید ذخیره می کند.

۶- تصاویرتان را بهینه کنید .

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

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

:: در بهینه سازی تصاویر اندازه و کیفیت آنها مهم است .

  • تصاویر خود را به اندازه درست برش دهید. به عنوان مثال، اگر صفحه شما ۵۷۰ پیکسل عرض باشد، تصویر را به آن عرض تغییر دهید ؛ اینگونه نباشد که فقط تصویر ۲۰۰۰px را آپلود کنید و پارامتر عرض را روی ۵۷۰ را تنظیم کنید ؛ این زمان بارگذاری صفحه شما را افزایش می دهد و یک تجربه کاربری بد ایجاد می کند.
  • عمق رنگ را به پایین ترین سطح قابل قبول کاهش دهید.
  • JPEG بهترین گزینه است .
  • PNG نیز خوب است، هر چند مرورگرهای قدیمی تر از آن پشتیبانی کامل نکنند.
  • GIF ها فقط باید برای گرافیک کوچک یا ساده (کمتر از ۱۰ × ۱۰ پیکسل، یا یک پالت رنگ از ۳ رنگ یا کمتر) و برای تصاویر متحرک استفاده شود.
  • از BMP یا TIFF استفاده نکنید.

:: از Save For Web نرم افزار فتوشاپ استفاده کنید و تصاویر خود را به خوبی کم حجم و بهینه کنید .

۷- بهینه سازی CSS Delivery

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

inline CSS باعث ایجاد تکرار در کد های شما می شوند و همین امر در کاهش سرعت لود سایت شما موثر است ؛ بنابر این توصیه میشود از inline CSS تا حد ممکن استفاده نشود و به جای آن از فایل CSS استفاده شود .

نکته : هنگام تنظیم CSS خود، فقط از یک فایل استایل شیت CSS استفاده کنید زیرا صفحات اضافی درخواست HTTP را افزایش می دهند.

  • ابزار CSS Delivery Tool به شما کمک می کند تا تعداد StyleSheet های در حال استفاده را تشخیص دهید .

۸- فقط فایل های مورد نیاز را لود کنید !

سعی کنید فقط فایل های CSS , JS اصلی را درون صفحه لینک کنید و از قرار دادن استایل شیت ها یا کتابخانه های جاوااسکریپتی که کاربردی در آن صفحه ندارند ، خودداری کنید ؛ اینکار در بهبود سرعت لود وب سایت شما قطعا موثر است .

۸- از پلاگین های کمتری در سایت خود استفاده کنید .

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

پلاگین های غیر ضروری را غیرفعال کنید و حذف کنید. سپس هر پلاگین که سرعت سایت شما را کاهش می دهد، از بین می رود.

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

۸- ریدایرکت های سایتتان را کاهش دهید .

ریدایرکت هایی که ایجاد می شوند ، HTTP Request های سایت شما را افزایش می دهند ؛ بنابراین سعی کنید تا جای ممکن از ریدایرکت ها پرهیز کنید و تعداد آنها را کاهش دهید .

حالا نوبت شماست 😉 آیا شما یک راه منحصر به فرد برای سرعت بخشیدن به وب سایت خود دارید؟ نظرات خود را با ما به اشتراک بگذارید !