بهینه سازی سرعت وردپرس و حل مشکل سرعت وردپرس – بخش دوم

افزایش سرعت سایت وردپرس و حل مشکل سرعت آن
۱۳ اردیبهشت ۱۳۹۶
|
این مقاله را با دوستان‌تان به اشتراک بگذارید

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

آموزش افزایش سرعت وردپرس با بهینه سازی تصاویر

تصاویر نقش مهمی را در سرعت سایت شما بازی می‌کنند. برای آگاهی از نقش تصاویر ابتدا نیاز است تا با فرآیند مربوط به چگونگی نمایش تصاویر توسط مرورگرها آشنا شوید (قبل از فرآیند بهینه سازی ابتدا باید سرعت سایت خود را اندازه گیری کنید. برای آشنایی با چگونگی انجام این کار مقاله «تست سرعت سایت» را ببینید).

چگونگی نمایش تصاویر توسط مرورگرها

به صورت معمول مرورگر در زمان نمایش دادن صفحات وب یک صفحه‌ی HTML را از سایت مربوطه دریافت می‌کنند. این فایل یک فایل متنی بوده که حاوی اطلاعات صفحه‌ی مربوطه و چگونگی نمایش آن توسط مرورگر می‌باشد.

در این فایل ممکن است آدرس تصاویری نیز ذکر شده باشد که مرورگر برای نمایش آن‌ها ابتدا لازم است که تصویر مربوطه را از سایت شما دانلود کرده و سپس آن را به کاربر نمایش دهد.

اجازه دهید به صورت دقیق‌تر این فرآیند را بررسی کنیم. قطعه کد زیر را که از سایت ما برداشته شده است را ببینید:

<a target=”_blank” href=”http://bazkar.ir/campaign/16L?utm_campaign=16B&amp;utm_medium=direct&amp;utm_source=LMSite“>

<img src=”https://learn-marketing.ir/wp-content/uploads/2017/01/mokup-for-index.png” alt=”mokup for index” style=”float: left;”>

</a>

در خط میانی تگ <img> را میبینیم. این تگ مخفف کلمه‌ی Image به معنای تصویر است و به مرورگر می‌گوید که تصویری را که لینک آن در ادامه آمده‌است را به کاربر نمایش دهد.

حالا مرورگر تصویر مربوطه را از لینک داده شده دانلود می‌کند و آن تصویر را به کاربر نمایش می‌دهد.

نقش سایز تصاویر در سرعت سایت

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

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

ممکن است خود شما برای تصویرتان سایز مشخص کرده باشید. مثلاً بگویید می‌خواهم تصویر در سایز ۱۵۰×۱۵۰ نمایش داده شود. حالا اگر سایز تصویر اصلی ۹۰۰×۹۰۰ باشد، مرورگر باید تصویر را به اندازه ۱/۶ کوچک کند و سپس آن را نمایش دهد.

این عملیات از طریق یک فرآیند پردازشی انجام می‌شود و مرورگر سایز تصویر دانلود شده را به اندازه‌ی ۱/۶ کاهش می‌دهد و سپس تصویر نهایی را به کاربر نمایش می‌دهد.

در این‌جا دو بحث پیش می‌آید:

  1. دانلود تصویر توسط مرورگر
  2. کاهش حجم تصویر با استفاده از عملیات پردازشی

برای اینکه بدانید هر کدام از این مراحل چگونه بر سرعت سایت تأثیر می‌گذارد ویدئوی زیر را ببینید:

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

راه‌حلی برای افزایش سرعت سایت وردپرسی از طریق کاهش حجم تصاویر

برای حل مشکلات ذکر شده در بالا، لازم است که شما تصاویر را دقیقاً در همان سایزی که مورد نیاز هستند، در سایت تان بارگزاری کنید.

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

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

افزونه‌ی WP Smush

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

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

نحوه‌ی نصب و فعال‌سازی افزونه‌ی WP Smush

این افزونه را می‌توانید از آدرس زیر دانلود کنید:

http://wordpress.org/extend/plugins/wp-smushit/

پس از نصب و فعال‌سازی افزونه در زیر بخش رسانه (Medai) یک گزینه به نام WP Smush اضافه می‌شود (مشابه شکل زیر):

 111

فعال‌کردن تغییر سایز خودکار تصاویر

روی منوی WP Smush در زیر بخش رسانه کلیک کنید و در بخش تنظیمات افزونه مطمئن شوید که گزینه‌ی automatically smush my images on upload تیک خورده باشد.

این گزینه به افزونه می‌گوید که در هر بار بارگزاری تصاویر، عملیات تغییر سایز تصاویر را انجام دهد. تصویر زیر را ببیند:

 112

همان‌طور که در تصویر بالا می‌بینید، گزینه‌های مختلفی وجود دارد که نشان‌دهنده‌ی سایزهای مختلف می‌باشد. به ازای هر تصویری که شما در سایت تان بارگزاری می‌کنید، افزونه WP Smush تمامی سایزهای مشخص شده را به صورت خودکار از تصویر شما ایجاد کرده و شما می‌توانید با توجه به سایزی که مد نظرتان است، از نسخه‌ی دقیقاً همان اندازه در سایت‌تان استفاده کنید.

با این کار هم زمان دانلود تصویر توسط مروگر را کاهش می‌دهید و هم دیگر مروگر نیازی به تغییر سایز تصویر و محاسبه‌ی پردازشی ندارد.

کاهش حجم و تغییر سایز برای تصاویر از پیش بارگزاری شده

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

افزونه WP Smush تغییر سایز داده می‌شوند. اما برای تصاویر فعلی سایت چه باید کرد؟

افزونه WP Smush قابلیتی دارد که کلیه تصاویر سایت شما را بررسی کند و عملیات تغییر اندازه را روی آن‌ها انجام دهد.

برای این کار در صفحه‌ی افزونه روی گزینه‌ی BULK SMUSH NOW کلیک کنید (مشابه شکل زیر):

 113

در تصویر بالا که متعلق به یکی از سایت‌های مشتریان ما بوده، مشاهده می‌کنید که ۳۵۰ تصویر از ۶۵۰ تصویر با استفاده از این افزونه بهینه سازی شده‌اند و گزارشی را در مورد میزان کاهش حجم و میزان بهینه سازی می‌بینید.

در سمت چپ با کلیک بر روی دکمه‌ی BULK SMUSH NOW، عملیات مربوطه ادامه پیدا می‌کند.

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

گام‌های بعدی و مراحل بعدی

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

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

افزایش سرعت سایت وردپرس و حل مشکل سرعت وردپرس

عضویت در خبرنامه آکادمی

با عضویت در خبرنامه هر شنبه به صورت صد در صد رایگان آخرین و داغ‌ترین مباحث روز بازاریابی را در ایمیل خود دریافت کنید.

envelope-o
این مقاله را با دوستان‌تان به اشتراک بگذارید

کتاب رایگان ۷ اصل اساسی برای برندسازی

۷ اصل اساسی در برند سازی و برندینگ

برندسازی تنها راه افزایش قطعی فروش و درآمد شماست. داشتن چهره‌ای متفاوت از سایر رقباست که باعث می‌شود نسبت به دیگران ترجیح داده شوید.

همین الان این کتاب را به رایگان در ایمیل خود دریافت کنید

x