12 تکنیک برای بهینه سازی سرعت وبسایت - یاسئومی

12 تکنیک برای بهینه سازی سرعت وبسایت - یاسئومی
12 تکنیک برای بهینه سازی سرعت وبسایت - یاسئومی

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

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


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

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

بیایید نگاهی بیندازیم که چگونه بهینه سازی سرعت وب سایت بر عوامل کلیدی موفقیت وب سایت تأثیر می گذارد:

  • تبدیل
  • دید
  • قابلیت استفاده

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

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

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

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


راه هایی برای ارزیابی سرعت وب سایت شما

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

بنابراین، اگر سرعت وب سایت خود را تا حد قابل قبولی بهینه کنید، برتری رتبه بندی قابل توجهی نسبت به رقبا خواهید داشت.

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

چندین ابزار ارزیابی عملکرد وجود دارد که ارزش امتحان کردن را دارد:

Google Pagespeed Insights ابزاری رایگان از Google است که تست عملکرد را در سایت شما اجرا می‌کند و توصیه‌هایی در مورد چگونگی افزایش عملکرد ارائه می‌دهد. برای هر دو نسخه دسکتاپ و موبایل کار می کند.

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

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

Performance Budget Calculator ابزاری رایگان است که به شما کمک می کند تا بفهمید از چه نوع محتوایی می توانید برای اجرای بهینه سایت خود استفاده کنید.


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

هنگامی که سرعت وب سایت خود را آزمایش کردید، می توانید شروع به افزایش سرعت وردپرس کنید. راه‌های مختلفی برای سریع‌تر کردن وب‌سایت شما وجود دارد و ما فهرستی از مؤثرترین آنها را ایجاد کردیم.


1. از شبکه تحویل محتوا (CDN) استفاده کنید

شبکه تحویل محتوا مجموعه‌ای از سرورهای وب است که در مکان‌های جغرافیایی مختلف توزیع شده‌اند که محتوای وب را با توجه به موقعیت مکانی خود در اختیار کاربران نهایی قرار می‌دهند. هنگامی که وب سایت را روی یک سرور واحد میزبانی می کنید، تمام درخواست های کاربران به همان سخت افزار ارسال می شود. به همین دلیل زمان مورد نیاز برای پردازش هر درخواست افزایش می یابد. علاوه بر این، زمانی که کاربران از نظر فیزیکی از سرور دور هستند، زمان بارگذاری افزایش می‌یابد. با CDN، درخواست‌های کاربر به نزدیک‌ترین سرور هدایت می‌شوند. در نتیجه، محتوا سریعتر به کاربر تحویل داده می شود و وب سایت سریعتر کار می کند. این یک روش نسبتاً گران، اما کاملاً مؤثر برای بهینه‌سازی زمان بارگذاری است.


2. وب سایت خود را به میزبان بهتری منتقل کنید

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

  • هاست اشتراکی
  • میزبانی سرورهای خصوصی مجازی (VPS).
  • سرور اختصاصی

محبوب ترین نوع میزبانی که در سراسر جهان مورد استفاده قرار می گیرد هاست اشتراکی است. این ارزان ترین راه برای آنلاین کردن سایت شما در زمان کوتاه و با هزینه کم است. برای اطمینان از بهینه سازی بهتر، انتخاب میزبان وب سریع ضروری است. با هاست اشتراکی، CPU، فضای دیسک و RAM را با سایت های دیگری که از این سرور نیز استفاده می کنند به اشتراک می گذارید. این دلیل اصلی این است که هاست اشتراکی به سرعت VPS یا سرور اختصاصی نیست.

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

گران ترین گزینه هاست استفاده از سرور اختصاصی است که می تواند سرور فیزیکی شما باشد. در این صورت، اجاره سرور را پرداخت می کنید و یک مدیر سیستم را برای نگهداری آن استخدام می کنید.

