به شرکت طراحی سایت WEBRGB خوش آمدید.
آماده پاسخگویی هستیم: 4334 451 0936

افزایش سرعت لود سایت با بهینه سازی CSS

ارسال شده توسط: در بخش : آموزش بهینه سازی سایت, آموزش طراحی و مدیریت سایت, بلاگ ۲۸ آذر ۱۳۹۱ دیدگاهها: ۰

Cascading Style Sheets به وبسایت شما این امکان را می دهد که بسیار کارامدتر شود چرا که به مرورگرها اجازه می دهد که اطلاعات مربوط را به فرم .css به طور مستقیم ذخیره کنند، خواندن اطلاعات در هز زمان که یک صفحه لود می شود از بین ببرد. حتی اگر Style Sheets به طور طبیعی از جداول HTML شما کارامدتر باشد شما هنوز هم می توانید کدهای CSS را برای داشتن وبسایت تمیزتر و سریع تر بهینه سازی کنید.

در ابتدا سعی کنید که کدهای پراکنده را سر جمع کنید و در کنار هم قرار دهید. به عنوان مثال به جای:

margin-top: 10px;

margin-right: 20px;

margin-bottom: 10px;

margin-left: 20px;

از این استفاده کنید :

margin: 10px 20px 10px 20px;

همچنین به جای:

<p class=”decorated”>A paragraph of decorated text</p>

<p class=”decorated”>Second paragraph</p>

<p class=”decorated”>Third paragraph</p>

<p class=”decorated”>Forth paragraph</p>

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

<div class=”decorated”>

<p>A paragraph of decorated text</p>

<p>Second paragraph</p>

<p>Third paragraph</p>

<p>Forth paragraph</p>

</div>

همچنین شما می توانید از یک ابزار بهینه ساز CSS مانند cleancss.com استفاده کنید. با استفاده از آن می توانید ادغام انتخابگرهای مشابه، حذف ویژگیهای بی فایده، حذف فضاهای خالی و موارد مشابه را برای سایت خود به ارمغان بیاورید.

منبع

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)
VN:F [1.9.22_1171]
Rating: +1 (from 1 vote)

مطالب مرتبط

نظر خود را با سایرین به اشتراک بگذارید!

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *