من عاشق طراحی و توسعه وب سایت در اوقات فراغتم بودم. یک جا، من همیشه ابزارهای جدید وب را آزمایش می کنم، در نمایه من است. اخیراً شروع به طراحی و کدنویسی وب سایت شخصی دیگری برای یک رویداد کردم و در اینجا چند راه مهم از این تلاش آورده شده است
ابزار
هر زمان که در حال طراحی یا توسعه یک وب سایت هستید، فانوس دریایی دوست عملکرد شماست. این ابزار معیارها و بهترین شیوه های ارزشمند را در اختیار شما قرار می دهد.
کوچک سازی
CDN خوب است اما اگر در حال ساخت یک وب سایت ثابت هستید، توصیه می کنم CSS، جاوا اسکریپت را کوچک کنید و تصاویر را فشرده کنید.
Webp
.webp فرمت تصویری است که به شما فشرده سازی بدون شلی را برای تصاویر شما می دهد. زمان بارگذاری وب‌سایت‌های من پس از انتقال از jpeg,png —> webp 40 درصد افزایش یافت
نکات منابع
سعی کنید از نکات منابع استفاده کنید – پیش بارگیری، واکشی اولیه، اتصال اولیه برای بهبود عملکرد وب سایت خود. این مقاله عالی در Nitropack را بررسی کنید تا متوجه شوید که چه زمانی باید از preload در مقابل prefetch در مقابل preconnect استفاده کنید.
بار تنبل
لود تنبلی تصاویر، فونت ها، iframes (جاسازی)، جاوا اسکریپت، CSS در صورت لزوم و فقط در صورت نیاز. اسناد MDN را بررسی کنید
توییت جاسازی شده:
من یک وب سایت شخصی طراحی و کدنویسی کرده ام و در اینجا چند راه مهم وجود دارد #نخ #CSS #کارایی
— Vidyasagar Machupalli (@vidyasagarmsc) 14 مه 2023
پست های کوتاه
پست های کوتاه دیگر من را بررسی کنید و عشق خود را غش کنید – #پست های کوتاه
