مهمترین موضوعی که امروزه برای وب مستر ها و صاحبان وب سایت ها از اهمیت ویژه ای برخردار است سرعت بارگذاری سایت می باشد. چرا که سرعت بالای بارگذاری سایت باعث می شود تا بازدید کننده سریعتر به هدف خود برسد.
سرعت وبسایت ها با ورود اینترنت به تلفن های همراه و عرضه گوشی های هوشمند مهم تر هم شده است. از آنجا که تلفن های همراه در بسیاری موارد برای دسترسی به اینترنت از سرعت مناسبی برخوردار نیستند لذا سایت هایی که سرعت بارگذاری آنها بالاتر است شانس بیشتری برای جذب بازدیدکننده دارند.
از سوی دیگر آخرین الگوریتم گوگل یعنی مرغ مگس خوار توجه بیشتری به سرعت بارگذاری سایت ها نموده است و لازم است مدیران وبسایت ها به این موضوع بیش از پیش توجه نمایند.
چگونگی تست سرعت وب سایت:
یکی از راه هایی که میتوانید سرعت وب سایت خود را بررسی نمایید استفاده از وبسایت gtmetrix.com می باشد. نتایجی که این وب سایت پس از بررسی وب سایت شما ارائه میکند میتواند در جهت اتخاذ راهکارهایی برای بهبود سرعت بارگذاری وبسایت موثر باشد. در این وب سایت شما آدرس سایت خود را وارد می کنید و سپس بر روی دکمه GO کلیک نمایید پس مدتی نتیجه بررسی به همراه مدت زمان بارگذاری سایت و اطلاعات مربوط به حجم فایل ها و ... برای شما نمایش داده می شود.
پس از بررسی وب سایت در ستون Grade رتبه بخش های مختلف وبسایت شما نمایش داده میشود که از A تا F درجه بندی شده است و به ترتیب رتبه A بهترین و رتبه F بدترین رتبه می باشد.
تاثیر ابعاد تصاویر در سرعت بارگذاری سایت؟
یکی دیگر از مولفه های بسیار مهم در سرعت بارگذاری سایت مشخص نمودن ابعاد تصاویر می باشد. به طور مثال اگر قرار است یک تصویر با ابعاد 200 در 400 پیکسل نمایش داده شود لزومی ندارد عکسی با ابعاد بیشتر در در وب سایت خود (اعم از محتوا و قالب وبسایت) قرار دهیم. بلکه بهتر است از قبل با یکی از نرم افزارهای ویرایش تصویر مانند فتوشاپ تصویر را به اندازه مورد نیاز تبدیل کرده و در وب سایت قرار دهیم.
نکته دیگری که در این رستا حائز اهمت است تعیین ابعاد تصویر در کد های CSS سایت است که این موضوع به Image Dimension معروف است. وقتی ما ابعاد یک تصویر را با استفاده از قابلیت های موجود در شیوه نامه های آبشاری یا همان css تعیین میکنیم دیگر مرورگر منتظر بارگذاری تصاویر نمیشود بلکه جای آن را خالی گذاشته و متون صفحه وب را بلافاصله نمایش می دهد. قابلیت Image Dimension در وبسایت GTMetrix نیز اطلاعات لازم را در اختیار شما قرار می دهد.
چگونه تصاویر را برای قرارگیری در وب سایت بهینه نماییم:
برای اینکه تصاویر خود را برای قرارگیری در وبسایت بهینه سازی نمایید توجه به چند نکته ضروری است:
- تصاویر خود را در اندازه واقعی که برای وب سایت خود نیاز دارید توسط نرم افزار ویرایش عکس مانند فتوشاپ ویرایش و با تراکم 72 پیکسل بر اینچ ذخیره نمایید.
- تصاویر خود را توسط گزینه ای که در نرم افزار فتوشاپ مخصوص بهینه سازی تصاویر برای وب در نظر گرفته شده است ذخیره نمایید(file – save for web)
- تصاویر خود را ترجیحا با فرمت jpeg و در صورت لزوم با فرمت png یا gif ذخیره نمایید.
ذکر این نکته نیز خالی از لطف نیست که تصاویر jpg از ترکیب رنگ بالاتری نسبت به تصاویر png برخوردار هستند ولی در مواردی که نیاز به استفاده از قابلیت فرمت png یعنی شفافیت اطراف تصویر داریم لازم از از این فرمت استفاده نماییم. برای کاهش حجم تصاویر png به بهترین شکل ممکن میتوانیم از سایت هایی مانند compresspng.com استفاده کنیم. در این وب سایت می توانیم تصویر خود را آپلود و تصویر بهینه سازی شده را تحویل بگیریم.
در پایان:
در پایان لازم به ذکر است که موارد دیگری نیز در افزایش سرعت بارگذاری یک وبسایت موثر است که از آن جمله می توان به فشرده سازی فایل های جاوا اسکریپت و css اشاره نمود.
چنانچه شما از سیستم مدیریت محتوای جوملا برای مدیریت وب سایت خود استفاده می کنید میتوانید از منوی سایت و زیر منوی تنظیمات کلی و تب سیستم گزینه فشرده سازی Gzip را فعال نمایید تا این کار نیز توسط سیستم برای شما انجام شود.
البته توجه داشته باشید که مدیر سرور شما باید امکان Gzip را در سرور فعال نموده باشد تا این قابلیت به درستی کار کند.
میتوانید سوالات و مشکلات خود را در بخش نظرات مطلب مطرح نمایید.
امیدواریم این مطلب نیز برای شما و کارهایی که انجام می دهید موثر بوده باشد.
