ویرگول
ورودثبت نام
pooria vakili
pooria vakili
خواندن ۲ دقیقه·۷ ماه پیش

چطور یک وب سایت در lighthouse google بالا ببریم


1)در فایل img حتما چهار چیز را قرار دهید
1)lazy 2)placeholder 3) layout 4)alt
2)در css  تا می توانید منیمایز بنویسید مثلا یک فایل css  مثلا ۵۰۰ خط کد نویسی کردید با node-sass  یا سایت sassmeister کد css  مینیمایز کنید بعد با تیلویند کد css  کوچک کنید که من با این چند کار css  از ۵۰۰ خط به ۱۵۰ خط رساندم
3) از فایل svg  قراردادن در react  جلوگیری کنید چون دو عیب دارد
1) کد 64bit ده هزار خط کد تولید میکند 
2)بعضی جاها path  زیاد استفاده میکنید ونه هزار خط کد نویسی میکنید بهترین حالت این که اون svg  به صورت img  بنویسید
4) کد جاوااسکریپت تا می توانید منیمایز یا کوچک کنید که سرعت performance  سایت بالا بیاد
5) برای سایت هاست حتما لینوکس بگیرید چون ویندوز به دلیل وجود ils  سرعت وب سایت به شدت پایین می اید
6) خود کامپونت به حالت lazycomponent   بنویسید که سرعت speedindex  سایت بالا بیاد
7) به هیچ وجه از هر قسمت سایت خودتان کامپونت جدا ننویسید مثلا من سایت فروشگاهی دارم مثل یک سایت انت دیزاین مثلا هر قسمت مثل modal popup drawer timeline button dropdown tab slider   یک کامپونت بنویسیم من یک پروژه داشتم مثل همین 45 کامپونت درست کرده بود که نصف اش در سایت استفاده نمی کردیم.
8) در سایت اصلا یک عکس کامنت نکنید تو light house  گوگل به شما تذکر میدهد که شما از این عکس درسایت استفاده نکردید و کد کامنت کردید
9) سایت حتما با https  شروع شود و سایت اگه با http  باشد به شما تذکر می دهد
10) هر صفحه حتما title  در بالای صفحه نوشته شود
11)  سایت حتما نمونه pwa  داشته باشد
12) از اتربیوت aria  تامی توانید درسایت استفاده کنید
13) هر صفحه در سایت در link  اصلا noindex nofollow  قرار ندهید
14) از فونت سایزهای بهینه استفاده کنید
15) در سایت برای سيؤ بهتر از تگ meta  استفاده کنید
16) عکس ها باید preload  تا حد ممکن سرعت بالا ببرید
17) حافظه نهان کش یک سایت تا می توانید پاک کنید
18) عرض وارتفاع یک عکس حتما مشخص کنید
19) سایت حتما با استفاده از ربات صفحه اول در گوگل شود
20) از font-display   استفاده کنید تا مخاطب متوجه شود شما درسایت تان از چه فونتی استفاده کردید
21) برای تصویر از object-fit  استفاده کنید که درواقع از aspect ratio  استفاده کرده است

وب سایتlighthouse گوگلhtmlcssjs
front-end developer
شاید از این پست‌ها خوشتان بیاید