در این مقاله دوبست با خطای Specify image dimensions و میزان اهمیت آن آشنا خواهیم شد.

میزان اهمین این اررور و روش رفع این خطا را خواهیم آموخت.

نخست باید به این نکته توجه کنید که این خطا در کمتر سایتی وجود دارد.

رفع آن نیز تاثیر زیادی روی افزایش سرعت سایت و بهبود سئو نخواهد داشت.

روش رفع این مشکل نیز بعضی مواقع به آسانی انجام میگیرد و بعضی مواقع بالعکس.

مختصری درباره‌ی اررور Specify image dimensions

<img src="image.jpg" />

حال مثلالی از یک عکس که چارچوب و ابعاد دارد:

<img src="image.jpg" width="200" height="200" />

به نظر میرسد با مثال بالا کاملا دلیل و روش رفع این مشکل شرح داده شده است.

به زبان دیگر عکس‌های مثال اول باید به عکس‌های مثال دوم تبدیل شوند.

شما حالا می‌توانید این تغییرات را دستی یا با کدنویسی مدنظر خود انجام دهید.

اهمیت و تاثیر رفع این خطا

در زمان بارگذاری وب سایت توسط مرورگر کاربر، ابتدا درخواست‌هایی به سمت سرور ارسال می‌شود.

سپس سرور متناسب با درخواست‌های مرورگر موارد خواسته شده را بارگذاری و وب سایت را برای کاربر نمایش می‌دهد.

درصورتی که ابعاد و چارچوب مشخص برای عکس های سایت تایین شود، رندر عکس‌ها سریعتر و سرعت لود سایت افزایش می‌یابد.

اگر این امر انجام نشود و ابعاد تایین شده با تصاویر اصلی یکی نباشد، مرورگر اول تصاویر را لود و مجدد آن را بارگذاری یا reflows می‌کند.

در عوض با تعیین ابعاد و چارچوب مشخص برای عکس محل قرارگیری عکس و متن در سایت تایین و نیازی به reflows نمی‌باشد.

شاد در بتدای کار و با عکس‌های کم، این افزایش سرعت لود سایت چشمگیر نباشد.

اما زمانی که تعداد عکس‌ها بالاتر رود، افزایش سرعت سایت برای شما کاملا قابل تشخیص می‌شود.

با اینکار مرورگر پیش از رندر کردن عکس توسط CSS از چارچون عکس‌ها آگاه می‌شود.

کار تمام شد

به همین سادگی شما توانستند رفع خطای Specify image dimensions در سایت GTmetrix را بیاموزید.

امیدواریم مقالات دوبست شما در بهبود سئو سایت و افزایش سرعت سایت راهنمایی کرده باشد.

سعی ما افزایش آگاهی شما و کمک در بهبود سئو سایت‌تتان می‌باشد.