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

 

  افزایش سرعت توسط htaccess :

یکی از مشکلاتی که بعد از طراحی وب سایت با آن مواجه می شوید، کاهش سرعت بارگذاری وب سایت است!

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

 

  سرعت سرور:

هر چه سروری که وب سایت شما برروی آن قرار گرفته قویتر و به روزتر باشد طبیعتا سرعت پردازش و پاسخگویی به کاربران افزایش پیدا میکند. وقتی برای وب سایت خود می خواهید هاست تهیه کنید به این مورد توجه کنید!

 

  بهینه سازی کد های قالب:

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

 

  بهینه سازی حجم تصاویر و فایل های گرافیکی:

یکی از شایع ترین موارد افزایش زمان بارگذاری، تصاویر هستند!

به عنوان مثال اگر قرار است در قسمتی از وب سایت خود عکسی در سایز 150*150 پیکسل نمایش دهید نباید عکسی که برای آن آپلود می کنید 800*800 پیکسل باشد!

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

 

  استفاده از کش مرورگر:

کش!

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

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

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

 #Browser Caching
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 month"
ExpiresByType image/jpeg "access 1month"
ExpiresByType image/png "access 1 month"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>

همانطور که مشاهده می کنید برای تصاویر مدت 1 ماه و برای فایل های css نیز 1 ماه در نظر گرفته شده است بقیه موارد نیز گویا است، در آخر نیز برای بقیه موارد به صورت پیشفرض مدت 3 روز در نظر گرفته شده است.

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


همچنین بخوانید...!

تاریخ آخرین بروز رسانی: 2018/05/28

مشاهده : 579 بار

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *