نخستین باری که مشتری با سایتی به‌شدت کند به من مراجعه کرد، ذهنم بلافاصله سراغ افزونه‌های سنگین و قالب ضعیف رفت. اما پس از دو ساعت بررسی، مقصر اصلی در کتابخانه رسانه پیدا شد: تصاویری با ابعاد ۴۰۰۰ پیکسل که به‌صورت خام آپلود شده بودند و مرورگر موبایل مجبور بود همان فایل عظیم را دانلود و در ابعاد کوچک رندر کند. آن روز برای من نقطه عطفی بود؛ از آن پس، تنظیمات رسانه وردپرس را به‌عنوان یکی از سه ستون سرعت و سئو در نظر می‌گیرم، در کنار قالب و هاست.

چرا تنظیمات رسانه، ستون پنهان سرعت است؟

در پروژه‌های وردپرسی، تصاویر معمولاً بزرگ‌ترین بخش از حجم صفحه را تشکیل می‌دهند. مطالعاتی که روی گزارش‌های عملکرد سایت‌های واقعی انجام داده‌ام نشان می‌دهد که بین ۵۰ تا ۷۰ درصد حجم بارگذاری صفحه، مربوط به تصاویر است. این عدد در سایت‌های آموزشی و فروشگاهی که تصاویر پرتعداد دارند، حتی بالاتر می‌رود. یعنی اگر تنها بخش رسانه سایت را بهینه کنید، بدون دست‌زدن به قالب یا افزونه، بخش بزرگی از مشکلات سرعت حل می‌شود.

اما این ماجرا فقط سرعت نیست. تصاویر با نام فایل، متن جایگزین و ساختار URL خود، سیگنال‌های مهمی به گوگل می‌فرستند. اگر با نقش تصاویر در سئو آشنا نیستید، پیشنهاد می‌کنم ابتدا سئوی تصویر چیست و چرا اهمیت دارد را بخوانید. این مقاله مکمل همان است و به لایه پیکربندی می‌پردازد. اگر هم تازه با وردپرس آشنا شده‌اید، وردپرس چیست و چگونه شروع کنیم نقطه شروع درستی است تا نقش کتابخانه رسانه در معماری کلی سایت روشن شود.

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

ساختار Media Library و مدیریت فایل‌ها

Media Library قلب مدیریت فایل‌های سایت است. همه تصاویر، ویدئوها، اسناد PDF و فایل‌های صوتی آپلودشده اینجا نگه‌داری می‌شوند. اما نکته‌ای که اغلب نادیده گرفته می‌شود این است که Media Library در واقع یک نمایشگر روی جدول wp_posts است؛ هر فایل رسانه، یک ردیف از این جدول با نوع attachment است. فهم این نکته، در پروژه‌های بزرگ خیلی کمک می‌کند؛ چون بسیاری از مشکلات رسانه، در واقع مشکلات همین ساختار داده‌ای هستند.

ساختار پوشه‌بندی و پیشوند فایل

وردپرس به‌صورت پیش‌فرض فایل‌های آپلودی را بر اساس ماه و سال در پوشه‌های تو در تو ذخیره می‌کند. مثلاً تصویری که در اسفند ۱۴۰۴ آپلود شود، در مسیری مثل /wp-content/uploads/2026/03/ قرار می‌گیرد. این ساختار را تغییر ندهید. یکی از رایج‌ترین خطاها در مهاجرت‌ها، تغییر این الگو است که منجر به شکستن لینک تصاویر می‌شود و بازگردانی‌اش سخت است.

اما در کنار پوشه‌بندی پیش‌فرض، یک قاعده نام‌گذاری فایل برای هر پروژه تعریف کنید. نام فایل معنادار، نه تنها برای سئو مفید است، بلکه در بازبینی‌های آینده به شما کمک می‌کند فایل‌ها را سریع‌تر پیدا کنید. روند پیشنهادی من: نام برند + موضوع + شماره تصویر + ابعاد، همه با حروف کوچک و خط تیره. برای هماهنگی بیشتر، این ساختار را با یک الگوی یکپارچه در کل سایت رعایت کنید. اگر با ساختار پوشه‌بندی قالب خود کار می‌کنید، در راهنمای وردپرس برای مبتدیان توضیحات بیشتری درباره تفکیک لایه‌ها هست.

مدیریت رسانه در فهرست پیشخوان

