زمان کنونی: ۰۶ آذر ۱۴۰۳, ۰۷:۱۰ ق.ظ مهمان گرامی به انجمن مانشت خوش آمدید. برای استفاده از تمامی امکانات انجمن می‌توانید عضو شوید.
گزینه‌های شما (ورودثبت نام)

بهینه سازی حجم صفحات سایت

ارسال:
۲۷ مهر ۱۳۹۱, ۱۱:۴۰ ق.ظ
بهینه سازی حجم صفحات سایت
همه ما می خواهیم سایتی جذاب داشته باشیم تا چشمهای بینندگان با دیدن آن کاملا خیره و باز بماند. معمولا طراحی سایتی فوق العاده جذاب، نیازمند بسیاری از المانهای گرافیکی است که منجر به افزایش کلی حجم صفحات سایت می شود که به نوبه خود سبب می شود تا صفحات به کندی در مرورگرها بارگذاری شوند.

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

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

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

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

اجازه دهید نگاهی بر برش موثر و بهینه تصاویر داشته باشیم تا بدانیم اینکار به چه معنایی می باشد:

۱/ تکه ها را بقدری بزرگ انتخاب نکنید که رنگ های مختلف زیادی را شامل شود. از تعداد کمی برش استفاده کنید بطوریکه تعداد رنگ های استفاده شده محدود شوند.

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

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

۴/ چنانچه متنی را در پیش زمینه ای با رنگی ساده دارید، هرگز آن را تکه نکنید. از کدهای html برای رنگ پیش زمینه استفاده کنید. به یاد داشته باشید که نمی توان همزمان هم نوع فوننت و هم رنگ پیش زمینه را با استفاده از CSS تعریف کرد.

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

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

توانایی عشق ورزیدن؛ بزرگ‌ترین هنر جهان است.
۰
۰
یافتن تمامی ارسال‌های این کاربر
نقل قول این ارسال در یک پاسخ


موضوع‌های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  بهترین سایتی که در زمینه خدمات اینستاگرام می شناسید معرفی کنید aynazma ۰ ۱۰۹ ۲۷ شهریور ۱۴۰۳ ۱۲:۳۹ ب.ظ
آخرین ارسال: aynazma
  تصمیم گیری مهم درباره مکان سرور سایت admin ۴ ۴,۸۷۹ ۲۸ دى ۱۴۰۰ ۰۳:۵۹ ب.ظ
آخرین ارسال: mahsa3323
  سایت آموزش زبان H-Arshad ۳ ۴,۶۲۶ ۱۴ اردیبهشت ۱۴۰۰ ۱۱:۴۶ ب.ظ
آخرین ارسال: cyruskingsolomon
  پکیج آموزشی طراحی وب + فارسی سازی وردپرس + سئو Happiness.72 ۶ ۶,۹۱۸ ۱۸ بهمن ۱۳۹۹ ۰۱:۱۵ ب.ظ
آخرین ارسال: saqarmoshtaq
  طراحی سایت ریسپانسیو wikidemy1 ۰ ۱,۸۷۱ ۱۳ دى ۱۳۹۹ ۰۴:۰۱ ب.ظ
آخرین ارسال: wikidemy1
  مرتب سازی سریع تصادفی چیست؟ Xzrix ۰ ۱,۶۱۹ ۱۴ آذر ۱۳۹۹ ۰۷:۲۲ ب.ظ
آخرین ارسال: Xzrix
  درخواست اپلود کتاب یا لینک دانلود کتاب+معرفی سایت دانلود کتاب ریحانه ۱۲۹ ۸۲,۶۸۷ ۱۱ آذر ۱۳۹۹ ۰۸:۳۷ ب.ظ
آخرین ارسال: Ariana2020
  شبیه سازی مقاله Q-Learning kadoos ۱۶ ۱۷,۵۱۱ ۲۵ آبان ۱۳۹۹ ۰۹:۱۹ ب.ظ
آخرین ارسال: nasim.nasim۱
  کتاب شبیه سازی آمنت omnet++ berkeley ۱ ۴,۲۲۱ ۰۴ اردیبهشت ۱۳۹۹ ۱۲:۳۳ ق.ظ
آخرین ارسال: محمد رستمی
  معرفی بهترین سایت دانلود سریال mahanteymori ۰ ۱۵ ۱۳ فروردین ۱۳۹۹ ۰۱:۰۹ ب.ظ
آخرین ارسال: mahanteymori

پرش به انجمن:

Can I see some ID?

به خاطر سپاری رمز Cancel

Feeling left out?


نگران نباش، فقط روی این لینک برای ثبت نام کلیک کن. رمزت رو فراموش کردی؟ اینجا به یادت میاریم! close

رمزت رو فراموش کردی؟

Feeling left out?


نگران نباش، فقط روی این لینک برای ثبت نام کلیک کن. close