9 روش سریع برای بهبود سرعت بارگذاری ØµÙØÙ‡
کاربران امروزی انتظار دارند Ú©Ù‡ یک وب سایت به سرعت بارگذاری شود Ùˆ آنهایی Ú©Ù‡ این کار را انجام نمی دهند Ø§ØØªÙ…الاً پیامدهای منÙÛŒ را در نتیجه تجربه خواهند کرد. گروه آبردین تØÙ‚یقاتی را انجام داد Ú©Ù‡ نشان داد تاخیر یک ثانیه‌ای در زمان بارگذاری ØµÙØÙ‡ØŒ 11 درصد بازدید کمتر از ØµÙØÙ‡ØŒ 16 درصد کاهش در رضایت مشتری Ùˆ 7 درصد کاهش در تبدیل را به همراه دارد. Ú¯ÙˆÚ¯Ù„ همچنین نشان داده است Ú©Ù‡ سرعت بارگذاری سایت یکی از سیگنال هایی است Ú©Ù‡ الگوریتم آن برای رتبه بندی ØµÙØØ§Øª Ø§Ø³ØªÙØ§Ø¯Ù‡ Ù…ÛŒ کند.
از آنجایی Ú©Ù‡ وب سایت ها همچنان به تکامل خود ادامه Ù…ÛŒ دهند Ùˆ بسیار پیچیده تر Ùˆ پر Ù…ØØªÙˆØ§ Ù…ÛŒ شوند، مهم است Ú©Ù‡ مطمئن شوید وب سایت شما به گونه ای تنظیم شده است Ú©Ù‡ سرعت بارگذاری ØµÙØÙ‡ را تا ØØ¯ امکان کاهش دهد. Ùˆ در ØØ§Ù„ÛŒ Ú©Ù‡ عوامل متعددی بر سرعت بارگذاری ØµÙØÙ‡ تأثیر می‌گذارند - Ú©Ù‡ بسیاری از آنها به Ú©Ù…Ú© یک شریک توسعه وب ماهر نیاز دارند - چند ترÙند قابل اجرا وجود دارد Ú©Ù‡ می‌تواند تأثیر قابل توجهی در کاهش سرعت بارگذاری ØµÙØÙ‡ داشته باشد.
1. تصاویر و ویدئو را بهینه کنید
برخی از بزرگ‌ترین عواملی Ú©Ù‡ باعث Ø§ÙØ²Ø§ÛŒØ´ زمان بارگذاری ØµÙØÙ‡ وب شما می‌شوند، تصاویر Ùˆ ویدیو هستند، زیرا بخش قابل توجهی از اندازه Ú©Ù„ÛŒ ØµÙØÙ‡ را اشغال می‌کنند. Ùˆ دو عامل متمایز مربوط به تصاویر Ùˆ ویدیو وجود دارد: اندازه هر دارایی جداگانه Ùˆ تعداد Ú©Ù„ دارایی‌هایی Ú©Ù‡ در هر ØµÙØÙ‡ معین بارگذاری می‌شوند. پرداختن به هر دوی این عوامل بسیار مهم است.
اندازه ÙØ§ÛŒÙ„ تمام دارایی های رسانه را کاهش دهید
اندازه تصاویر خود را به طور مناسب اندازه گیری کنید - ما اغلب دیده ایم Ú©Ù‡ مشتریان اشتباه Ù…ÛŒ کنند Ú©Ù‡ تصاویر 12 مگاپیکسلی را بدون تغییر اندازه اول بارگذاری Ù…ÛŒ کنند. اگر تصویری با عرض 6000 پیکسل قرار است با 500 پیکسل نمایش داده شود، آپلود نکنید. در ØØ§Ù„ÛŒ Ú©Ù‡ شبکیه چشم (2x) مورد توجه قرار Ù…ÛŒ گیرد، مطمئن شوید Ú©Ù‡ اندازه عکس ها مطابق با پارامترهای Ø·Ø±Ø Ø§Ø³Øª.
در صورت امکان از JPG Ø§Ø³ØªÙØ§Ø¯Ù‡ کنید - JPG یک ÙØ±Ù…ت تصویر ÙØ´Ø±Ø¯Ù‡ است Ú©Ù‡ یکپارچگی تصویر را بدون Ø§ØªÙ„Ø§Ù ÙØ¶Ø§ÛŒ غیر ضروری ØÙظ Ù…ÛŒ کند. بنابراین برای اکثریت قریب به Ø§ØªÙØ§Ù‚ برنامه ها، JPG ØªØ±Ø¬ÛŒØ Ø¯Ø§Ø¯Ù‡ Ù…ÛŒ شود. Ùقط زمانی باید از PNG Ø§Ø³ØªÙØ§Ø¯Ù‡ کنید Ú©Ù‡ Ø´ÙØ§Ùیت لازم باشد. به طور Ú©Ù„ÛŒ از TIFF Ùˆ BMP Ø§Ø³ØªÙØ§Ø¯Ù‡ نکنید.
ÙØ´Ø±Ø¯Ù‡ سازی همه عکس ها - ØØªÛŒ عکس هایی Ú©Ù‡ اندازه مناسبی داشته اند همچنان ÙØ§ÛŒÙ„ های بزرگتری از آنچه Ú©Ù‡ باید باشند خواهند بود. مطمئن شوید Ú©Ù‡ همه عکس‌ها ÙØ´Ø±Ø¯Ù‡ شده‌اند، زیرا ÙØ´Ø±Ø¯Ù‡â€ŒØ³Ø§Ø²ÛŒ می‌تواند اندازه ÙØ§ÛŒÙ„ را به میزان قابل توجهی کاهش دهد، بدون اینکه به شدت Ú©ÛŒÙیت تصویر را به خطر بیندازد. در Ø³Ø·Ø Ù¾Ø§ÛŒÙ‡ØŒ می‌توانید از ÙØªÙˆØ´Ø§Ù¾ (یا ابزار تصویر دیگری) با Ø§Ø³ØªÙØ§Ø¯Ù‡ از گزینه «ذخیره برای وب» صادر کنید. ما از Ø·Ø±ÙØ¯Ø§Ø±Ø§Ù† بزرگ Imagify به دلیل ادغام یکپارچه آن با وردپرس هستیم. همچنین بسیاری از ابزارهای ÙØ´Ø±Ø¯Ù‡ سازی تصویر به صورت آنلاین موجود است Ú©Ù‡ Ù…ÛŒ توانید از آنها نیز Ø§Ø³ØªÙØ§Ø¯Ù‡ کنید.
ÙØ´Ø±Ø¯Ù‡ سازی تمام ویدیوها – ویدیو – به خصوص ویدیوی با Ú©ÛŒÙیت بالا – این پتانسیل را دارد Ú©Ù‡ سرعت بالایی داشته باشد. مطمئن شوید Ú©Ù‡ هر ویدیو را با جانبلاغی Ø§Ø³ØªÙØ§Ø¯Ù‡ از ابزار ÙØ´Ø±Ø¯Ù‡ سازی ویدیو مانند Handbrake ÙØ´Ø±Ø¯Ù‡ کنید .
جاسازی با Ø§Ø³ØªÙØ§Ø¯Ù‡ از Ù¾Ù„ØªÙØ±Ù… میزبانی ویدیوی شخص ثالث – همچنین ایده خوبی است Ú©Ù‡ ویدیو را با Ø§Ø³ØªÙØ§Ø¯Ù‡ از یک Ù¾Ù„ØªÙØ±Ù… میزبانی ویدیوی شخص ثالث مانند Vimeo یا Wistia جاسازی کنید تا تأثیر آن بر پهنای باند سرور میزبان شما کاهش یابد.
تعداد Ú©Ù„ دارایی ها را در هر ØµÙØÙ‡ Ù…ØØ¯ÙˆØ¯ کنید
به خاطر داشته باشید Ú©Ù‡ هر Ú†Ù‡ تعداد تصاویر Ùˆ ویدیوهای بیشتری در هر ØµÙØÙ‡ قرار دهید، زمان بیشتری برای بارگذاری آن خواهد داشت. مهم است Ú©Ù‡ از اندازه Ú©Ù„ÛŒ دارایی های هر ØµÙØÙ‡ آگاه باشید. ویژگی‌های وب‌سایت مانند لغزنده (یا چرخ ÙÙ„Ú©)ØŒ ویدیوهای پس‌زمینه، تصاویر بزرگ Ùˆ Ø¨Ø§ÙØªâ€ŒÙ‡Ø§ÛŒ پس‌زمینه ممکن است به وب‌سایت علاقه‌مند شوند، اما سرعت بارگذاری ØµÙØÙ‡ را نیز Ø§ÙØ²Ø§ÛŒØ´ می‌دهند. سعی کنید تعادل سالمی بین زیبایی بصری Ùˆ تجربه کاربر پیدا کنید.
2. از یک پلاگین Ú©Ø´ Ùˆ سرعت ØµÙØÙ‡ Ø§Ø³ØªÙØ§Ø¯Ù‡ کنید
عوامل زیادی وجود دارد Ú©Ù‡ بر سرعت بارگذاری ØµÙØÙ‡ وب سایت تأثیر Ù…ÛŒ گذارد، اما بسیاری از آنها به سادگی ÙØ±Ø§ØªØ± از تخصص یک بازاریاب معمولی هستند. خوشبختانه، Ø§ÙØ²ÙˆÙ†Ù‡â€ŒÙ‡Ø§ یا ماژول‌های Ù…Ùید زیادی (بسته به CMS شما) وجود دارد Ú©Ù‡ می‌توانند در بلند کردن سنگین ÙÙ†ÛŒ Ú©Ù…Ú© کنند. Ú©Ø´ کردن ØµÙØÙ‡ راه دیگری برای Ú©Ù…Ú© به بهبود زمان بارگذاری ØµÙØÙ‡ شما است. ØµÙØØ§Øª ذخیره شده در ØØ§Ùظه پنهان به عنوان نسخه های HTML ایستا از یک ØµÙØÙ‡ خاص ارائه Ù…ÛŒ شوند تا از درخواست های وقت گیر در پایگاه داده وب سایت شما جلوگیری شود. یک ØµÙØÙ‡ وب ذخیره شده در ØØ§Ùظه پنهان بسیار سریعتر بارگیری Ù…ÛŒ شود - در ØØ§Ù„ÛŒ Ú©Ù‡ بار سرور را تا 80Ùª کاهش Ù…ÛŒ دهد. کاربران وردپرس به Ø±Ø§ØØªÛŒ می‌توانند یکی از Ø§ÙØ²ÙˆÙ†Ù‡â€ŒÙ‡Ø§ÛŒ Ù…ØØ¨ÙˆØ¨ ذخیره‌سازی ØµÙØÙ‡ مانند W3 Total Cache را نصب کنند.
یک راه‌ØÙ„ قوی برای سرعت ØµÙØÙ‡ برای وب‌سایت‌های وردپرس مانند WP Rocket نه تنها می‌تواند Ú©Ø´ کردن ØµÙØÙ‡ (جایگزین نیاز به Ø§ÙØ²ÙˆÙ†Ù‡â€ŒØ§ÛŒ مانند W3 Total Cache) را انجام دهد، بلکه می‌تواند روش‌های بهینه‌سازی سرعت ØµÙØÙ‡ دیگر مانند:
ÙØ¹Ø§Ù„ کردن Ú©Ø´ مرورگر
LazyLoading تصاویر و ویدیو
کوچک کردن منابع (HTML، CSS، JS)
ØØ°Ù رشته های پرس Ùˆ جو از منابع استاتیک
ترکیب ÙØ§ÛŒÙ„ ها (Ùونت های Ú¯ÙˆÚ¯Ù„ØŒ CSSØŒ JS)
بهینه سازی پایگاه داده
بارگیری ÙØ§ÛŒÙ„ های CSS به صورت ناهمزمان
بارگیری ÙØ§ÛŒÙ„ های JS به تعویق Ø§ÙØªØ§Ø¯
توجه: در ØØ§Ù„ÛŒ Ú©Ù‡ گزینه های زیادی در راه ØÙ„ های سرعت ØµÙØÙ‡ مانند WP Rocket وجود دارد، توجه داشته باشید Ú©Ù‡ خطرات Ø§ØØªÙ…الی وجود دارد. در صورت مشاهده موارد شکسته بصری در وب سایت خود، گزینه ها را ØºÛŒØ±ÙØ¹Ø§Ù„ کنید.
3. بسته میزبانی وب خود را ارتقا دهید
Ú©ÛŒÙیت بسته میزبانی وب شما Ù…ÛŒ تواند تأثیر قابل توجهی بر سرعت بارگذاری ØµÙØÙ‡ وب سایت شما داشته باشد - Ú†Ù‡ مثبت Ùˆ Ú†Ù‡ منÙÛŒ. به خصوص برای وب سایت های بزرگتر Ùˆ با منابع ÙØ´Ø±Ø¯Ù‡ تر Ùˆ وب سایت هایی Ú©Ù‡ تراÙیک زیادی ایجاد Ù…ÛŒ کنند. در ØØ§Ù„ÛŒ Ú©Ù‡ Ø§Ø³ØªÙØ§Ø¯Ù‡ از یک پلت ÙØ±Ù… میزبانی ارزان، اشتراکی (یا شبکه ای) Ù…ÛŒ تواند وسوسه انگیز باشد، سرمایه گذاری در یک پلت ÙØ±Ù… میزبانی وب VPS با عملکرد بالا، مدیریت شده یا اختصاصی باید در اولویت باشد. این بسته‌ها اغلب از پشته‌های Ùناوری بسیار سریع‌تر Ùˆ همچنین دارای منابع اختصاصی Ùˆ مجموعه‌ای از گزینه‌های مهم برای تنظیم دقیق سرور شما Ø§Ø³ØªÙØ§Ø¯Ù‡ می‌کنند.
سایر نکات برای Ø§ÙØ²Ø§ÛŒØ´ سرعت وب سایت
همانطور Ú©Ù‡ قبلاً Ú¯ÙØªÙ‡ شد، عوامل بسیار زیادی وجود دارد Ú©Ù‡ بر سرعت بارگذاری ØµÙØÙ‡ وب سایت شما تأثیر Ù…ÛŒ گذارد. در ØØ§Ù„ÛŒ Ú©Ù‡ برخی در کنترل شما هستند، بسیاری از آنها به تخصص Ùˆ Ú©Ù…Ú© یک شریک توسعه وب نیاز دارند. در اینجا چندین نکته دیگر برای بهبود سرعت بارگذاری ØµÙØÙ‡ وب سایت شما وجود دارد:
درخواست های HTTP را به ØØ¯Ø§Ù‚Ù„ برسانید - این به سختی توسعه وب Ù…ÛŒ شود، اما کاهش تعداد Ú©Ù„ قطعات ØµÙØÙ‡ وب (مانند تصاویر، اسکریپت ها Ùˆ غیره) Ú©Ù‡ باید بارگذاری شوند، Ù…ÛŒ تواند زمان بارگذاری ØµÙØÙ‡ را کاهش دهد.
ÙØ´Ø±Ø¯Ù‡ سازی Gzip را ÙØ¹Ø§Ù„ کنید - Gzip ØµÙØØ§Øª وب Ùˆ شیوه نامه های شما را قبل از ارسال آنها به مرورگر ÙØ´Ø±Ø¯Ù‡ Ù…ÛŒ کند. این باعث Ù…ÛŒ شود تا اندازه ØµÙØÙ‡ تا 70Ùª کاهش یابد Ú©Ù‡ همچنین Ù…ÛŒ تواند زمان انتقال را به شدت کاهش دهد.
از CDN (شبکه تØÙˆÛŒÙ„ Ù…ØØªÙˆØ§) Ø§Ø³ØªÙØ§Ø¯Ù‡ کنید – Ø§Ø³ØªÙØ§Ø¯Ù‡ از CDN Ù…ÛŒ تواند سرعت سایت شما را با میزبانی ÙØ§ÛŒÙ„ های وب سایت در شبکه بزرگی از سرورها در سراسر جهان بهبود بخشد. این به کاربران امکان Ù…ÛŒ دهد ÙØ§ÛŒÙ„ ها را از سرورهایی Ú©Ù‡ نزدیک به آنها هستند دانلود کنند Ùˆ گسترش پهنای باند زمان بارگذاری ØµÙØÙ‡ را کاهش Ù…ÛŒ دهد.
تنظیمات سرور را پیکربندی کنید - نرم Ø§ÙØ²Ø§Ø± سرور (مانند آپاچی) خارج از جعبه همیشه به اندازه کاÙÛŒ برای عملکرد مطلوب وب سایت پیکربندی نشده است. با ارائه دهنده هاست خود در مورد بهترین روش تنظیم عملکرد ​​سرور خود برای وب سایت Ùˆ سیستم مدیریت Ù…ØØªÙˆØ§ÛŒ خود (CMS) مشورت کنید.