در پیشخوان، صفحه Media امکان فیلتر، جستجو و مدیریت گروهی فایل‌ها را می‌دهد. اگر با ساختار پیشخوان آشنا نیستید، آشنایی با پیشخوان وردپرس برای مبتدیان مسیر رسیدن به این بخش را نشان می‌دهد. از ابزارهای مهم این صفحه، امکان حذف دائمی (Permanently Delete) است که فایل را از سرور نیز پاک می‌کند. نکته مهم: حذف یک فایل رسانه از Media Library، ارجاع آن در نوشته‌ها و برگه‌ها را حذف نمی‌کند. اگر تصویری در پستی استفاده شده باشد و شما آن را حذف کنید، در نوشته یک جای خالی ظاهر می‌شود.

مدیریت فایل‌های یتیم

در سایت‌های چند ساله، معمولاً ده‌ها یا صدها فایل وجود دارد که دیگر در هیچ محتوایی استفاده نمی‌شوند. این فایل‌های یتیم، فضای هاست را اشغال می‌کنند و در بکاپ، حجم غیرضروری تولید می‌کنند. ابزارهای افزونه‌ای برای یافتن این فایل‌ها وجود دارد، اما یک هشدار جدی: پیش از هر پاکسازی گروهی، بکاپ کامل بگیرید. اگر به‌اشتباه تصویری را حذف کنید که در پستی بوده، بازگردانی فقط با بکاپ ممکن است.

Settings وردپرس و تنظیمات اختصاصی Media

تب Media در Settings، سه تنظیم اصلی دارد که هر یک اثر مستقیمی روی سرعت و کیفیت سایت می‌گذارد. اولین گزینه، Organization of the uploads folder است که همان‌طور که گفتم بهتر است روی پیش‌فرض ماه و سال بماند. دو گزینه دیگر مربوط به ابعاد تصاویر تولیدشده است.

ابعاد Thumbnail، Medium و Large

وردپرس هنگام آپلود هر تصویر، سه نسخه اضافه می‌سازد: Thumbnail (پیش‌فرض ۱۵۰×۱۵۰)، Medium (پیش‌فرض ۳۰۰×۳۰۰) و Large (پیش‌فرض ۱۰۲۴×۱۰۲۴). این سه سایز، در تابع the_post_thumbnail() و نمایش‌های مختلف قالب استفاده می‌شوند. اگر قالب شما سایز سفارشی تعریف کرده باشد، آن سایز هم به این فهرست اضافه می‌شود.

تصمیم درست درباره این ابعاد، به قالب بستگی دارد. برای سایت‌های مدرن که از تکنیک‌های تصویر ریسپانسیو استفاده می‌کنند، بهتر است تعداد سایزها را متناسب با نقاط شکست قالب تنظیم کنید. مثلاً اگر قالب شما در موبایل عرض ۷۶۸ و در دسکتاپ ۱۲۰۰ پیکسل دارد، بهتر است سایز Medium را روی ۷۶۸ و Large را روی ۱۲۰۰ تنظیم کنید. این هماهنگی، از تولید فایل‌های اضافی و بارگذاری بیهوده جلوگیری می‌کند. اگر با مفهوم نقاط شکست و تصاویر ریسپانسیو آشنا نیستید، تصاویر ریسپانسیو چیست و چه مزیتی دارد را حتماً ببینید.

تصویر بندانگشتی در اندازه دقیق

گزینه آخر در Settings > Media، به‌صورت پیش‌فرض فعال است و می‌گوید تصویر Thumbnail به‌صورت برش دقیق تولید شود. اگر این گزینه را خاموش کنید، تصویر Thumbnail نسبت ابعادی اصلی خود را نگه می‌دارد. تصمیم به این بستگی دارد که آیا در قالب، جایگاه‌های مربعی برای تصاویر بندانگشتی تعریف شده یا نه. در بیشتر قالب‌های مدرن، این گزینه فعال است و نیازی به تغییر ندارد.

تنظیمات آپلود حداکثر ابعاد

یکی از تنظیمات پرکاربردی که در Settings نیست اما در Media Library وجود دارد، تعیین حداکثر ابعاد قابل آپلود است. اگر قصد دارید تصاویری با ابعاد بیشتر از ۲۵۶۰ پیکسل آپلود نکنید، می‌توانید در قالب یا افزونه این محدودیت را اعمال کنید. این تنظیم، از آپلود تصاویر غول‌پیکر جلوگیری می‌کند و کتابخانه رسانه را سبک نگه می‌دارد.

تنظیمات رسانه، نه یک بار برای همیشه، بلکه در هر پروژه بر اساس قالب و مخاطب متفاوت تعریف می‌شود.

سایزهای تصویر: تعریف، کاربرد و بازتولید

در وردپرس، دو نوع سایز تصویر وجود دارد: سایزهایی که هسته تعریف می‌کند و سایزهایی که قالب یا افزونه با تابع add_image_size() اضافه می‌کند. سایزهای هسته، همان Thumbnail، Medium و Large هستند. سایزهای سفارشی، معمولاً در فایل functions.php قالب تعریف می‌شوند و در نمایش آرشیو، تک‌پست و ویجت‌ها استفاده می‌شوند.

سایزهای سفارشی و کاربردشان

قالب‌های مدرن معمولاً چند سایز سفارشی تعریف می‌کنند: سایز Hero برای بنر اصلی، سایز Card برای کارت‌های فهرست، سایز Gallery برای گالری تصاویر. اگر روی پروژه‌ای کار می‌کنید که این سایزها را ندارد و قالب شما از تصویر اصلی استفاده می‌کند، افزودن این سایزها یکی از مؤثرترین اقدامات برای بهبود سرعت است.

اگر با ساختار فایل‌های قالب آشنا نیستید، وردپرس چیست و چگونه شروع کنیم توضیح می‌دهد که فایل functions.php کجاست. همچنین اگر ساختار لایه‌ای قالب را می‌خواهید بشناسید، تصاویر ریسپانسیو چیست و چه مزیتی دارد را ببینید که مکانیزم srcset را توضیح می‌دهد.

تعداد سایزها و حجم هاست

هر سایز اضافه، یک فایل جداگانه در هاست تولید می‌کند. اگر قالب شما ۸ سایز سفارشی تعریف کرده، هر آپلود می‌تواند تا ۱۱ فایل جداگانه بسازد. این عدد در هزار آپلود، به ۱۱۰۰۰ فایل می‌رسد. نتیجه؟ فضای هاست پر می‌شود و در زمان مهاجرت یا بکاپ، انتقال طولانی می‌شود.

قاعده سرانگشتی من: بیش از ۵ تا ۶ سایز سفارشی در یک قالب، معمولاً نشانه طراحی غیربهینه است. ابتدا ببینید کدام سایزها در فرانت‌اند واقعاً استفاده می‌شوند و بقیه را حذف کنید. اگر نمی‌دانید کدام سایز در کجا استفاده می‌شود، می‌توانید سایزها را موقتاً غیرفعال کنید و سایت را بررسی کنید.

تصاویر ریسپانسیو و srcset

تصویر ریسپانسیو، یک ویژگی مرورگرهای مدرن است که به مرورگر اجازه می‌دهد از بین چند نسخه از یک تصویر، مناسب‌ترین نسخه را برای صفحه و دستگاه کاربر انتخاب کند. وردپرس از نسخه ۴.۴ به بعد، به‌صورت پیش‌فرض این ویژگی را با اضافه کردن صفت‌های srcset و sizes به تگ img پیاده می‌کند.

مکانیزم کار این است: وردپرس همه سایزهای موجود از یک تصویر را در srcset قرار می‌دهد و با صفت sizes به مرورگر می‌گوید هر نسخه در چه عرضی از صفحه استفاده می‌شود. مرورگر با توجه به عرض پنجره، رزولوشن نمایشگر و سرعت اتصال، مناسب‌ترین فایل را دانلود می‌کند. نتیجه، کاهش چشمگیر حجم بارگذاری در موبایل است.

برای اینکه این مکانیزم درست کار کند، دو شرط لازم است. اول، سایزهای تصویر در Settings > Media با نقاط شکست قالب هماهنگ باشند. دوم، قالب از توابع استاندارد وردپرس برای نمایش تصاویر استفاده کند. اگر قالب شما تصویر را با تگ img خام و بدون srcset چاپ می‌کند، ویژگی ریسپانسیو کار نمی‌کند. بررسی این موضوع با ابزار DevTools مرورگر امکان‌پذیر است؛ در پنل Network می‌توانید ببینید کدام سایز تصویر دانلود شده است.

