چگونه نمره 100 عالی Google Lighthouse را در Chrome Dev Tools بدست آوریم

عکس پروفایل نویسنده

@گای تربت

من یک توسعه دهنده و دانش آموز 17 ساله اهل اسکاتلند هستم.

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

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

در حالی که در حال حاضر ، ممکن است بازدید چندانی نداشته باشد ، اما بهینه سازی شده است – امتیازات 100٪ فانوس دریایی ، بارگذاری سریع ، نمایه سازی تقریباً فوری توسط Google ، کل shebang.

پشته فنی مورد استفاده:

  • با NextJS واکنش نشان دهید
  • میزبانی در Vercel
  • یک ظاهر طراحی سفارشی CSS
  • پست های صادر شده از Notion ، با استفاده از ماده خاکستری برای فراداده
  • پیاده سازی API GitHub

من بین ایجاد-واکنش-برنامه و NextJS اختلاف داشتم ، اما به عنوان یک قانون کلی ، CRA برای برنامه های کاملاً یک صفحه عالی است ، در حالی که مورد بعدی برای وب سایت ها مناسب تر است. مزیت استفاده از این میزبانی خارق العاده در Vercel است که به طور خودکار مجدداً در یک تعهد git مجدداً قرار می گیرد.

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

NextJS همچنین رندر سمت سرور را ارائه می دهد ، که برای سطح وب برای وبلاگ ها ایده آل به نظر می رسد ، اما محتوای سایت من …

سئو PBN | خبر های جدید سئو و هک و سرور