سرعت صفحه چیست؟
سرعت صفحه (Page Speed)، به مدت زمان دانلود کامل محتوای موجود در یک صفحه می گویند.
سرعت صفحه اغلب با سرعت سایت اشتباه گرفته می شود. سرعت همه صفحه ها همان سرعت سایت است. توضیحات دیگری برای سرعت صفحه وجود دارد. مانند:
- page load time یا زمان دانلود صفحه (زمان مورد نیاز برای نمایش کامل در یک صفحه خاص)
- time to first byte یا زمان برای اولین بایت (زمان می برد تا مرورگر شما اولین بایت اطلاعات را دریافت کند)
می توانید با Google PageSpeed Insights به صفحه خود امتیاز دهید. امتیازات سرعتGoogle PageSpeed Insights توسط داده‌های گزارش تجربه کاربران مرورگر کروم و گزارش‌های دو مقیاس مهم DCL و FCP ارائه می‌شود.
بهترین روش سئو
به گفته گوگل، سرعت سایت (سرعت صفحه ها) یکی از عواملی است که الگوریتم ها از آن برای رتبه بندی صفحات استفاده می کنند. سرعت پایین صفحه به این معنی است که موتورهای جستجو می توانند صفحات کمتری را با استفاده از خزنده ها ایندکس کنند و بر رتبه سایت شما تأثیر بگذارند.
سرعت صفحه در بهبود تجربه کاربر نیز نقش دارد. صفحاتی که زمان دانلود طولانی تری دارند، نرخ پرش بالاتر و میانگین زمان کوتاه تر ماندن در صفحه دارند.
چند راه برای افزایش سرعت صفحه
فشرده سازی
از Gzip برای فشرده سازی فایل های بزرگتر از 150 بایت CSS، HTML و جاوا اسکریپت استفاده کنید. از Gzip برای عکس ها استفاده نکنید.
بهینه سازی CSS، JavaScript و HTML
با بهینه سازی کد خود با نجام اقداماتی مانند حذف فاصله، کاما و سایر کارکترهای غیر ضروری، می توانید سرعت صفحه خود را افزایش دهید. همچنین کامنت های کد، قالب بندی و کدهای بی استفاده را حذف کنید. گوگل به شدت توصیه می کند از CSSNano و UglifyJS استفاده کنید.
از تغییر مسیر ها بکاهید.
هر بار که کاربر از صفحه ای به صفحه دیگری هدایت می شود، زمان بیشتری را صرف انتظار برای تکمیل چرخه درخواست و پاسخ HTTP می کند. به عنوان مثال:
example.com -> www.example.com -> m.example.com -> m.example.com/home
هر دو تغییر مسیر اضافی بالا باعث می شود صفحه سایت برای کاربر کندتر دانلود شود.
حافظه کش مرورگر
آنها اطلاعات زیادی (شیت ها، عکس ها، فایل های جاوا اسکریپت و غیره) را در حافظه پنهان ذخیره می کنند تا وقتی بازدیدکننده سایت شما را باز می کند، مرورگر مجبور نباشد کل صفحه را دوباره دانلود کند. از ابزار هایی مثل YSlow استفاده کنید تا ببینید آیا قبلاً برای کش سایت تاریخ منقضی شدن تعیین کرده اید یا خیر. سپس هدر "expires" خود را روی مدت زمانی که می توانید این اطلاعات را در حافظه پنهان ذ خیره کنید، تنظیم کنید. در بسیاری از موارد، یک سال زمان معقولی است طراحی سایت شما دائما تغییر نکند.
زمان پاسخگویی سرور را بهینه کنید!
زمان پاسخگویی سرور شما از میزان ترافیک، منابع هر صفحه، نرم افزار سرور و ... تاثیر میگیرد. برای بهبود زمان پاسخگویی سرور خود، به دنبال کندی‌های سیستم مانند جستجوهای کند پایگاه داده، مسیریابی یا حافظه ناکافی باشید و آنها را برطرف کنید. زمان پاسخگویی بهینه سرور برای سرعت صفحه بهینه زیر 200 میلی ثانیه است.
از شبکه های توزیع محتوا استفاده کنید!
شبکه‌های تولید محتوا (CDN) که به عنوان شبکه‌های تحویل محتوا نیز شناخته می‌شوند، شبکه‌هایی از سرورهایی هستند که برای توزیع محتوا استفاده می‌شوند. اساساً کپی های سایت شما از نظر جغرافیایی در مراکز داده مختلف ذخیره می شود تا کاربران دسترسی سریع تری داشته باشند.
بهینه سازی عکس ها
مطمئن شوید که عکس ها شما بزرگتر از اندازه مورد نیاز نیستند، فرمت فایل برای وب مناسب و فشرده شده است. PNG معمولا برای عکس های گرافیکی 16 رنگ استفاده می شود، در حالی که JPEG برای عکس های معمولی بهتر است.
شما می توانید از CSS sprites برای کاهش درخواست دانلود عکس استفاده کنید.CSS sprites عکس های شما را در یک عکس بزرگ ترکیب می کند تا به یکباره همه آن ها دانلود شوند. (درخواست های HTTP کمتر) این ترفند سرعت صفحه را افزایش می دهد و کاربران را مجبور به دانلود تک تک عکس ها نمی کند.
اگر سوال یا تجربه ای در مورد سرعت صفحه دارید در قسمت نظرات بپرسید.
