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

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


1. استفاده از استایل، ترجیحاً به صورت یک فایل خارجی CSS

2. استفاده از اسکریپت های بیرونی و فراخوانی آن به جای نوشتن توابع اسکریپت در صحفه وب

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

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

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

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

7. حذف فضای خالی میان تگ ها و کدها. البته اگر از ویرایشگر های wysiwyg  استفاده کنید، ممکن است حتی تگ هایی باشد که محتوایی را شامل نمیشود که با حذف آنها نیز کمک زیادی به سرعت نمایش صفحه وب خواهید کرد.

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

9. شاید باور نداشته باشید اما فاکتوری که میتواند به شکل متحیر کننده ای تعیین کننده سرعت صفحه وب شما باشد، عرض و ارتفاع تصاویر و سلول های یک جدول است. با مشخص کردن این خصوصیات میتوانید سرعت نمایش صفحه وب خود را حتی تا 2 یا 3 برابر بالاتر ببرید.

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

11. دقت داشته باشید که در وب جهت نمایش تصاویر از پسوند های gif و jpg و png استفاده کنید. البته png با توجه به ساختارش کاملاً مناسب طراحی صفحات وب است. اما اگر معتقد به استفاده از gif و jpg بودید، حتماً در مورد حجم و کیفیت آنها دقت لازم را داشته باشید.


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

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

ادامه دارد ....

Negar.Int