بهینه سازی سرعت وب سایت

12 خرداد، 1400

اشتراک گذاری:

در مطالعه‌ای که Milliseconds Make Millions به کمک Fifty-Five در سال ۲۰۱۹ انجام داد و آن را در وبلاگ رسمی گوگل منتشر کرد، دیدگاه های جالبی در مورد افزایش عملکرد سایت و بهینه سازی سرعت وب سایت مطرح شد.

در این مطالعه، سرعت وب سایت ۳۷ برند مطرح پس از انجام بررسی‌های کیفی توسط فانوس دریایی گوگل بررسی شد و مورد تجزیه و تحلیل قرار گرفت. این مطالعه از ۴ متریک و یا معیار استفاده کرد و نتایج به کمک مدل رگرسیون لگاریتمی تجزیه و تحلیل شد.

یافته های زیر خلاصه نتایج وب سایت های مبتنی بر موبایل است که دارای سرعت بارگذاری کمتر از یک دهم ثانیه هستند:

8.4% افزایش نرخ تبدیل برای مشتریان خرده فروشی، 9.2% افزایش ارزش متوسط سفارش
10.1% افزایش نرخ تبدیل برای مشتریان سفر، 1.9% افزایش ارزش متوسط سفارش
پیشروی سریع تر قیف فروش (همبستگی مستقیم)، بهبود بونس ریت صفحه اصلی سفر، کالای خرده فروشی و سفر به ترتیب 6.5%، 5.7% و 5.4%

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

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

چگونه سرعت وب سایت خود را افزایش دهیم

بهینه سازی سرعت وب سایت

شاخص‌های عملکرد های کلیدی KPIs خود را از طریق مدل RAIL ایجاد کنید

شما نمی توانید چیزی را که نسبت به آن آگاهی ندارید اندازه‌گیری کنید. مدل مفهومی کاربر محور RAIL که اختصار Response Animation Idle Load است در تجزیه تحلیل و ارزیابی عملکرد وب سایت استفاده می شود. تجربه کاربر به عملکردهای کلیدی از قبیل اسکرول، تب و بارگذاری تقسیم‌ بندی می‌شود. بنابراین شما می‌توانید برای هر یک، شاخص کلیدی عملکردی ایجاد کنید. این مدل برای اندازه گیری عملکرد و کارایی سایت ۴ شاخص کلیدی را در نظر می‌گیرد:

پاسخ (Response)- مدت زمانی که طول می کشد تا کاربر نهایی پس از کلیک پاسخ دریافت کند. توصیه می شود که از زمان کلیک کاربر بر روی دکمه کمتر از ۱۰۰ میلی ثانیه به طول انجامد. هر چه این مقدار کمتر باشد کاربر از نظر روانی حس فوریت بیشتری احساس می کند.
انیمیشن (animation)-این مورد شامل درگ کردن، اسکرول کردن عناصر سایت و سرعت انیمیشن های تصویری است. توصیه می شود که این سرعت ۶۰ فریم بر ثانیه و یا 16 میلی ثانیه باشد..
Idle- این عملکرد در پشت صحنه اتفاق می‌افتد، یعنی مدت زمانی که صفحه بارگذاری شده و سرور در حال پردازش است. مدت زمان پاسخگویی باید 100 میلی ثانیه باشد
load - مدت زمانی که طول می کشد اولین محتوای قابل درک سایت به نمایش درآید. انتظار می رود که این مقدار در زیر یک ثانیه صورت گیرد.

پس از تعیین شاخص ها نوبت به بهینه سازی سرعت وب سایت می رسد.

شاخص های عملکرد وب سایت خود را به کمک برخی از ابزارهای گوگل سنجش کنید. اهمیت آزمون عملکرد وب سایت خود را دست کم نگیرید. ابزارهایی مانند Stackify Retrace به شما امکان می دهد تا بتوانید عملکرد و سرعت وب سایت خود را بهینه کنید و از طرفی ابزارهای اندازه گیری سرعت وب سایت خود را تنظیم کنید. همینطورJavaScript library درGitHub یکی از ساده ترین ابزارها برای ایجاد شاخص های کلیدی عملکرد است.

اندازه گیری عملکرد سایت به کمک light house گوگل

بهینه سازی سرعت وب سایت

اندازه گیری عملکرد سایت به کمک فانوس دریایی گوگل Google Lighthouse