روش دیگر اجاره منابع ابری اختصاصی از AWS، Microsoft Azure، Google یا سایر ارائه دهندگان ابر عمومی است. هر دو رویکرد همچنین می توانند در یک ابر ترکیبی که اخیراً در مورد آن صحبت کردیم، ترکیب شوند. با سرورهای اختصاصی، تمام منابع فقط متعلق به شماست و شما کنترل کامل آن را در اختیار دارید. زیرساخت‌های ابری همچنین می‌توانند مقیاس‌پذیری نامحدود و بر اساس تقاضا را تحت تعدادی بسته اضافه کنند.

معماری بدون سرور گزینه دیگری است که به طور کلی مراحل نگهداری و راه اندازی سرور را حذف می کند. مطالعه مقاله جداگانه ما را در مورد ویژگی ها و مزایای معماری بدون سرور در نظر بگیرید.


3. اندازه تصاویر وب سایت خود را بهینه کنید

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

بهترین راه برای کاهش اندازه تصویر بدون به خطر انداختن کیفیت آن، فشرده سازی تصاویر با استفاده از ابزارهایی مانند ImageOptim، JPEGmini یا Kraken است. این روش ممکن است کمی زمان ببرد، اما ارزش آن را دارد. راه دیگر برای کاهش اندازه تصویر استفاده از ویژگی های <secret> و <size> تصاویر پاسخگو HTML است که اندازه تصویر را بر اساس ویژگی های نمایش کاربر تنظیم می کند.


4. تعداد پلاگین ها را کاهش دهید

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


5. تعداد فایل های جاوا اسکریپت و CSS را به حداقل برسانید

اگر وب سایت شما حاوی تعداد زیادی فایل جاوا اسکریپت و CSS باشد، زمانی که بازدیدکنندگان وب سایت شما می خواهند به فایل های خاصی دسترسی پیدا کنند، منجر به تعداد زیادی درخواست HTTP می شود. این درخواست ها به صورت جداگانه توسط مرورگر بازدیدکننده بررسی می شود و کار وب سایت را کند می کند. اگر تعداد فایل های جاوا اسکریپت و CSS را کاهش دهید، بدون شک سرعت وب سایت شما افزایش می یابد. سعی کنید تمام جاوا اسکریپت را در یک گروه بندی کنید و همچنین این کار را با تمام فایل های CSS انجام دهید. این باعث کاهش تعداد کلی درخواست های HTTP می شود. ابزارهای زیادی برای کوچک کردن سریع فایل های HTML، CSS و جاوا اسکریپت وجود دارد. به عنوان مثال، می توانید از ابزارهای WillPeavy، Script Minifier یا Grunt استفاده کنید.


6. از کش وب سایت استفاده کنید

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

رویکردهای کش کردن وب سایت به پلتفرمی بستگی دارد که وب سایت شما در آن توسعه یافته است. به عنوان مثال، برای وردپرس، می توانید از افزونه های زیر استفاده کنید: W3 Total Cache یا W3 Super Cache. اگر از VPS یا سرور اختصاصی استفاده می‌کنید، می‌توانید کش را نیز تحت تنظیمات عمومی خود تنظیم کنید. در مورد سرور اشتراکی، کش وب سایت معمولاً در دسترس نیست.


7. فشرده سازی Gzip را پیاده سازی کنید

فشرده سازی Gzip یک راه موثر برای کاهش حجم فایل ها است. درخواست های HTTP را به حداقل می رساند و زمان پاسخگویی سرور را کاهش می دهد. Gzip فایل ها را قبل از ارسال به مرورگر فشرده می کند. در سمت کاربر، یک مرورگر فایل ها را از حالت فشرده خارج می کند و محتویات را ارائه می دهد. این روش می تواند با تمام فایل های وب سایت شما کار کند. می توانید Gzip را در وب سایت خود با افزودن چند خط کد یا از طریق ابزاری به نام gzip فعال کنید.


8. بهینه سازی پایگاه داده در CMS

