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

1. صفحه طولانی را به چند صفحه کوتاه تبدیل کنید.

فایل عکس ها بزرگند و زمان زیادی طول می کشد تا بارگذاری شوند. حال فرض کنید سایت فروشگاهی باشد و برای اینکه فضای زیادی برای عکس ها اشغال نشود بهتر است از گروه بندی استفاده شود.

2.تمام المان های زاید را از صفحه پاک کنید.

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

3.فواصل اضافی مابین کدهای خود را حذف کنید.

تصور نمیکنم پاک کردن فواصل space مابین کدها مسئله ای سخت و درگیر کننده باشد؟ این کار موجب کاهش میزان قابل توجه ی کیلو بایت برای وب سایت شما خواهد شد.

4.کدهای زاید و اضافی را پاک کنید.

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

5. از css برای طراحی خود به جای جدول استفاده کنید.

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

6.فایل های عکس را کم حجم تر کنید.

یکی از روش ها استفاده از crop به جای cut  است. سعی کنید قسمت هایی از عکس را که نمیخواهید حذف کنید. روش دیگر کم حجم کردن عکس برای وب پیج ها تبدیل آن ها به فرمت های کم حجم تر است زیرا کیفیت تصویر (resolution) را کم می کنند. تصویر را تا 72dpi کم کنید زیرا این مقدار کیفیت استاندارد عکس در وب است.

7.از فایل های (JavaScript and XML (AJAX در صفحات وب خود استفاده کنید.

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

8.از اسکریپت های خارجی استفاده کنید.

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

9.طول و عرض تصویر را با tag تعریف کنید.

استفاده از tag طول و عرض به مرورگرها میگوید که دقیقا طول و عرض را چه اندازه قرار دهد که حجم بیشتری را اشغال نکند.

10. از CDN برای محتوای خود استفاده کنید.

تکنولوژی CDN از سرورهای شبکه استفاده میکند برای CACHE کردن محتوای وب سایت و باعث افزایش سرعت بارگذاری می شود. این تکنولوژی به عکس های پر حجم و مالتی مدیا ها اجازه لود شدن سریع را می دهد اما این تکنولوژی برای شرکت ها بسیار پرهزینه خواهد بود.

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

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

در سایت زیر میتوانید انواع مختلف تکنیک های خلاقانه را که با CSS قابل ایجاد است را مشاهده کنید. مانند نوع باز شدن فرم به صورت POP UP، اسکرول لیست،کلید های داخلی و...

http://h5bp.github.io/Effeckt.css/dist

برخی از سایت ها نیز این امکان را می دهد که در تصویری از ویژوال امکان مد نظر خود را انتخاب کنید، تغییرات لازم را روی پارامتر ها و متغیر ها ایجاد کنید و در آخر کد خروجی را تحویل بگیرید.

http://css3generator.com

http://www.css3maker.com

http://www.css3.me

http://css3gen.com

سایت های آموزشی CSS3

سایت هایی هم برای آن دسته از افرادی که علاقه به کد زنی دارند وجود دارد، شما در سایت های زیر میتوانیدآموژش CSS3 را ببیند البته اگر به زبان انگلیسی مسلط هستید!

http://www.w3.org/Style/CSS/learning.en.html

http://www.w3schools.com/css

http://learnlayout.com/no-layout.html

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

http://fa.learnlayout.com