مشخص نمودن ابعاد تصویر در طراحی سایت
در مورد لود شدن سایت و بالا بودن سرعت لود شدن توضیحاتی را در مقالات بخش آموزش طراحی سایت ارائه دادیم که مربوط به مسائل فنی هنگام برنامه نویسی سایت بود. در این قسمت شما را با بخش مدیریت و چند المان دیگر آشنا می کنیم. در مورد سایت باید این نکته را به خاطر داشته باشید که قبل از لود شدن تصاویر مرورگر شما سایت را بارگذاری کرده و به شما ارائه می دهد. در صورتی که برای تصاویر استفاده شده در سایت یک ابعاد واحد و مشخص تعیین کنید باعث می شود که به مرورگر در نمایش آن کمک کنید. در غیر این صورت و اگر اندازه ها را مشخص نکنید این مرورگر است که مجبور می شود پس از لود شدن تصاویر برای چگونگی چیدمان صفحه تصمیم بگیرد. برای اینکه تصاویر را در طراحی سایت خود مشخص کنید و به بالا رفتن سرعت سایت کمک کنید از تگ <img> و مشخصه هایی نظیر width و height بهره ببرید. البته دقت داشته باشید که این مشخصه ها در طراحی سایت برای اندازه تصویر نیست و در صورت کاهش دادن آنها نیز کاربر همان تصویر بزرگ را مشاهده خواهد نمود.
بهینه سازی تصاویر در طراحی سایت
تصاویر و عکس هایی که در سایت استفاده می کنید باید دارای یک سری مؤلفه ها باشد از جمله این که باید حجم آنها متناسب با سرعت اینترنت کاربران باشد و در عین حال کیفیت آنها پایین نیاید. اگر تصاویر استفاده شده کامنت و رنگ های بلا استفاده داشته باشند باید مد نظر قرار بدهید. همچنین فرمت تصاویر نیز اهمیت زیادی دارد و باید سعی کنید تصاویر استفاده شده در طراحی سایت حتماً با فرمت JPEG ذخیره شود. به همین دلیل برای اینکه بتوانید تصاویر را به خوبی بهینه سازی کنید باید مقداری با نرم افزار هایی نظیر فتوشاپ آشنایی داشته باشید. این نرم افزارها ابزارهای مناسبی را برای بهینه سازی تصاویر استفاده شده در طراحی سایت به شما ارائه می دهند. البته کارشناسان سئو سایت پیشنهاد می دهند از سایت هایی که تصاویر را بهینه می کنند نیز استفاده کنید.
اعمال صحیح فایل های جاوا و CSS و JS
اما در ادامه مباحث آموزش طراحی سایت و این بخش که به بهینه سازی تصاویر برای بالا بردن سرعت سایت اختصاص دارد اشاره کنیم به نحوه قرار دادن فایل‌های CSS در بخش <head> قالب که باعث می شود از رندر کردن تکراری و تصاعدی جلوگیری به عمل بیاید. اگر این کار را انجام ندهید لود شدن سایت طول می کشد و تا سایت به صورت کامل لود نشود جز یک صفحه سفید چیزی به کاربران نشان داده نمی شود. رعایت این مسائل هم در کیفیت طراحی سایت و هم در سئو سایت مؤثر می باشد نیز به استاندارد سازی صفحه وب سایت خود مطابق با استانداردهای W3 نیز یاری خواهد رساند.