فانوس دریایی گوگل در چند سال اخیر یکی از معروفترین ابزارهای آنالیز سرعت سایت شناخته شده است. فانوس دریایی گوگل بر روی ۵ موضوع تمرکز دارد از جمله: اجرا، دسترسی پذیری، تجربه برتر، سئو و وب اپلیکیشن پیش رونده. همچنین از آن می توانید به عنوان ابزاری جهت بودجه بندی عملکرد وب سایت خود استفاده کنید. بودجه در این مفهوم سه مولفه (زمان بندی شاخص ها با واحد میلی ثانیه، سایز منابع در صفحه با واحد kibibytes و تعداد منابع موجود در صفحه با واحد #request ) را در بر می گیرد. به کمک بودجه می توانید آستانه شاخص های عملکرد را ارزیابی کنید.

بودجه بندی به وسیله فانوس دریایی گوگل

به کمک فانوس دریایی گوگل می توانید برای اسناد، تصاویر، فونت، فایل های رسانه ای، اسکریپت، استایل شیت و غیره بودجه تعریف کنید. این کار از طریق نصب یک اکستنشن از صفحه speed sight و یا از طریق نصب DevTools گوگل کروم و یا نصب nmp امکان پذیر است.. زمانی که بودجه را تنظیم کردید، یک گزارش معمولی از شاخص های عملکردی دریافت می کنید که در چند ستون نتایج بودجه را نشان می دهد. زمانی که بودجه را مشخص کردید می توانید آن را ردیابی کنید.

عوامل کاهش سرعت و عملکرد وب سایت

طبق تحقیقات صورت گرفته توسط ابزار SEMrush در مورد بهینه سازی سرعت وب سایت، 5 عامل زیر به ترتیب مهم ترین عوامل موثر بر عملکرد سایت شناسایی شده اند:

کدهای CCS و فایل های جاوا اسکریپت کوچک نشده
سرعت بارگذاری پایین صفحه (HTML)
CSS و فایل های جاوا اسکریپت فشرده نشده
صفحات فشرده نشده

راهکارهای بهینه سازی سرعت وب سایت

سبک کردن صفحات

ابتدا با صفحات سنگینی شروع کنید که منابع بیشتری دارند و بارگذاری آنها بیشتر طول می‌کشد. بهتر است حجم فایل هایJSS وCSS را در حدود ۲ مگابایت و نه بیشتر قرار دهید. هر چیزی بیشتر از این مقدار برای سایت حجیم است. استفاده از ابزارهای بررسی مانندSEMrush باعث ایجاد خطا می شود. ۲ مگابایت حجم برای وب سایت های فناوری پیشرفته کفایت می‌کند.

تریم کردن فایل های رسانه ای

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

کاهش کدهای جاوا اسکریپت وCSS

وب سایت های زیادی از فایل های جاوا اسکریپت و CSS کوچک نشده استفاده می کنند. کوچک کردن این فایل ها نظیر پاک کردن خطوط غیرفعال، ادغام چند کد در یک خط و حذف فاصله های اضافی کدهای منبع باعث کوچک کردن آنها و کاهش بار سایت می شود. برای این منظور ابزارها و روش های متعددی وجود دارد. مهمترین ابزارهای کوچک سازی جاوا اسکریپت، JSMin وYUI هستند. به کمک آنها کد های غیر فعال را حذف کنید و هرچه که باقیمانده را مجدداً نوشته و کاهش دهید. از روش های دیگری که توسط شرکت‌های بزرگ استفاده می‌شود اما ریسک بیشتری از نظر ایجاد باگ داردObfuscation است. فراموش نکنید که اسکریپت ها و استایل های خود را فشرده کنید. از اسکیم هایی مانندgzip وeflate برای کاهش اندازه کدهای ,JavaScript CSS وHTML استفاده کنید

بهینه سازی عملکرد سرور

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

بهبود عملکرد سرور

رفع موانع اضافی

ابزاری مانند Think Google calculator می تواند در تخمین تاثیر بهبود سرعت سایت بر درآمد وب سایت موثر باشد. سایر فاکتورهایی که می‌تواند پاسخ سرور را تحت تاثیر قرار دهد عبارتند از: کوئری کند دیتابیس، روتینگ، منطق برنامه، حافظهCPU ، فریم ورک ها و... است.

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

کش مرورگر

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

کاهش ریدایرکت های متعدد

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

پاک کردن ریدایرکت ها

ریدایرکت 301 دائم است ERROR 404.زمانی رخ می‌دهد که یک صفحه جابجا شده و یا حذف شده باشد. خطای 302 موقتی است؛ به این معنی که شما برای مدتی ترافیک وب سایت را به صفحه دیگری هدایت می کنید. این مسئله چندان رایج نیست. به کمک ابزار هایی مانندRedirect Mapper,Broken Requests, Redirect Detective, وScreaming Frog Bulk Request Redirect Checker می‌توانید این ریدایرکت ها را شناسایی کنید.

بهینه سازی سرعت وب سایت

سخن آخر

بهینه سازی سرعت وب سایت یک پروسه دو مرحله ای است.

از یک طرف به کمک ابزار هایی مانند مدل RAIL و فانوس دریایی گوگل می توانید سرعت وب سایت و عملکرد آن را اندازه‌گیری کنید. همچنین استفاده از ابزاری مانندGoogle PageSpeed Insights، نقطه شروع خوبی است. استفاده از این ابزار رایگان بوده و می تواند با توجه به معیارهای مدنظر گوگل گزارش هایی از نحوه عمل کرده وب سایت دسکتاپ و موبایل در اختیار شما قرار دهد.

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

#ui design #workshop #business