"> رفع خطای Specify image dimensions در سایت GTmetrix | طراحی سایت قزوین

رفع خطای Specify image dimensions در سایت GTmetrix

رفع خطای Specify image dimensions در سایت GTmetrix

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

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

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

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

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

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

نام: Specify image dimensions
نوع: عکس
اولویت: متوسط
میزان سختی: راحت
میانگین امتیاز: 97%
رفع خطای Specify image dimensions
رفع خطای Specify image dimensions

معنی و مفهوم خطای image dimensions

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

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

در صورتی که این ابعاد برای عکس‌های سایت مشخص نباشد با خطای Specify image dimensions مواجه خواهیم شد.

در سایت‌ها معمولا تصاویر عضوی جدا نشدنی از عناصر تشکیل دهنده سایت می‌باشند.

این عکس‌ها ویژگی‌های خاصی دارند که یکی از آن‌ها ابعاد و چارچوب مشخص برای عکس در آن صفحه وب می‌باشد.

رفع خطای عیین ابعاد و چارچوب مشخص برای عکس

دیگر معلوم شد که برای رفع این خطا باید ابعاد و چارچوب مشخص برای تصاویر تایین کرد.

به مثال زیر که از در آن ابعاد مشخص نیست توجه کنید:

<img src="image.jpg" />

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

<img src="image.jpg" width="200" height="200" />
تعیین عرض و ارتفاع برای تصاویر
تعیین عرض و ارتفاع برای تصاویر

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

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

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

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

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

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

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

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

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

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

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

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

کار تمام شد

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

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

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

    دیدگاه خود را بیان کنید

    ایمیل شما محفوظ خواهد ماند.*