صفر تا صد سئو | درس چهاردهم: بهینه سازی سرعت سایت (قسمت چهارم)

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

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

[su_heading]بخش سوم: سئوی کدها (CSS, JAVA) و تصاویر[/su_heading]

فاکتور اول: ابعاد تصویر را مشخص کنید

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

برای رفع این مشکل پیشنهاد می کنیم از کدهای height و width در تگ <img> استفاده کنید. البته دقت کنید که این کدها را برای تغییر ابعاد تصاویر به کار نبرید چرا که کاربران حتی در آن حالت نیز تصویر را با حجم اصلی مشاهده می کنند. اگرچه برخی به اشتباه این کدها را برای تغییر ابعاد نمایش تصویر در سایت استفاده می کنند اما کاربرد اصلی این کدها برای تعیین ابعاد تصاویر است و نه تغییر ابعاد آنها.

فاکتور دوم: تصاویر را بهینه سازی کنید

ذخیره تصاویر با کمترین حجم یکی از موثرترین روش های کاهش حجم و افزایش سرعت بارگذاری وب سایت است. سعی کنید تصاویر را با فرمت JPEG و با تکنیک Save for web در فتوشاپ ذخیره کنید. در این حالت اعمال محدوده رنگی خاص روی تصاویر موجب افت حجم بدون افت کیفیت خواهد شد.

علاوه بر فتوشاپ ابزار های آنلاین دیگری نیز وجود دارند که می توانند در این کار به شما کمک کنند. لازم است عبارت online image optimizer را در گوگل جستجو کنید تا لیست بهترین ابزارهای آنلاین در این زمینه برای شما نمایش داده شود. کار با این ابزارها بسیار ساده است. کافیست تصویر یا تصاویر مورد نظر خود را در آنها آپلود کنید تا همان تصاویر را با حداکثر کاهش حجم بدون افت کیفیت در اختیار شما گذاشته شود.

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

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

فاکتور سوم: کدهای CSS و JAVA را در قسمت مناسب قرار دهید

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

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

جمع بندی

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

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