استخدام PHP Developer/JavaScriptبرای بهینه سازی قالب وردپرس
درباره موقعیت شغلی
درباره شرکت
نوع همکاری
حقوقلطفا قبل از ارسال پیشنهاد، موارد زیر را با دقت مطالعه کنید.
لطفا تمام ایتم های لایت هاوس در موبایل و کامپیوتر سبز شود.
هدف اصلی:
هدف این است که مشکلات گزارش شده در Lighthouse موبایل و دسکتاپ بررسی و تا حد امکان برطرف شوند و امتیاز و شاخص های عملکرد بهبود پیدا کنند.
Lighthouse صفحات زیر قبل و بعد از اصلاحات تست و گزارش شود:
• صفحه اصلی
• صفحات دسته بندی
• صفحات محصولات
• مقالات
• برگه ها
گزارش قبل و بعد از بهینه سازی ارسال شود.
1. CSS های سنگین و بلااستفاده
بر اساس گزارش Lighthouse صفحه اصلی، موارد زیر به ترتیب اولویت بررسی شوند:
• elementor-kit/assets/css/elements/main.css حدود 283KB است. بررسی شود چرا کل فایل در صفحه اصلی لود می شود و آیا امکان استفاده از Critical CSS، حذف CSS بلااستفاده یا لود شرطی وجود دارد.
• wp-includes/css/dist/block-library/style-rtl.min.css حدود 141KB است. اگر استایل های Gutenberg در فرانت اند صفحه مورد نیاز نیست، از لود آن جلوگیری شود.
• nextwoo-builder/assets/css/icon/nx-icon.css حدود 117KB است و Lighthouse حدود 55KB آن را بلااستفاده تشخیص داده است. لود شرطی یا حذف بخش های استفاده نشده بررسی شود.
• Elementor Font Awesome all.min.css حدود 59KB است؛ فقط در صورت نیاز لود شود.
• wp-includes/css/dashicons.min.css حدود 59KB است؛ بررسی شود چرا Dashicons در فرانت اند صفحه اصلی لود می شود.
• Elementor Font Awesome v4-shims.min.css حدود 27KB است؛ در صورت عدم استفاده حذف شود.
Lighthouse حدود 6.46 ثانیه فرصت بهبود از Render-Blocking Requests گزارش کرده است.
• Critical CSS قسمت بالای صفحه تا حد امکان جدا شود.
• CSS های غیر ضروری از Critical Path خارج شوند.
• JavaScript های غیر ضروری Defer یا Delay شوند.
3. JavaScript و مصرف CPU
Lighthouse حدود 3.45 ثانیه زمان اجرای JavaScript گزارش کرده است.
موارد مهم:
• jQuery: حدود 1.83s CPU
• Google Tag / gtag: حدود 1.18s
• Woodmart Swiper: حدود 833ms
• Elementor Slides: حدود 295ms
• Woodmart SwiperInit: حدود 263ms
• Elementor Swiper: حدود 257ms
لطفا بررسی شود کدام یک واقعا برای صفحه اصلی ضروری هستند و موارد غیر ضروری فقط در صفحات مورد نیاز لود شوند.
4. کاهش تعداد درخواست ها
در تست فعلی:
• 172 Request
• 66 فایل JavaScript
• 84 فایل CSS
هدف فقط Minify کردن فایل ها نیست؛ باید تعداد Asset هایی که در Initial Load لود می شوند نیز تا حد امکان کاهش پیدا کند.
بعد از اعمال اصلاحات، Lighthouse موبایل و دسکتاپ مجددا اجرا شود و نتایج با تست فعلی مقایسه شوند.
• Render Blocking: حدود 6.46s فرصت بهبود
لطفا تغییرات را مرحله به مرحله انجام دهید و بعد از هر مرحله تست بگیرید تا مشخص باشد کدام تغییر بیشترین تاثیر را روی LCP و FCP داشته است.
در پایان گزارش Lighthouse قبل و بعد از اصلاحات برای صفحات اصلی، دسته بندی، محصول، مقاله و برگه ها ارائه شود
پشتیبانی
تماس با ما
آدرس:تهران، خیابان پاسداران، بوستان ششم، نبش پایدارفرد، پلاک ۱۰۷، طبقه سوم، واحد ۱۲
ایمیل:info@kardix.com
