10 روش براى كاهش زمان لود صفحات وب

واضح آرشیو وب فارسی:همشهری: 10 روش براى كاهش زمان لود صفحات وب
كيوان مافي-زمان لازم براى باز شدن صفحات وب از دغدغه‌هاى اصلى صاحبان وب‌سايت‌ها است. اين مقاله را بخوانيد تا با ده روش موثر در ارائه سريع‌تر صفحات آشنا شويد.

1- استفاده از scriptهاى خارجي

اگر مى‌خواهيد از دستورهاى script در صفحات مختلف وب سايت خود استفاده ‌كنيد، بهترين ترفند استفاده از script هاى خارجى است. اين بدان معنى است كه دستورات javascript از منابع ديگرى لود شود.

مثلا:

اين راه كمك مى‌كند تا مرورگر script را ذخيره (cache) كند و بارها و بارها آن را بخواند.

2- كاهش درخواست‌هاى HTTP

فرض كنيد لود هر آيتم به‌روى وب سايت شما حدود دو دهم ثانيه زمان بگيرد. پس اگر سايت شما بطور همزمان 10 عكس لود كند، صرف نظر از اين كه آيتم ها ، استايل شيت، عكس، يا اسكريب باشند زمانى حدود دو ثانيه طول خواهد كشيد. بنابراين بايد تلاش كنيد تا از اين درخواست‌هاى HTTP كاسته شود. مثلا در بخش فوتر سايت كه سهم عكس زياد است بايد با استفاده از روش‌هايى مثل imagemap بخش زيادى از درخواست‌هاى HTTP را كم كنيد.

3- به سايت‌هاى ديگر وابسته نباشيد

اگر به سايت‌هاى ديگر وابسته هستيد مطمئن باشيد كه سرعت لود صفحات شما زياد مى‌شود. اگر وب سايت شما از مولفه‌هاى مختلفى تشكيل شده كه از روى سايت‌هاى ديگر اجرا مى‌شود حتما سرعت لود صفحات كم خواهد شد چون ممكن است سرورهايى كه به آن وابسته‌ايد، درخواست‌هاى HTTP زيادى داشته باشند.

4- بهينه‌سازى عكس‌ها

هميشه از گزينه save for web براى كم كردن حجم عكس‌هاى وب استفاده كنيد. اين گزينه را مى توانيد در برنامه‌هايى مانند فتوشاپ ببينيد.

5- فاصله اضافى را حذف كنيد

منظور از فاصله اضافى در اينجا فاصله‌هاى بلااستفاده اى است كه مابين كدهاى صفحه وجود دارد. حذف كردن تب‌ها و فاصله‌هاى اضافى از كدها يعنى كم كردن بايت‌هاى اضافى كه كاربردى ندارند. حتما اين كار را انجام دهيد و ببيند كه چقدر در زمان لود صفحه شما موثر خواهد بود.

6- استفاده از CSS و بهينه كردن CSS

CSS مى تواند مهم‌ترين تاثير را در زمان لود صفحات داشته باشد. مرورگر مى‌تواند تمامى فرمت‌ها و استايل‌هاى صفحات شما را ذخيره كند و بارها و بارها آنها را نخواند. در ضمن مطمئن شويد كه CSS اى‌ تر و تميز و مرتب داريد. مى‌توان از www.cleancss.com استفاده كرد تا بخش‌هاى شبيه به هم را ادغام، كدهاى بى‌استفاده را شناسايى و فواصل اضافى از بين كدهاى شما را حذف كند.

7- اسلش را فراموش نكنيد

وقتى كاربران به سراغ لينك يا صفحه‌اى خاص مثل اين آدرس بروند www.hamshahrionline.ir/Contact سرور ناگزير از ساختن صفحاتى با اين محتوا است. اما اگر يك (/) به انتهاى آدرس اضافه شود ( www.hamshahrionline.ir/Contact) آنگاه سرور دقيقا مى‌داند چه چيزى مورد درخواست كاربر بوده و در كاهش زمان لود بسيار موثر است.

8- كدام فرمت عكس استفاده شود؟

شما بايد از دو فرمت GIF و PNG براى عكس‌هاى خود استفاده كنيد. فرمت GIF بيش‌تر در مواردى كه از رنگ تخت استفاده شده كاربرد دارد مانند لوگوها و دگمه‌ها. PNG نيز مانند GIF فرمت ساده‌اى است كه از تعداد رنگ‌هاى بيش‌ترى پشتيبانى مى‌كند. JPEG فرمتى است كه بيش‌تر مناسب عكاس‌ها و عكس‌هايى است كه مى‌خواهند رنگ واقعى داشته باشند.

9- از تگ‌هاى عرض و ارتفاع غافل نشويد

تگ‌هاى عرض و ارتفاع براى عكس‌ها بسيار مهم است. اين تگ‌ها براى مرورگر مشخص مى‌كند كه چه فضايى از صفحه به عكس اختصاص دارد و از ابتدا تا زمان لود كامل فضاى كافى براى عكس را كنار مى‌گذارد و با سرعت بيش‌ترى مى‌تواند ساير عناصر صفحه را لود كند. بنابراين هرگز از اين تگ‌گذارى غافل نشويد.

10- استفاده از Cache

استفاده از cache هم از مواردى است كه مى‌تواند در لود سريعتر صفحات كمك زيادى بكند.
جمعه 11 مرداد 1387

این صفحه را در گوگل محبوب کنید

[ارسال شده از: همشهری]

[مشاهده در: www.hamshahrionline.ir]

[تعداد بازديد از اين مطلب: 128]