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

با این حال ، این یک موضوع پیچیده است که تمایل دارد بسیار فنی باشد.

مهمترین مواردی که باید در مورد سرعت صفحه سایت خود درک کنید ، چیست و چگونه می توانید شروع به بهبود کنید؟

برای کمک به شما در پاسخ به این سوالات ، این قسمت محبوب (Whiteboard Friday که در فوریه 2019 منتشر شد) را به اشتراک می گذاریم ، جایی که بریتنی مولر آنچه را که برای شروع باید بدانید مرور می کند.

نحوه بارگیری یک صفحه وب

یک کاربر به یک مرورگر می رود ، وب سایت شما را وارد می کند و یک درخواست DNS     وجود دارد.

این موضوع به ارائه دهنده نام دامنه شما اشاره دارد ، بنابراین شاید GoDaddy ، و این به سرور شما که پرونده های شما در آن قرار دارد اشاره دارد و اینجاست که جالب می شود.

بنابراین DOM شروع به بارگیری همه HTML ، CSS و JavaScript شما می کند. اما به ندرت این مورد همه اسکریپت های مورد نیاز یا کد مورد نیاز برای ارائه یا بارگذاری یک صفحه وب را می کشد.

به طور معمول DOM برای تحقق همه موارد نیاز به درخواست منابع اضافی از سرور شما دارد و این همان جایی است که شروع به کند شدن سرعت سایت شما می کند.

امیدوارم با داشتن چنین نوعی دانش پیش زمینه بتوانیم به برخی از این مسائل کمک کنیم.

مسائلی که می توانند سرعت سایت شما را کم کنند

مقصرترین متهمان کدامند؟

·        اولین و مهمترین آنها تصاویر است. تصاویر بزرگ بزرگترین مقصر بارگیری آهسته صفحات وب هستند.

·        میزبانی می تواند مشکلاتی ایجاد کند.

·        پلاگین ها ، برنامه ها و ابزارک ها ، اساساً هر اسکریپت شخص ثالث نیز می تواند زمان بارگیری را کاهش دهد.

·        موضوع شما و هر پرونده بزرگ دیگری فراتر از آن می تواند سرعت را نیز کاهش دهد.

·        با هدایت مجدد ، تعداد هاپ های مورد نیاز برای رفتن به یک صفحه وب سرعت کار را کاهش می دهد.

·        سپس جاوا اسکریپت ، که در یک ثانیه وارد آن خواهیم شد.

اما همه این موارد می تواند مقصر باشد.

بنابراین ما قصد داریم برخی از منابع ، برخی از معیارها و معنی آنها را مرور کنیم و سپس برخی از راههایی که می توانید سرعت صفحه خود را امروز بهبود ببخشید چیست؟

ابزار و منابع سرعت صفحه

منابع اصلی که در اینجا لیست کرده ام ابزارهای Google و بینش پیشنهادی Google است. من فکر می کنم آنچه در این مورد واقعاً جالب است این است که می بینیم نگرانی آنها تا چه اندازه سرعت صفحه است و واقعاً شروع به تغییر کاربر می کنیم.

به هر حال باید به آن فکر کنیم. اما اولاً و مهمترین ، این مسئله چه تأثیری بر افرادی که به سایت شما می آیند ، دارد و سپس ثانیا ، چگونه می توانیم از مزایای دوگانه Google بهره مند شویم که Google آن را به عنوان کیفیت بالاتر درک کند؟

ما می دانیم که Google یک وب سایت را برای بارگیری در هر مکانی بین دو تا سه ثانیه پیشنهاد می کند. سریع تر ، بهتر است ، بدیهی است.

اما این نوعی از محدوده است. من همچنین به شدت پیشنهاد می کنم از این نظر یک دید رقابتی داشته باشید.

رقبای خود را در برخی از این ابزارها قرار دهید و اهداف سرعت خود را در برابر آنچه در صنعت شما رقابتی است محک بزنید.

من فکر می کنم این یک روش جالب برای پرداختن به این موضوع است.

گزارش تجربه کاربر Chrome

این معیارهای کاربر واقعی Chrome است. متأسفانه ، این فقط برای وب سایت های بزرگ و محبوب در دسترس است ، اما شما داده های بسیار خوبی از آن دریافت می کنید.

این در BiqQuery قرار دارد ، بنابراین برخی از دانش های اساسی SQL مورد نیاز است.

فانوس دریایی

Lighthouse ، یکی از موارد مورد علاقه من ، در Chrome Dev Tools در دسترس است.

اگر در یک صفحه وب هستید و بر روی گزینه Inspect Element کلیک کرده و Chrome Dev Tools را باز می کنید ، در قسمت سمت راست سمت راست و درج عبارت Audit می توانید گزارش Lighthouse را مستقیماً در مرورگر خود اجرا کنید.

چیزی که من در مورد آن دوست دارم این است که مثالهای بسیار مشخصی برای شما به ارمغان می آورد و رفع اشکال می کنید.

یک واقعیت جالب این است که بدانید این به طور خودکار در 3G سریع شبیه سازی شده مشاهده می شود و توجه آنها به کاربران تلفن همراه در 3G است.

من دوست دارم این مورد را به 3G سریع اعمال کنم ، زیرا این فانوس دریایی یک بار واقعی را انجام می دهد.

