Reduce the impact of third-party code : اگه ما تو صفحه های سایتمون از منابع بقیه وب سایتها به کارگیری کنیم، مرورگر موقع بارگذاری ورقه می بایست به سرور اونها هم درخواست ارسال کنه تا منابع متبوع رو دانلود و تجزیه کنه. اما تا اینجا از دید GTmetrix مرتکب اشتباه نشدیم. به دلیل آنکه برای استعمال از ابزارهای ارزیابی وب سایت (مثل گوگل آنالیتیکس) یا این که به کار گیری از خدمتهای تبلیغاتی و… بعضی وقتها نیاز داریم اسکریپتهای وب سایتهای دیگه رو در پوشه HTML شیت خودمون قرار بدیم. ولی اگه این کدها main-thread رو بیش تر از حد استاندارد متوقف کنه، از نگاه Lighthouse و متعاقبا GTmetrix غلط محسوب میشه و بایستی براش به آموزش سئو مشهد پندار راه حل باشیم.
Remove duplicate modules in JavaScript bundles : در ورژن پیشین GTmetrix خطایی داشتیم با تیتر Serve resources from a consistent URL که کلام حسابش این بود که منابع یکسان رو از یکسری نشانی متعدد فراخوانی نکنید. از جمله اگه یه عکس رو ۲ توشه با ۲تا نام گوناگون روی سرور آپلود کردیم، در یک شیت نباید این عکس رو از ۲ نشانی فراخوانی کنیم. به دلیل آنکه دراینصورت مرورگر بایستی ۲تا درخواست برای این عکس ارسال کنه و این عکس ۲ توشه دانلود بشه. در فیض مجال بارگذاری برگه آموزش سئو در مشهد ارتقاء پیدا میکنه.
حال این خطای گزارش Structure هم به قضیه مشابهی میپردازه و میگه نباید کدهای یکسان JavaScript رو تعدادی توشه در ورقه به کار گیری کرده باشیم. به ذکر بی آلایشخیس، می بایست کدهای JavaScript که تکراری می باشند رو از کاغذ حذف کنیم.
Remove unused CSS : پوشههای CSS قراره دکوراسیون و ظواهر برگه ما رو گزینش نمایند. بدین ترتیب در طول بار گذاری برگه، مرورگر پیش از اینکه Render کردن رو آغاز کنه می بایست مجموع پوشههای CSS رو دانلود، تجزیه و جاری ساختن کنه. یعنی تا دانلود، تجزیه و اجرای CSS ها تموم نشه، مخاطب هیچ چیزی در برگه مشاهده نمیکنه و حتی First Paint هم جاری ساختن نمیشه. به همین دلیله کهاین فولدرها render-blocking محسوب میشن. پس هرچقدر CSS های غیرضروری و فارغ از استعمال کمتر باشه، سرعت بارگذاری شیت و تجارب کاربری عالی خواهد بود. این خطای Structure هم اشاره بهاین زمینه داره که فولدرهای CSS فارغ از به کار گیری رو حذف کنیم.
Remove unused JavaScript : به طور کامل مشابه به ارور قبل و این توشه درباره پوشههای JavaScript میباشد. مشابه به CSS ها، می بایست پوشههای JavaScript فارغ از به کارگیری رو هم حذف کنیم تا منجر ژرف اندیشی در First Paint نشه.
Replace large JavaScript libraries with smaller alternatives : این ارور گزارش Structure میگه کتابخانههای بلندمرتبه و حجیم JavaScript رو با کتابخانههای کوچکتر و شبیه جایگزین نمائید. کتابخانه جاوا اسکریپت یه پوشه مشتمل بر تعدادی تابع می باشد که به کارگیری از این گویش رو برای بسط دهندگانش شلخیس میکنه. طبیعیه که هرچقدر وسعت کتابخانه JavaScript بیشتر باشه، دانلود و تجزیه و اجرای اون نیاز به فرصت بیشتری داره. یادمون باشه که پوشههای JavaScript خوی render-blocking دارا هستند و تا حد ممکن بایستی فرصت اجرای اونها رو کاهش بدیم.
Serve images in next-gen formats : گشوده هم کلام درباره تصاویر وب سایت است. این خطای Structure در جی تی متریکس اشاره به فرمت عکسهای وب سایت داره. رایجترین فرمت تصاویر آیتم به کارگیری اینک JPEG و PNG میباشند. ولی Lighthouse و GTmetrix فرمتهای نسل نو مثل WebP رو سفارش مینمایند. ولی فرمتهایی مثل JPEG 2000 و JPEG XR هم جزو فرمتهای نسل نو میباشند؛ ولی بیشتر در موردها خاص استعمال میشن و کاربرد محدودتری داراهستند.
برهان مهم سفارش فرمت WebP اینه که با استعمال از این فرمت، تصاویر ما با محافظت کیفیتشون، وسعت کمتری خواهند داشت. در بیشتر موردها به کارگیری از فرمت WebP سبب کاهش وسعت عکس دربین ۲۵ تا ۵۰ درصد میشه. ولی می بایست اعتنا داشته باشیم که اگرچه GTmetrix استعمال از فرمت WebP رو توصیه میکنه، این فرمت بوسیله تک تک مرورگرها پیشتیبانی نمیشه. همینطور ممکنه یوزرها از واپسین ورژن مرورگرهایی کهاین فرمت رو جانبداری مینمایند، به کار گیری نکنند. پس به هرحال استعمال از فرمت WebP هم اختلال خاص خودش رو داره و مثل خیلی از چیزهای دیگه تو این عالم، راندمان ۱۰۰٪ نداره و فارغ از اختلال وجود ندارد.
Serve static assets with an efficient cache policy : این خطای Structure در GTmetrix نو شبیه خطای Leverage browser caching در ورژن پیشین میباشد و هر دوی اونها به مداقه استعمال از کش مطلوب اشاره مینمایند. هر توشه که مرورگر برای بار گذاری کردن ورقه سعی میکنه، بایستی مجموع منابع شیت رو دانلود کنه و به استفاده کننده اکران بده. ولی با به کار گیری از کش (Cache) میشه برخی از پوشههای اثبات کاغذ که همیشه تغییر و تحول نمی کنند رو در خاطر محلی مرورگر ذخیره کنیم. دراینصورت در جايگاه اولیه که استفاده کننده از شیت ما بازدید کنه، این منابع در یاد مرورگرش ذخیره میشن یا این که به اصطلاح کش میشن و در بازدیدهای آینده نیازی وجود ندارد مرورگر برای دانلود این منابع به سرور درخواست ارسال کنه. براین اساس ورقه سریعخیس بار گذاری میشه.
Use a Content Delivery Network (CDN) : این میزان هم جزو مواردیه که از معیارهای پیشین GTmetrix محسوب میشه و در قبلی هم میتونستیم تو سربرگ Yslow این غلط رو مشاهده کنیم. به کار گیری از CDN یکی رویههاییه که سبب ساز میشه درخواستهایی که مرورگر به سرور ارسال میکنه، روی چند سرور توزیع بشه و براین اساس جواب این درخواستها سریعخیس اخذ بشه. هرچند که مزیت مهم استعمال از CDN ارتقاء امنیت وب سایت می باشد؛ البته بهکارگیری CDN سبب seo سرعت هم میشه. اگه دوست دارید درباره CDN داده ها بیشتری بهدست بیارید میتونید نوشتهیعلمی CDN چیست و چه کاربردی داراست که همکارمون آقای اسماعیلی نوشته رو پژوهش نمائید.
برای برطرف کردن این ارور گزارش Structure هم رسیدگی نوشتهیعلمی رفع خطای Use a Content Delivery Network نوشته آقای آریافر توصیه میشه.
Use explicit width and height on image elements : گشوده هم پای عکسها فی مابین میباشد. این ارور منوی Structure اشاره به معین کردن بعد ها عکسها و ولی ویدئوها داره. اگه صفت (Attribute) ارتفاع و پهنا (Height / Width) یا این که حتی یکیاز اونها برای عکس یا این که کلیپ جان دار در برگه معین نشده باشه، سبب ساز میشه مرورگر نتونه اندازه اونها رو تشخیص بده و این میتونه منجر خطای انتقال چینش شیت یا این که همون large layout shifts بشه که برای تجربیات کاربری بسیار بده. اگه نمیدونید large layout shift چیه، کافیه گرد هم آیی ۵ یادگرفتن GTmetrix یعنی نوشتهیعلمی CLS چیست رو پژوهش فرمائید.

خودآگاهی چیست؟