اندازه گیری سرعت لود سایت

سرعت صفحه

اندازه گیری سرعت لود سایت

سرعت صفحه تخمین میزان بارگیری سریع ماده در صفحه شما است.

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

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

می توانید سرعت صفحه خود را با PageSpeed Insights Google ارزیابی کنید. امتیاز صفحه Speed Insights Speed اطلاعات مربوط به CrUX (گزارش تجربه کاربری Chrome) را گزارش می کند و در مورد دو اندازه گیری سرعت قابل توجه گزارش می دهد: اولین رنگ محتوا (FCP) و DOMContentLoaded (DCL).

ارتقاء طراحی وب سایت بهترین روش ها

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

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

در اینجا بخشی از رویکردهای بیشمار برای افزایش سرعت آورده شده است:

فشار را تقویت کنید

برای کاهش اندازه سوابق CSS ، HTML و JavaScript که بزرگتر از 150 بایت است از Gzip ، یک برنامه محصول برای فشار اسناد استفاده کنید.

سعی کنید از gzip در اسناد تصویر استفاده نکنید. در عوض ، این موارد را در برنامه ای مانند فتوشاپ بسته بندی کنید که در آن می توانید بر ماهیت تصویر فرمان داشته باشید. "تصاویر پیشرفته" را در زیر مشاهده کنید.

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

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

تغییر مسیرها

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

جاوا اسکریپت مسدود کننده رندر را اخراج کنید

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

Google توصیه می کند فاصله استراتژیک را از و محدود کردن استفاده از مسدود کردن JavaScript محدود کنید.

رزرو برنامه نفوذ

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

زمان واکنش سرور را بهبود بخشید

زمان واکنش سرور شما تحت تأثیر اندازه گیری ترافیکی است که شما می کنید ، دارایی هایی که هر صفحه از آن استفاده می کند ، محصولی که سرور شما از آن استفاده می کند ، و ترتیب تسهیل کننده ای که از آن استفاده می کنید. برای بهبود زمان واکنش سرور ، جستجوی تنگناهای اجرایی مانند سؤالات پایگاه داده متوسط ، هدایت کند یا عدم وجود حافظه کافی و رفع آنها. زمان واکنش سرور ایده آل زیر 200ms است. با به روزرسانی فرصت خود برای اولین بایت آشنا شوید.

استفاده از سازماندهی تخصیص ماده

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

تصاویر را بهبود بخشید

مطمئن باشید که تصاویر شما بزرگتر از آنچه هستند ، نیستند که در طراحی صحیح اسناد هستند (معمولاً PNG برای تصاویر با بیش از 16 رنگ کمتر ترجیح داده می شود در حالی که JPEG معمولاً برای عکس ها بهتر است) و برای وب بسته بندی شده اند.

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

این بدان معنی است که شما با عدم اعتماد مشتری به اینکه تصاویر مختلف پشته می شوند ، وقت خود را صرف می کنید.

ادامه یادگیری

مستندات برنامه نویسان Google: قوانین سرعت صفحه

افزایش سرعت صفحه - نکاتی درباره اقدام SEO و توسعه دهندگان وب

PageSpeed دریافت برنامه های افزودنی برنامه از Google برای Firefox و Chrome برای کمک به شما در تشخیص موضوعاتی که مانع سایت شما هستند.

YSlow این افزودنی Firefox یک چارچوب بازنگری را برجسته می کند تا به شما در درک سریع عملکرد سایت شما کمک کند و درک خود را از بهترین راه برای بهبود سرعت سایت شما انجام دهد. باید از Firebug استفاده شود.

WebPageTest.org گزارشی سریع از نحوه عملکرد یک صفحه دریافت کنید.CDNCSS