بحث عمیق‌تر ریسپانسیو، به رابطه آن با Core Web Vitals وصل می‌شود. تصویر بزرگ با lazy-load اشتباه، می‌تواند LCP را به‌شدت خراب کند. برای اینکه بدانید کدام تصویر بیشترین تأثیر را روی LCP دارد، بهینه‌سازی Core Web Vitals در وردپرس را ببینید. و اگر می‌خواهید بدانید چرا حتی یک تصویر سنگین می‌تواند کل امتیاز سایت را پایین بیاورد، تاثیر تصاویر سنگین بر Core Web Vitals تحلیل کاملی دارد.

فرمت‌های تصویر: JPEG، PNG، WebP، AVIF

انتخاب فرمت تصویر، تصمیم پایه‌ای در پیکربندی رسانه است. هر فرمت، ویژگی‌های متفاوتی دارد و انتخاب بین آن‌ها باید بر اساس نوع محتوا باشد، نه بر اساس عادت. اگر می‌خواهید درک دقیقی از تفاوت‌ها داشته باشید، بهترین فرمت تصویر برای وب کدام است مقایسه کاملی ارائه می‌دهد. اما در همین جا خلاصه‌ای کاربردی از تصمیم‌نامه‌ام را می‌گویم.

JPEG: استاندارد بی‌رقیب برای عکس

برای عکس‌های واقعی (محصول، پرتره، منظره)، JPEG همچنان مناسب‌ترین گزینه است. حجم کم و کیفیت قابل قبول با درجه فشرده‌سازی مناسب (بین ۷۰ تا ۸۵)، این فرمت را به انتخاب اول تبدیل می‌کند. در سایت‌های با حجم بالای تصاویر، صرفه‌جویی در حجم JPEG، اثر مستقیمی روی سرعت دارد.

PNG: برای گرافیک‌های تخت

برای لوگو، آیکون، نمودار و گرافیک‌های با رنگ‌های تخت، PNG انتخاب درستی است. اما PNG برای عکس‌های واقعی، حجم بسیار بالاتری نسبت به JPEG تولید می‌کند. اگر روی سایتی با PNG زیاد مواجه شدید، اولین فرصت را برای تبدیل آن‌ها به فرمت‌های مدرن غنیمت بدانید.

WebP: استاندارد جدید وب

WebP، فرمتی است که توسط گوگل توسعه یافته و امروز از پشتیبانی گسترده مرورگرها برخوردار است. این فرمت در مقایسه با JPEG، بین ۲۵ تا ۳۵ درصد حجم کمتر با همان کیفیت تولید می‌کند. تمام سایت‌های جدید من، WebP را به‌عنوان فرمت پیش‌فرض تصاویر دارند. مفهوم فنی WebP در وب به‌عنوان WebP مستند شده است و جزئیات پشتیبانی مرورگرها را می‌توانید در همان‌جا ببینید.

AVIF: فرمت آینده

AVIF نسل بعدی فرمت‌های تصویر است که در مقایسه با WebP، بین ۳۰ تا ۵۰ درصد حجم کمتر تولید می‌کند. اما پشتیبانی مرورگرها (به‌ویژه مرورگرهای قدیمی که در برخی مناطق ایران همچنان استفاده می‌شوند) کامل نیست. تصمیم من: در سایت‌هایی که مخاطب آن‌ها از مرورگرهای مدرن استفاده می‌کند، AVIF به‌عنوان نسخه اصلی و WebP یا JPEG به‌عنوان fallback ارائه می‌شود.

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

فشرده‌سازی و بهینه‌سازی اصولی

فرمت درست، تنها نیمی از کار است. فشرده‌سازی درست، نیم دیگر است. فشرده‌سازی تصویر در دو نوع انجام می‌شود: Lossless (بدون افت کیفیت) و Lossy (با افت قابل قبول). برای اکثر تصاویر وب، فشرده‌سازی Lossy با درجه‌بندی مناسب (مثلاً کیفیت ۷۵-۸۵ برای JPEG) تعادل خوبی بین کیفیت و حجم ایجاد می‌کند.

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

