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

سرعت صفحه چیست؟

سرعت صفحه اغلب با سرعت سایت که در واقع سنجش سرعت صفحه در نمونه ای از بازدیدهای صفحه بر روی سایت است، اشتباه گرفته می شود. سرعت صفحه را می توان ” زمان بارگذاری صفحه ” (مدت زمانی که طول می کشد تا محتوا به طور کامل بر روی صفحه ای مشخص نمایش داده شود) یا ” زمان دسترسی به اولین بایت ” (مدت زمانی که طول می کشد تا مرورگر اولین بایت اطلاعات را از سرور وب دریافت کند) توصیف کرد.

می توانید سرعت صفحه خود را با PageSpeed Insights Google و یا سایت GTmetrix ارزیابی کنید. دیده بان سرعت صفحه، امتیاز سرعت همراه با داده CrUX (گزارش تجربه کاربر کروم) و گزارش هایی درباره دو معیار مهم سرعت می باشد :
First Contentful Paint (FCP)  و  DOMContentLoaded (DCL).

بهترین روش های سئو بالا بردن سرعت صفحه

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

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

در اینجا برخی از راه های افزایش سرعت صفحه بیان شده است :

امکان فشرده سازی

از Gzip استفاده کنید، نرم افزاری که برای فشرده سازی و کاهش سایز فایل های CSS ، HTML و JavaScript استفاده می شود که سایز آن ها بیش از ۱۵۰ بایت باشد.

از gzip برای فایل های تصویر استفاده نکنید. آن ها را در برنامه هایی مانند فتوشاپ فشرده کنید، جایی که می توانید بر روی کیفیت تصویر نیز کنترل داشته باشید. به بهینه سازی تصویرها در پایین نگاهی داشته باشید.

به حداقل رساندن CSS، JavaScript و HTML

با بهینه سازی کد خود (شامل حذف فاصله ها، ویرگول ها و دیگر حروف غیر ضروری) می توانید سرعت صفحه خود را به طور چشمگیری افزایش دهید. نظرات کد، قالب بندی و کدهای استفاده نشده را حذف کنید. گوگل استفاده از CSSNano و UglifyJS را پیشنهاد می دهد. 

ریدایرکت ها را کاهش دهید

هرگاه صفحه ای به صفحه دیگر تغییر مسیر می دهد، بازدیدکننده شما با معطلی برای طی شدن چرخه درخواست و پاسخ HTTP مواجه می شود. برای مثال اگر الگوی ریدایرکت سیار شما چیزی شبیه این است :
“example.com -> www.example.com -> m.example.com -> m.example.com/home,”
هر کدام از دو ریدایرکت اضافی سرعت بارگذاری صفحه شما را کاهش می دهد.

حذف جاوا اسکریپت رندر کردن-مسدودسازی

مرورگرها باید پیش از این که بتوانند صفحه ای را رندر کنند یک DOM درختی به وسیله تجزیه و تحلیل HTML بسازند. اگر مرورگر شما در طول این فرایند با اسکریپتی مواجه ­شود، باید متوقف شده و پیش از اینکه ادامه دهد آن را اجرا کند.

گوگل پیشنهاد می­دهد که استفاده از مسدودسازی جاوا اسکریپت را به حداقل برسانید و حتی از آن اجتناب کنید.

اهرم ذخیره سازی مرورگر

مرورگرهای اطلاعات زیادی را ذخیره می­‌کنند (استایل شیت ها، تصاویر، فایل های جاوا اسکریپت و غیره …)، بنابراین هنگامی که بازدید کننده ای به وب سایت شما بر می­گردد، نیازی نیست تا مرورگر تمامی صفحه را دوباره بارگذاری کند. از ابزاری مانند YSlow استفاده کنید تا ببینید آیا تاریخ انقضای مشخص شده ای برای قابلیت ذخیره سازی خود دارید یا خیر، سپس آن را برای مدتی تنظیم کنید که می­خواهید این اطلاعات را از منبع ذخیره شده بازخوانی کند. در بسیاری موارد، انتخاب یک سال برای این دوره زمانی معقول است، مگر اینکه طراحی سایت شما تغییر کند. گوگل اطلاعات بیشتری را در این مورد در اختیار شما قرار می­‌دهد.

بهبود زمان پاسخ سرور

زمان پاسخ سرور شما تحت تاثیر ترافیکی که دریافت می‌­کنید، منابعی که هر صفحه استفاده می­‌کند، نرم افزاری که سرور شما استفاده می­‌کند و راه حل میزبانی که استفاده می­‌کنید، می‌­باشد. برای بهبود زمان پاسخ سرور خود مشکلات اجرایی مانند پایگاه داده کم سرعت، مسیریابی آهسته یا کمبود حافظه را بررسی کرده و این موانع را رفع نمایید. زمان پاسخ سرور بهینه زیر ۲۰۰ میلی ثانیه است. اطلاعات بیشتر درباره بهینه سازی زمان دسترسی به اولین بایت را در اینجا کسب کنید.

از یک شبکه توزیع محتوا استفاده کنید

شبکه های توزیع محتوا(CDNs)، که همچنین شبکه های تحویل محتوا نیز نامیده می شوند، شبکه هایی از سرورها هستند که بار محتوای تحویل داده شده را توزیع می­‌کنند. اساساً کپی های سایت شما در مراکز داده متنوعی از لحاظ جغرافیایی ذخیره می­‌شوند تا کاربران دسترسی سریع­تر و معتبرتری به سایت شما داشته باشند.

بهینه سازی تصاویر

مطمئن شوید که سایز تصاویر شما بیش از چیزی که باید باشد نیست و از فرمت درستی برای این فایل ها استفاده می­‌کنید (فرمت PNG برای گرافیک­‌هایی که دارای کمتر از ۱۶ رنگ هستند و فرمت JPEG برای عکاسان بهتر است). همچنین مطمئن شوید که تصاویر شما برای وب فشرده‌­سازی شده‌­اند.

از جادوهای CSS برای ایجاد قالبی برای تصاویر خود استفاده کنید که غالباً آن ها را در سایت به کار می برید، مانند دکمه­‌ها و آیکون­‎‌ها. جادوهای CSS تصاویر شما را تبدیل به یک تصویر بزرگ می کنند و همه را همزمان بارگذاری می کنند (که این به معنای درخواست­‌های کمتر HTTP است) و سپس فقط بخش‌­هایی را که شما می­‌خواهید نمایش می‌­دهند. این بدان معناست که زمان بارگذاری را با منتظر نگذاشتن کاربران برای بارگذاری‌های متعدد، ذخیره می­‌کنید.


به خواندن ادامه بده