1) بهینه سازی تصاویر
تصاویر از رایج ترین موارد مصرف پهنای باند می باشد بنابراین باید به بهینه سازی آنها پرداخت . اولین راهی برای بهینه سازی تصاویر در طراحی سایت این است که آنها را در مقیاس مناسب به کار ببرید . بسیاری از مدیران سایت از تصاویر بزرگ استفاده کرده و سپس آنها را به وسیله کدهای css کوچک می کنند .در صورتی که مرورگر در این صورت نیز تصاویر در اندازه بزرگ را لود می کند. به عنوان مثال اگر شما یک تصویر 1000 × 1000 پیکسل را با کدهای css به 10 × 10 پیکسل کوچک کنید مرورگر 10 برابر بیش از حد بارگذاری می کند .
همچنین بهتر است ابعاد تصاویر خود را در کدهای خود وارد کنید تا مرورگر قبل از بارگذاری تصاویر اندازه لازم را برای آنها در نظر بگیرد.
چندین ابزار آنلاین رایگان برای فشرده سازی تصویر وجود دارد مانند سایت tinypng.com، که در این سایت می توانید اندازه تصویر خود را به طور چشمگیری بدون از دست دادن کیفیت کاهش دهید .
2) ذخیره سازی مرورگر
چرا بازدید کنندگان سایت شما باید مطالب قبلی سایت شما را در هر بار ورود به سایت مجددا دانلود کنند . فعال کردن ذخیره مرورگر به شما اجازه می دهد برخی از داده ها بر روی کامپیوتر مهمان را به طور موقت ذخیره کنید تا نیازی به صبر کردن برای بارگذاری سایت در هر بار ورود نباشد . مدت زمان ذخیره داده ها بستگی به پیکربندی مرورگر و تنظیمات کش سرور شما دارد .
3) فشرده سازیفعال کردن فشرده سازی مانند قرار دادن وب سایت خود در یک فایل zip می باشد . فشرده سازی به طور چشمگیری می تواند اندازه صفحه را کاهش دهد و در نتیجه موجب افزایش سرعت آن شود.با فشرده سازی می توانید حجم فایل های HTML و CSS خود را 50 تا 70 درصد کاهش دهید .4) بهینه سازی CSS
قبل از اینکه کاربر سایت شما را ببیند کد های css شما دانلود می شود . به همین دلیل کاربر باید مدت زمانی منتظر بماند تا کدها دانلود شوند . بهینه سازی CSS باعث می شود فایل های شما سریعتر دانلود شود، و بازدید کنندگانتان سریعتر به صفحات شما دسترسی پیدا کنند .
بهتر است ابتدا بررسی کنید که آیا شما از تمام کدهای css خود استفاده می کنید اگر نه باید css اضافه را پاک کنید بعد از این مرحله فایل های css خود را بهینه کنید و فضاهای اضافی در بین آنها را حذف کنید.
5) قرار دادن کدهای اسکریپت در پایین صفحه
شما می توانید فایل های جاوااسکریپ خود را بعد از بارگذاری اجزای دیگر صفحه بارگذاری کنید. در این صورت نیازی نیست تا بازدید کننده منتظر بارگزاری فایل های جاوااسکریپ بماند . ساده ترین راه حل این است که کد های جاوااسکریپ خود را در پایین ، قبل از بسته شدن شدن تگ body قرار دهید.
برچسب:
نویسنده: استخدام کار