روش دستی فشرده‌سازی، با ابزارهای مختلف و تنظیمات دقیق، برای حجم کمتر مناسب است. راهنمای گام‌به‌گام این کار در چگونه تصاویر سایت را فشرده کنیم پوشش داده شده است. یک نکته عملی: در فشرده‌سازی، همیشه نسخه اصلی را نگه دارید. اگر بعداً تصمیم گرفتید فشرده‌سازی کمتری اعمال کنید، می‌توانید از نسخه اصلی شروع کنید. فشرده‌سازی تکرارشده روی فایل فشرده‌شده، کیفیت را به‌سرعت پایین می‌آورد.

تحویل تصاویر با CDN و کش

پس از تولید و فشرده‌سازی درست تصاویر، مرحله تحویل آن‌ها به کاربر است. اینجا نقش CDN پررنگ می‌شود. CDN، شبکه‌ای از سرورهای توزیع‌شده است که فایل‌های استاتیک سایت را در نزدیک‌ترین سرور به کاربر ذخیره می‌کند و از همان‌جا تحویل می‌دهد. نتیجه، کاهش زمان بارگذاری به‌ویژه برای کاربران دور از سرور اصلی است.

راه‌اندازی CDN در وردپرس، معمولاً از طریق یک سرویس بیرونی و افزونه اتصال‌دهنده انجام می‌شود. مسیر گام‌به‌گام این کار در راه‌اندازی CDN برای سایت وردپرسی آمده است. برای سایت‌های با مخاطب داخلی، CDN داخلی یا ترکیب با کش سرور گزینه‌های مناسبی هستند.

در کنار CDN، نقش کش سرور هم مهم است. اگر تصاویر شما در کش قرار نگیرند، هر بازدیدکننده جدید، دوباره فایل را از سرور اصلی درخواست می‌کند. تنظیم صحیح هدرهای کش HTTP برای فایل‌های تصویر، یکی از گام‌های اصولی است. راهنمای دقیق این تنظیمات در پیکربندی افزونه کش وردپرس آمده است. تجربه من: ترکیب CDN با کش سرور و لایه فشرده‌سازی، می‌تواند تا ۶۰ درصد کاهش زمان بارگذاری تصاویر در موبایل ایجاد کند.

Alt، عنوان و دسترس‌پذیری

متن جایگزین (ALT) یکی از مهم‌ترین و کم‌توجه‌شده‌ترین بخش‌های پیکربندی رسانه است. Alt در واقع توصیف متنی تصویر برای موتورهای جستجو و کاربران نابینا است. اگر تصویر صرفاً تزئینی است، Alt خالی بگذارید. اگر تصویر محتوایی است، توصیف دقیق و طبیعی بنویسید. جزئیات بیشتر در سئوی تصویر چیست و چرا اهمیت دارد با مثال‌های عملی آمده است.

محتوای عنوان و توضیحات

هر فایل رسانه در وردپرس چند فیلد دارد: Title، Caption، Alt Text و Description. عنوان، معمولاً از نام فایل استخراج می‌شود و بهتر است قبل از آپلود، نام فایل را به‌صورت معنادار تنظیم کنید تا عنوان هم به‌دنبال آن اصلاح شود. Caption زیر تصویر نمایش داده می‌شود و در فضای محتوا، توسط گوگل خوانده می‌شود. Description معمولاً در فرانت‌اند نمایش داده نمی‌شود اما در جدول دیتابیس ذخیره می‌شود و می‌تواند برای مدیریت داخلی مفید باشد.

دسترس‌پذیری و نقش Alt

Alt نه‌فقط برای سئو، بلکه برای دسترس‌پذیری (Accessibility) اهمیت دارد. کاربران نابینا که از صفحه‌خوان استفاده می‌کنند، به Alt تصویر وابسته‌اند. اگر Alt خالی بگذارید، صفحه‌خوان آن را نادیده می‌گیرد. اگر Alt مناسب بگذارید، تجربه کاربر آن‌ها بهبود می‌یابد. سازمان‌های حرفه‌ای که استانداردهای دسترس‌پذیری را رعایت می‌کنند، Alt را به‌عنوان بخشی از الزامات پروژه تعریف می‌کنند.

Attachment Pages و صفحات ضمیمه

هر فایل رسانه در وردپرس، به‌صورت پیش‌فرض یک صفحه اختصاصی دارد که به آن Attachment Page می‌گویند. این صفحه معمولاً تصویر را در قالب تک‌پست نمایش می‌دهد. در نسخه‌های قدیمی وردپرس، این صفحات ایندکس می‌شدند و می‌توانستند در نتایج گوگل ظاهر شوند.

