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

همه ما یک سایت جذاب می خواهیم تا چشم بینندگان کاملاً متحیر و از

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

که منجر به افزایش کلی اندازه صفحات سایت می شود ، که به نوبه خود باعث می شود

صفحات به آرامی در مرورگرها بارگیری شوند.

با پیشرفت تکنولوژی و افزایش پهنای باندی که به کامپیوترها اجازه استفاده داده می شود ،

وب مسترها به طور فزاینده ای به خودشان اجازه می دهند با استفاده از عناصر گرافیکی سنگین ،

سایتهای پیشرفته تری ایجاد کنند. در بدترین حالت ، می توانید سایت هایی را پیدا کنید که

چندین دقیقه طول می کشد تا در مرورگرها بارگیری شود. البته بازدید کنندگان هرگز وقت زیادی

را صرف بارگیری صفحات نمی کنند و در نتایج جستجو به سایت بعدی می روند.

در نتیجه ، چرا وب مسترها هنوز سایتهای با سرعت آهسته طراحی می کنند؟

پاسخ این است که ممکن است آنها با یک فن آوری ساده سازی بهینه گرافیکی آشنا نباشند ،

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

شاید معدود طراحان بدانند که یک گوشه مربع فقط با استفاده از CSS

بدون نیاز به هیچ تصویری قابل دستیابی است. قبل از اینکه متخصصان CSS

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

به درستی نمایش داده نمی شود و یک برنامه نویسی نسبتاً بالایی نیز برای این کار لازم است.

این چیز دیگری است. اکثر اشتباهات طراحی معمول که باعث بهبود آنها می شود ،

می توانند یک راه حل ساده داشته باشند ، دقیقاً مانند یک مثال مربع با گوشه های گرد.

هرگز با تحمیل محدودیت هایی که بر محصول نهایی کار آنها تأثیر می گذارد ،

طراحان وب سایت را در زیر و بیداری قرار ندهید. ممکن است ادعا کنید که انجام

کاری که طراحی وب سایت با برنامه گرافیکی با استفاده از کد می تواند انجام دهد غیرممکن است.

من مخالف این هستم هنگامی که طراحی به پایان رسید و آماده تقسیم به

بخش هایی از تصاویر برای استفاده در کدهای HTML هستید ، مرحله طراحی طرح کامل است.

هر کاری که طراح در این مرحله انجام دهد ، بر اندازه و اندازه صفحه نهایی تأثیر می گذارد.

اگر طراحی شما شامل حجم هایی با گوشه های گرد با هم همپوشانی یا مناطقی است

که از رنگ های شیب استفاده می کنند ، طراح باید آنها را به دقت تقسیم کند

تا اندازه و اندازه آخرین صفحات کوچک باقی بماند.

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

1. قطعات را به اندازه کافی بزرگ انتخاب نکنید که رنگ های مختلف زیادی را در خود جای دهد

برای کاهش تعداد رنگ های استفاده شده از تعداد کمی برش استفاده کنید.

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

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

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