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

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

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

بنده در این آموزش یک سری از نکات کاربردی را به شما عزیران آموزش میدهم

تا بتوانید یک سایت بهینه سازی شده طراحی کنید

1-کش کردن

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

آموزش کش کردن در مرورگر را آموزشی جداگانه برای توسعه دهندگان وب با Asp.Net قرار داده ایم که میتوانید به لینک زیر مراجعه کنید

نحوه کش کردن فایل ها درمرورگر کاربر با mvc

2-استفاده از CDN:

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

نکته: با مراجعه به مقاله زیر میتوانید درباره CDN و نحوه عملکرد آن اطلاعاتی بدست آورید

CDN چیست؟

3-استفاده از سایز های مختلف عکس ها برای پلتفرم های مختلف

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

4-کم کردن حجم عکس ها

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

  • TinyPng:  یک ابزار آماده که می تواند تا حد زیادی بدون کاهش کیفیت حجم آن را کم کند
  • compresspng:  یک ابزار آماده که باستفاده از آن میتوانید حجم عکس را کم کنید
  • Adobe Photoshop: فتوشاپ یک نرم افزار گرافیکی با ابزارهای بسیار زیاد است، یک از ویژگی های فتوشاپ بهینه سازی تصاویر برای وب می باشد برای بهینه سازی تصویر کافیست تا تصویر با فتو شاپ باز کنید و از کلید میانبر Alt+ctrl+shift+s استفاده کنید و بعد از انجام تنظیمات مورد نظر عکس را ذخیره کنیم و در سایت استفاده کنیم.

​شما میتوانید با استفاده از لینک زیر به مقاله بهینه سازی تصاویر با فتوشاپ دسترسی پیدا کنید

بهینه سازی تصاویر با فتوشاپ

​5-فشرده سازی فایل های css و js میباشد

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

برای فشرده سازی فایل های css , js ابزار هایی آماده ای وجود دارد که ما چند نمونه از آن ها را معرفی می کنیم

  • csscompressor: ابزار آماده ای برای فشرده کردن فایل های Css شما با استفاده از این ابزار می توانید با امکانات این سایت css های خود را تا حد زیادی کاهش دهید

  • tools.hostiran.net:  یک ابزار آماده ایرانی که فایل های css را تا حد متوسط کاهش می دهد

  • jscompress:  یک ابزار برای فشرده سازی فایل های js که تا حد زیادی حجم فایل های js را کاهش می دهد

  • javascript-minifier:  یک ابزار حرفه ای برای فشرده سازی فایل های js

6-به حداقل رساندن فایل های css , js در صفحه

برای اینکار میتوانید فایل های css خود را در قالب یک فایل قرار داده و به سایت اضافه کنید و تعداد فایل ها را به حداقل برسانید.همین کارها را برای فایل های js  انجام دهید.با انجام اینکار مرورگر به جای اینکه چندین فایل را لود کند یک فایل را لود می کند اینکار باعث افزایش سرعت سایت میشود  

7-کم کردن سایز عکس با فتوشاپ به جای استفاده از استایل های Css

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

 

 

امیدواریم که این مقاله برای شما مفید بوده باشد.

سؤالات، انتقادات و پیشنهادات خود را در قسمت نظرات با ما در میان بگذارید.


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