مشکل اینجاست که Attachment Pages معمولاً محتوای کمی دارند و از نظر سئو، صفحات نازک محسوب می‌شوند. در سایت‌های بزرگ با کتابخانه پرحجم تصاویر، این صفحات می‌توانند به هزاران صفحه نازک تبدیل شوند و بودجه خزش سایت را هدر بدهند. راه‌حل پیشنهادی من: در افزونه‌های سئو، گزینه Noindex برای Attachment Pages را فعال کنید و در فایل robots.txt هم مسیر را مسدود کنید.

یا جایگزین بهتر، هدایت این صفحات به صفحه والد یا نسخه اصلی تصویر است. این تصمیم در افزونه‌های سئو گزینه‌ای دارد که کاربر را از URL ضمیمه به URL اصلی هدایت می‌کند. اگر با مفاهیم سئوی فنی آشنا نیستید، سئوی تصویر چیست و چرا اهمیت دارد توضیحات بیشتری دارد.

بازتولید Thumbnails پس از تغییر تنظیمات

اگر ابعاد تصاویر را در Settings > Media تغییر دهید، فقط تصاویر جدید بر اساس ابعاد جدید تولید می‌شوند. تصاویر قبلی، ابعاد قدیمی خود را نگه می‌دارند. برای اینکه همه تصاویر با ابعاد جدید بازتولید شوند، از ابزاری به نام Regenerate Thumbnails استفاده می‌شود که یا افزونه‌ای اختصاصی دارد یا بخشی از افزونه‌های بهینه‌سازی است.

دو هشدار جدی در بازتولید Thumbnails: اول، این عملیات منابع سرور را به‌شدت مصرف می‌کند و در سایت‌های با هزاران تصویر، می‌تواند سرور را به سقف CPU برساند. توصیه من: در ساعات کم‌ترافیک اجرا کنید و مراحل را به‌صورت دسته‌ای انجام دهید. دوم، پیش از اجرا، بکاپ کامل بگیرید. اگر در میانه کار، عملیات به‌دلیل خطای سرور قطع شود، ممکن است کتابخانه رسانه در وضعیت نیمه‌کاره بماند.

خطاهای پرهزینه در پیکربندی رسانه

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

خطا پیامد اصلاح
آپلود تصویر با ابعاد اصلی دوربین حجم زیاد و کندی لود در موبایل فشرده‌سازی و تغییر ابعاد پیش از آپلود
نادیده گرفتن Alt Text از دست رفتن ترافیک تصویر در گوگل نوشتن Alt معنادار برای هر تصویر محتوایی
تعریف بیش از حد سایزهای سفارشی پر شدن فضای هاست و کندی بکاپ محدود کردن سایزها به ۴ تا ۶ سایز مؤثر
Index شدن Attachment Pages تولید هزاران صفحه نازک و هدر رفتن بودجه خزش Noindex کردن صفحات ضمیمه در تنظیمات سئو
حذف رسانه بدون بررسی استفاده نمایش جای خالی در محتوا جستجوی ارجاع‌ها پیش از حذف با افزونه‌های تخصصی

یک نکته اضافی از تجربه: بازبینی دوره‌ای کتابخانه رسانه، هر سه ماه یک‌بار، از هر اقدام اصلاحی مقطعی مفیدتر است. در این بازبینی، سه چیز را بررسی می‌کنم: حجم کتابخانه، تعداد فایل‌های بزرگ (بیش از ۵۰۰ کیلوبایت) و تعداد فایل‌های یتیم. همان‌طور که در اشتباهات رایج در بهینه‌سازی تصاویر توضیح داده‌ام، همین بازبینی، نود درصد از مشکلات آینده را پیش از بروز شناسایی می‌کند.

پرسش‌های پرتکرار درباره تنظیمات رسانه

پرسش‌هایی که در جلسات مشاوره و پشتیبانی مرتب تکرار می‌شوند، معمولاً حول تصمیم‌های عملی می‌چرخند.

آیا باید همه تصاویر قبلی را به WebP تبدیل کنم؟

بله، اگر سایت شما حجم بالای تصاویر دارد. تبدیل تصاویر قدیمی به WebP، بدون نیاز به تغییر کد، حجم بارگذاری را ۲۵ تا ۳۵ درصد کم می‌کند. نکته مهم این است که تصویر اصلی را نگه دارید و WebP را به‌عنوان نسخه تحویلی ارائه دهید. این کار با افزونه‌های بهینه‌سازی انجام می‌شود و نیازی به بازآپلود دستی نیست.

آیا باید Thumbnail را غیرفعال کنم؟

اگر قالب شما از Thumbnail استفاده می‌کند، نه. در غیر این صورت، می‌توانید سایز Thumbnail را در تابع قالب غیرفعال کنید یا ابعادش را کوچک نگه دارید تا حجم فایل اضافه تولید نشود.

چرا تصاویر در موبایل به‌صورت تار نمایش داده می‌شوند؟

معمولاً به دو دلیل: اول، سایز مناسب برای نمایشگر High-DPI تولید نشده است. در این حالت، باید سایز بزرگ‌تر تعریف کنید. دوم، فشرده‌سازی بیش از حد اعمال شده. در این حالت، کمی کیفیت را بالا ببرید. در اکثر موارد، تعریف درست سایزهای سفارشی مشکل را حل می‌کند.

آیا CDN برای تصاویر داخلی هم مفید است؟

بله، ولی اثربخشی آن به مخاطب بستگی دارد. اگر مخاطب شما در همان منطقه جغرافیایی سرور است، CDN داخلی می‌تواند کمک کند. اگر مخاطب پراکنده است، CDN بین‌المللی مفیدتر است. توصیه من این است که ابتدا سرعت سایت را با ابزارهای تست اندازه بگیرید و بر اساس نتایج تصمیم بگیرید. راهنمای کامل این تصمیم‌گیری در بهینه‌سازی Core Web Vitals در وردپرس آمده است.

چطور بفهمم کدام تصویر سنگین‌ترین است؟

ابزار DevTools مرورگر، در پنل Network و با فیلتر Img، همه تصاویر صفحه را با حجمشان نشان می‌دهد. سه تصویر اول این فهرست، اهداف اصلی بهینه‌سازی هستند. اگر این فایل‌ها را فشرده کنید یا سایز مناسب تولید کنید، بیشترین اثر را روی سرعت صفحه خواهید دید.

آیا حذف تصویر از Media Library باعث حذف فایل از سرور هم می‌شود؟

خیر، به‌صورت پیش‌فرض حذف رسانه فقط ردیف دیتابیس را حذف می‌کند و فایل اصلی روی سرور باقی می‌ماند. برای حذف فایل از سرور، باید از گزینه Permanently Delete در فهرست رسانه استفاده کنید یا از طریق File Manager سرور، فایل را حذف کنید. این نکته در زمان پاک‌سازی کتابخانه رسانه، اهمیت زیادی دارد.

آیا با تغییر سایزهای Media، تصاویر موجود هم تغییر می‌کنند؟

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

تصویر درست، سرعت و سئوی پایدار

اگر بخواهم تجربه سال‌ها کار با کتابخانه رسانه وردپرس را در یک جمله فشرده کنم: تصویر درست، تصمیم پیش از آپلود است، نه اصلاح پس از انتشار. بیشترین هزینه‌ای که در پروژه‌ها دیده‌ام، از اصلاح دیرهنگام تصاویر آمده؛ وقتی صدها تصویر آپلود شده‌اند و حالا باید یکی‌یکی فشرده و بازتولید شوند.

سه اصل عملی که در همه پروژه‌ها رعایت می‌کنم: ابتدا قبل از آپلود، تصویر را فشرده و سایز مناسب تولید کنید. دوم، ساختار سایزهای سفارشی قالب را با نقاط شکست طرح هماهنگ کنید تا هیچ فایل اضافه‌ای تولید نشود. سوم، در هر سه ماه، کتابخانه رسانه را بازبینی کنید و فایل‌های یتیم و سنگین را هدف اصلاح قرار دهید. ترکیب همین سه اصل، بخش بزرگی از مشکلات سرعت و سئوی تصویری سایت شما را از پایه حل می‌کند.

اگر در پیکربندی رسانه سایت خود با مورد خاصی مواجه شده‌اید - مثلاً قالب شما سایز سفارشی غیرضروری تولید می‌کند یا تصویری در موبایل به‌درستی نمایش داده نمی‌شود - تجربه‌تان را بنویسید. همین گزارش‌های واقعی، از هر مستند رسمی برای پروژه‌های فارسی مفیدتر است. 🖼️