من فکر می کنم برای هیچ کس راز نیست که سرعت سایت بر عوامل زیادی تأثیر می گذارد. این نه تنها بر تجربه بازدیدکنندگان در حالی که باید منتظر بارگذاری سایت باشند، بلکه بر بهینه سازی سئو نیز تأثیر می گذارد. موتورهای جستجو از قبل شروع به در نظر گرفتن سرعت سایت در رتبه بندی وب سایت ها کرده اند. بنابراین، هرچه سرعت سایت شما بیشتر باشد، بازدیدکنندگان بیشتری را می توانید از موتورهای جستجو دریافت کنید.
در این مقاله، من 6 نکته برتر در مورد چگونگی بهبود سرعت دانلود یک صفحه وب و به طور کلی سایت را جمع آوری کرده ام.
پس بزن بریم.
تعداد درخواست های HTTP را کاهش دهید
80 درصد از بارگذاری صفحه بر بارگذاری اجزای صفحه متمرکز است: اسکریپت ها، عکس ها، فایل های CSS، فلش. مطابق بامشخصات HTTP/ 1.1 ، مرورگرها به طور همزمان بیش از دو جزء از یک صفحه وب را از یک میزبان بارگذاری نمی کنند. با کاهش تعداد این مولفه ها، تعداد درخواست های HTTP به سرور را کاهش می دهیم و در نتیجه سرعت بارگذاری صفحه را بهبود می دهیم.
اما چگونه می توان تعداد درخواست های سرور را بدون تاثیر بر ظاهر و ظاهر صفحه کاهش داد؟
چندین راه موثر وجود دارد.
- استفاده از CSS Sprites
CSS Sprite یک تصویر ترکیبی است که حاوی چندین تصویر کوچک است که در لحظه مناسب برای عنصر صفحه مورد نظر با استفاده از ویژگی هایی مانند تصویر پس زمینه و موقعیت پس زمینه بریده می شوند. - استفاده از تصاویر درون خطی
تصاویر درون خطی از داده های طرح URL استفاده می کنند: برای جاسازی تصویر در خود صفحه. با جاسازی تصاویر درون خطی در شیوه نامه های خود، درخواست های سرور را کاهش می دهید و اندازه HTML ثابت می ماند.
فایل های CSS را در بالای صفحه قرار دهید
هنگام قرار دادن اتصال به فایلهای CSS در هدر صفحه، صفحه ما به تدریج رندر میشود – ابتدا عنوان، سپس لوگو در بالا و غیره – و به عنوان یک نشانگر عالی از بارگذاری صفحه عمل میکند و تصور کلی از صفحه را ایجاد میکند. وب سایت بهتر
جاوا اسکریپت را در پایین صفحه قرار دهید
با توجه به مشخصات HTTP/ 1.1، اگر تصاویر سایت شما در هاست های مختلف قرار داشته باشند، بیش از 2 بار دانلود موازی دریافت خواهید کرد. و هنگامی که اسکریپت بارگیری می شود، مرورگر هیچ بارگیری دیگری را حتی از میزبان های دیگر شروع نمی کند.
تصاویر خود را بهینه کنید
شما باید تعیین کنید که تصاویر شما باید چه فرمتی داشته باشند. انتخاب فرمت اشتباه تصویر می تواند اندازه فایل را به میزان قابل توجهی افزایش دهد.
- GIF برای تصاویر با چندین رنگ، مانند لوگو، ایده آل است.
- JPEG برای تصاویر دقیق با رنگ های زیاد، به عنوان مثال، عکس ها خوب است.
- اگر به یک تصویر با کیفیت بالا و شفاف نیاز دارید، PNG یک انتخاب عالی است.
شما می توانید تصویر را به دو روش بهینه کنید: استفاده از برنامه ها یا خدمات آنلاین برای فشرده سازی تصاویر. در حالت اول، برای کار با یک برنامه خاص به دانشی نیاز دارید، اما همه می توانند از خدمات آنلاین استفاده کنند. فقط باید تصاویر مورد نظر را دانلود کنید. این سرویس خودش آنها را بهینه می کند و لینک دانلود فایل های فشرده را می دهد.
اندازه تصویر را با استفاده از ویژگی های تگ عرض و ارتفاع یا با CSS تغییر ندهید. این نیز بر سرعت بارگذاری صفحه تأثیر منفی می گذارد. اگر عکسی با ابعاد 500x500 پیکسل دارید و می خواهید آن را در سایتی که به سایز 100×100 پیکسل نیاز دارد قرار دهید، بهتر است اندازه تصویر اصلی را با استفاده از ویرایشگر تصویر فتوشاپ یا هر چیز دیگری تغییر دهید. هرچه وزن عکس کمتر باشد، زمان کمتری برای بارگذاری آن نیاز است.