بهینه سازی پایگاه داده یک راه موثر برای افزایش عملکرد است. اگر از یک سیستم مدیریت محتوا (CMS) پر از افزونه های پیچیده استفاده می کنید، اندازه پایگاه داده افزایش می یابد و وب سایت شما کندتر کار می کند. به عنوان مثال، CMS وردپرس نظرات، پست‌های وبلاگ و سایر اطلاعاتی را که حجم زیادی از اطلاعات را اشغال می‌کنند، ذخیره می‌کند. هر CMS به اقدامات بهینه سازی خاص خود نیاز دارد و همچنین دارای تعدادی افزونه خاص است. برای مثال، برای وردپرس، می توانید WP-Optimize را در نظر بگیرید.


9. استفاده از فونت های وب را کاهش دهید

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

از فرمت های مدرن WOFF2 برای مرورگرهای مدرن استفاده کنید.

فقط آن دسته از کاراکترهایی را که در سایت استفاده می‌شوند را شامل شود.

فقط سبک های مورد نیاز را انتخاب کنید


10. خطاهای 404 را تشخیص دهید

خطای 404 به این معنی است که "صفحه یافت نشد". این پیام توسط میزبان به مرورگرها یا موتورهای جستجو ارائه می شود که محتوای قابل دسترسی صفحه دیگر وجود نداشته باشد. برای تشخیص و تصحیح خطای 404 می توانید از ابزارها و افزونه های تشخیص خطا استفاده کنید. همانطور که اشاره کردیم، افزونه های اضافی می توانند بر سرعت وب سایت شما تأثیر منفی بگذارند، بنابراین توصیه می کنیم منبع را از طریق ابزارهای خارجی برای تشخیص خطا اجرا کنید. به عنوان مثال، Xenu’s Link Sleuth، Google Webmaster Tools (GWT) و 404 Redirected Plugin for WordPress.

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


11. تغییر مسیرها را کاهش دهید

تغییر مسیرهای وب سایت درخواست های HTTP اضافی ایجاد می کند که بر عملکرد تأثیر منفی می گذارد. توصیه می کنیم آنها را به حداقل برسانید یا به طور کامل حذف کنید. ابتدا باید با اجرای اسکن سایت، تمام تغییر مسیرها را در صفحه خود شناسایی کنید. می توانید از Screaming Frog برای شناسایی سریع تغییر مسیرها استفاده کنید. سپس باید بررسی کنید که آیا آنها به یک هدف ضروری عمل می کنند و فقط موارد مهم را رها کنید.


12. از تکنیک های پیش واکشی استفاده کنید

پیش واکشی مستلزم خواندن و اجرای دستورالعمل‌ها قبل از شروع توسط کاربر است. تکنیک نسبتا رایج است. اگر بتوانید اقدامات کاربر را پیش بینی کنید و به عنوان مثال، برخی از محتوا یا پیوندها را از قبل بارگذاری کنید، خوب کار می کند. معمولاً مرورگرهای مدرن به‌طور پیش‌فرض امکان واکشی پیش‌فرض را فراهم می‌کنند زیرا الگوهای رفتاری کاربر را در نظر می‌گیرند. با این حال، متخصصان و مهندسان UX به احتمال زیاد رفتار کاربر را درک می‌کنند و برای مرورگرها برای انجام کارهای واکشی از قبل «نکات» ارائه می‌کنند.

سه نوع اصلی واکشی اولیه وجود دارد:

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

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

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

در حالی که واکشی اولیه مؤثر است، برای ایجاد فرضیات دقیق نیاز به تحلیل عمیق رفتار کاربر دارد.


نتیجه

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

بنابراین، توصیه می کنیم از یک رویکرد ساده و در عین حال موثر بهینه سازی سرعت وب سایت استفاده کنید:

عوامل کلیدی موفقیت وب سایت را با توجه به تبدیل، دیده شدن و قابلیت استفاده بررسی و ارزیابی کنید.

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

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