کمی بیشتر طول می کشد ، اما به نظر می رسد کمی دقیق تر است. خوب است بدانید

بینش سرعت صفحه

Page Speed ??Insights واقعاً جالب است.

آنها اکنون گزارش تجربه کاربر Chrome را در آن گنجانده اند.

اما اگر شما از آن سایت های بزرگ نیستید ، حتی سرعت واقعی صفحه شما را نیز اندازه گیری نخواهد کرد.

این برنامه قصد دارد نحوه پیکربندی سایت شما را بررسی کرده و طبق آن بازخورد ارائه دهد و به آن امتیاز دهد.

فقط یک چیز خوب است که باید از آن آگاه بود. هنوز ارزش خوبی را ارائه می دهد.

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

من نمی دانم عنوان این چیست. اگر چنین کردید ، لطفاً در زیر توضیح دهید اما در testmysite.thinkwithgoogle.com واقع شده است.

این یکی واقعاً جالب است زیرا سرعت موبایل سایت شما را آزمایش می کند. اگر به پایین پیمایش کنید ، مستقیماً آن را به ROI برای تجارت یا وب سایت شما متصل می کند.

ما می بینیم که Google از معیارهای واقعی استفاده می کند و آن را به چند درصد افراد از دست می دهد زیرا سایت شما کند است.

این یک روش درخشان برای جور کردن همه ما است و برای برخی از این پیشرفتها می جنگیم.

Pingdom و GTmetrix محصولات غیر Google یا ابزارهای غیر Google هستند ، اما بسیار مفید نیز هستند.

معیارهای سرعت سایت

بنابراین برخی از معیارها چیست؟

اولین رنگ چیست؟

اولین رنگ اولین رنگ غیر خالی روی صفحه است. این می تواند فقط اولین تغییر پیکسل باشد. این تغییر اولیه اولین رنگ در نظر گرفته می شود.

اولین رنگ محتوایی چیست؟

اولین رنگ محتوایی زمانی است که اولین محتوا ظاهر می شود. این ممکن است بخشی از nav یا نوار جستجو یا هر چیزی باشد که باشد. این اولین رنگ پرمحتوا است.

اولین رنگ معنی دار چیست؟

اولین رنگ معنی دار زمانی است که محتوای اصلی قابل مشاهده است. وقتی به نوعی این واکنش را دریافت می کنید ، "اوه ، آره ، این همان چیزی است که من به این صفحه آمدم" ، این اولین رنگ معنی دار است.

زمان تعاملی چیست؟

زمان تعاملی زمانی است که از نظر بصری قابل استفاده و قابلیت تعامل باشد. بنابراین همه ما به یک صفحه وب رفته ایم و به نظر می رسد که این کار تمام شده است ، اما هنوز نمی توانیم کاملاً از آن استفاده کنیم.

اینجاست که این معیار ارائه می شود. بنابراین چه زمانی برای کاربر قابل استفاده است؟ باز هم توجه کنید که کاربر حتی این معیارها چقدر کاربر محور است. واقعاً واقعاً شسته و رفته.

محتوای DOM بارگیری شد.

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

راه های بهبود سرعت صفحه شما

HTTP / 2

HTTP / 2 قطعاً می تواند سرعت را افزایش دهد. تا چه اندازه ، شما مجبورید به نوعی تحقیق کنید و آزمایش کنید.

از پیش اتصال ، پیش نصب ، پیش بارگیری کنید.

برای سرعت بخشیدن به سایت ، واقعاً جالب و مهم از قبل اتصال ، پیش نصب و بارگیری مجدد را انجام دهید.

مشاهده می کنیم که Google این کار را روی SERP های خود انجام می دهد.

اگر عنصری را بازرسی کنید ، می توانید برخی از URL ها را به عنوان پیش فرض Google مشاهده کنید تا اگر بخواهید روی برخی از این نتایج کلیک کنید ، آن را برای شما سریعتر کند.

به همین ترتیب می توانید این کار را در سایت خود انجام دهید. این به بارگیری و سرعت بخشیدن به روند کمک می کند.

فعال کردن حافظه پنهان و استفاده از شبکه تحویل محتوا CDN

ذخیره سازی بسیار مهم است. قطعاً تحقیق خود را انجام دهید و مطمئن شوید که به درستی تنظیم شده است.

همان CDN ها ، برای سرعت بخشیدن به سایت بسیار ارزشمند است ، اما می خواهید مطمئن شوید که CDN شما به درستی تنظیم شده است. چگونه از (CDN) برای سئو استفاده کنیم؟ 

فشرده سازی تصاویر

ساده ترین و احتمالاً سریع ترین راه برای سرعت بخشیدن به سایت امروز شما فقط فشرده سازی آن تصاویر است.

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

Optimizilla یکی است. حتی می توانید از ابزارهای رایگان در رایانه ، Save for Web استفاده کنید و به درستی فشرده شوید. بهینه سازی سئو تصاویر رو مطالعه کنید.

منابع را کم کنید

همچنین می توانید منابع را کوچک کنید.

بنابراین واقعاً خوب است که از آنچه کوچک سازی ، بسته بندی و فشرده سازی انجام می دهد آگاهی داشته باشید تا بتوانید برخی از این مکالمات فنی بیشتر را با توسعه دهندگان یا هر کسی که در این سایت کار می کند انجام دهید.