افزونه Hummingbird | مرغ مگس خوار | افزونه بهینه سازی سرعت وردپرس

در این مقاله افزونه Hummingbird یا افزونه مگس خوار را بررسی می کنیم. این افزونه یکی از بهترین افزونه های کش وردپرس است و توسط تیم قدرتمند WPMU DEV عرضه شده است.

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

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

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

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

با کلیک بر روی دکمه Run Performance Test ، افزونه Hummingbird روی سایت شما یک تست کارایی انجام می دهد. با انجام این تست می توانید بفهمید که در گام بعدی چه مشکلاتی را باید رفع کنید.

در صورتی که نمی خواهید این تست را انجام دهید، روی دکمه Skip در بالای صفحه کلیک کنید. نگران انجام تست نباشید. شما در داخل تنظیمات افزونه نیز می توانید این تست را اجرا کنید.

پیشخوان افزونه Hummingbird

پس از آن وارد صفحه پیشخوان افزونه می شوید. پیشخوان افزونه Hummingbird شامل پنل Overview و پنل های دسترسی سریع به ماژول های مختلف افزونه است.

Clear Cache- دکمه Clear Cache تا وقتی که Asset Optimization، کش صفحه یا کش مرورگر فعال نشود، ظاهر نخواهد شد. ادغام Cloudflare نیز دکمه Clear Cache را فعال می کند. پس از فعال کردن، روی دکمه هاور کنید تا مشاهده کنید هنگام پاک کردن کش، کدام ماژول ها تحت تأثیر قرار می گیرند.

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

دسترسی سریع

پنل های دسترسی سریع، دسترسی آسان به هر ماژول Hummingbird را فراهم می کنند. با استفاده از پنل های دسترسی سریع می توانید داده های فعلی را مشاهده کنید، ماژول ها را روشن یا خاموش کنید یا با کلیک روی دکمه More Details به صفحه تنظیمات هر ماژول دسترسی پیدا کنید.

• تست عملکرد  Hummingbird – افزونه Hummingbird سایت را اسکن کرده و سرعت و کارایی آن را ارزیابی می کند. سپس گزارشی ارائه می دهد که شامل راهنمایی های مفیدی درباره چگونگی حل مشکلات و بهبود عملکرد سایت است.
• Audits- این قسمت شرح مفصلی از عملکرد سایت و دستورالعمل های مربوط به حل مشکلات عملکرد را ارائه می دهد.
• Historic Field Data – عملکرد سایت را طی 30 روز گذشته نشان می دهد.
  • Customize Widget – لینکی که در این قسمت وجود دارد، دسترسی به پنل های تنظیمات تست عملکرد را ایجاد می کند که در این پنل ها، مدیران می توانند مشخص کنند که داده های عملکرد سایت در کجا و به چه کاربرانی نمایش داده شود.
  • View Full Report – برای مشاهده جدیدترین گزارش عملکرد سایت، روی این دکمه کلیک کنید.
• GZip Compression – فشرده سازی Gzip نسبت به zip. بسیار بیشتر است.
• Asset Optimization – برای بهبود سرعت بارگذاری صفحه ، فایل ها را مینیفای، ترکیب و بهینه سازی می کند.
• Caching – شامل مجموعه کنترل های کش برای کش صفحه ، مرورگر ، RSS و گراواتار.
• Advanced Tools – شامل مدیریت رشته های کوئری، درخواست های مقدماتی از بخش ایموجی و پیشوند ، و برقراری پایگاه داده.
• Uptime – نظارت بر زمان بروز ، خرابی و میانگین پاسخ یک سایت است.
• Image Optimization – برای مدیریت اندازه تصاویر، فشرده سازی و بهینه سازی تصویر از Smush Pro که از قبل در Hummingbird  ادغام شده است، استفاده می کند.
• Settings – ترجمه ها ، ذخیره داده ها و دسترسی را مدیریت می کند.

تست عملکرد سایت در تب Performance Test

صفحات موجود در تب  Performance Test تا زمانی که تست اولیه انجام نشود (چه این تست حین راه اندازی سریع انجام شود یا دسترسی به تب برای اولین بار)، قابل دسترس نیست. اگر تست عملکرد را انجام نداده اید ، روی دکمه Test My Website کلیک کنید.

ماژول Performance Test شامل پنج تب مختلف است که در ادامه آموزش به بررسی آنها می پردازیم.

Score Metrics

Score Metrics سرعت و کارایی سایت را اندازه گیری می کند. کمترین متریک های اجرا در اولین نتایج تست ظاهر می شوند

هر متریک را می توان با کلیک کردن روی ردیف مربوطه شان باز کرد تا توضیح دقیقی درباره آن متریک، آخرین نمره ثبت شده و برخی از بهترین روشهای پیشنهادی برای بهبود آن نشان داده شود.

در بعضی موارد، ویژگی های خود افزونه Hummingbird می تواند برای حل مشکلات عملکرد استفاده شود. در موارد دیگر، Hummingbird  مسئله را شناسایی می کند اما برای رفع مشکل نیاز به استفاده از یک افزونه جداگانه مانند افزونه Smush دارد.

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

نتایجی که در تست عملکرد نشان داده می شود، عبارتند از:

• Speed index میانگین زمان لازم برای نمایش مطالب در صفحه را نشان می دهد.
• First Contentful Paint (FCP) مدت زمان بین کلیک کردن کاربر روی یک لینک (مانند نتایج جستجو یا لینک در یک سایت دیگر) تا لحظه ای که محتوای سایت هدف روی صفحه ظاهر می شود را نشان می دهد.
• First Meaningful Paint (FMP) به مدت زمانی که طول می کشد تا محتوای اولیه صفحه ظاهر شود، اشاره دارد. محتوای اولیه به بزرگترین بلوک محتوا که در بالای صفحه ظاهر می شود، گفته می شود. هر چه بارگذاری محتوای اولیه سریعتر باشد ، بازدید کنندگان زودتر می توانند با صفحه درگیر شده و کمتر از سایت خارج شوند.
• First CPU Idle به مدت زمان لازم برای اینکه یک صفحه به کمترین میزان تعامل برسد گفته می شود و این بدان معنی است که بیشتر المان های تعاملی اما نه لزوماً همه آنها کاربردی هستند.
• Time to Interactive (TTI) مدت زمان لازم برای تعامل کامل یک صفحه را نشان می دهد ، به این معنی که بیشتر محتوا قابل مشاهده است و سایت در 50ms به ورودی های کاربر پاسخ می دهد.

FCIگاهی اوقات با Time to Interactive (TTI) اشتباه گرفته می شود. تفاوت این است که FCI فقط وقتی یک صفحه ورودی های کاربر را می پذیرد، اندازه گیری می شود، در حالی که TTI نیاز به پاسخگویی به این ورودی ها دارد.

TTI برای شناسایی مواردی که محتوای یک صفحه قابل مشاهده است و به نظر می رسد تعاملی باشد، اما در واقع اینگونه نیست، مفید است.

Audits

Audits داده هایی هستند که  Score Metrics از آنها مشتق می شوند و نگاهی دقیق به همه حوزه های عملکرد سایت می اندازد.

Audits جایی است که بسیاری از ترفندهای عملکرد پیشرفته شروع می شود. برای اینکه داده های Audits در دسترس باشد باید حداقل یک تست عملکرد را اجرا کرده باشید. اگر می خواهید با داده های به روز کار کنید، روی دکمه New Test کلیک کنید.

نتایج Audits به سه دسته Opportunities ، Diagnostic و  Passedتقسیم می شوند.

• Opportunities مناطقی هستند که نتوانسته اند در آزمون عملکرد نمره قبولی کسب کنند. دلایل این خرابی ها بسیار متفاوت است، اما برای هر یک راه حل پیشنهادی ارائه می شود.
• مشکلات Diagnostic لزوماً مربوط به سرعت صفحه نیستند ، اما مشکلاتی هستند که مانع عملکرد درست می شوند. در این قسمت نیز برای هر مشکل، یک راه حل ارائه شده است.
• Passed آن دسته از شاخص هایی هستند که نمره 90 یا بهتر را کسب کرده اند.

هر مشکل دارای یک کد رنگی است: زرد ، برای مشکلات خفیف و متوسط؛ قرمز، برای مواردی که عملکرد را به طور قابل توجهی تحت تأثیر قرار می دهد.

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

Historic Field Data

Historic Field Data داده های عملکرد سایت در 30 روز گذشته که توسط Chrome User Experience Report گزارش شده است را نمایش می دهد.

در سایت های تازه تأسیس یا سایت های که دارای ترافیک بسیار کمی هستند، ممکن است مدت زمان طولانی و حتی ماه ها طول بکشد تا داده های کافی برای تهیه این گزارش تولید شود.

Reports

در تب Reportsمی توانید تست منظم خودکار را زمان بندی کنید و تعیین کنید چه کسی از نتایج آزمون مطلع شود. این ویژگی در نسخه Pro افزونه موجود است.

Settings

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

Dashboard Widget: داده های عملکرد دسکتاپ و موبایل به صورت جداگانه در ابزارک پیشخوان نمایش داده می شود. شما می توانید مجموعه داده هایی که می خواهید ببینید را با انتخاب Desktop یا Mobile مشخص کنید. همچنین با انتخاب نتایج آزمایشی که می خواهید در ابزارک نمایش داده شود، سفارشی سازی بیشتری انجام دهید.

Ignore Test Score: در بعضی مواقع ممکن است بخواهید نتایج آزمایش را نادیده بگیرید یا اطمینان حاصل کنید که سایر مدیران براساس داده های عملکردی اقدامی انجام نداده اند. برای این کار Ignore Test Results را فعال کنید.

تنظیمات کش افزونه Hummingbird

کش یک بخش اساسی در افزایش کارایی سایت است. برای فعال کردن ماژول Caching، روی Activate کلیک کنید.

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

کش صفحه (Page Caching)

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

Page Types

صفحات مورد نظر خود را از این قسمت انتخاب کنید. صفحاتی که مرتباً به روز می شوند نباید کش شوند. کاربرانی که قالب خود را توسعه می دهند می توانند از کد PHP زیر برای جلوگیری از کش شدن قالب صفحه خود استفاده کنند.

“define(‘DONOTCACHEPAGE’, true);”

Preload caching– این گزینه را فعال کنید تا صفحات کش قبل از اینکه کاربر وارد آنها شود، از پیش بارگذاری شده و ساخته شود.

Cache interval- حداکثر زمانی است که باید طی شود تا Hummingbird تصاویر کش سایت شما را رفرش کند. پاکسازی بیش از حد کش بیش از یک بار در روز می تواند باعث بروز مشکلات سرور شود.

بهتر است این زمان را به نسبت بروزرسانی محتوا در سایت خود تنظیم کنید. به عنوان مثال برای سایتی که فقط یک بار در هفته به روز می شود، دلیلی برای تازه کردن کش هر 24 ساعت وجود ندارد.

Clear Cache interval را فعال کنید و سپس از ابزار clear cache timing برای تنظیم دوره زمانی استفاده کنید.

Integrations – این گزینه شامل دو قسمت است:

• Purge Varnish Caching- افزونه Hummingbird از کش وارنیش برای بهبود سرعت بارگذاری صفحه استفاده می کند. با فعال کردن پاکسازی Varnish مطمئن می شوید که با بروزرسانی نوشته ها و برگه ها، تصاویر جدیدی برای وارنیش ایجاد می شود.
• Purge OpCache – اٌپکش یک ویژگی موثر کش است که با ویرایش فایل php.ini یک سایت فعال می شود. این ویژگی برای سایتهایی که OpCache را فعال نکرده اند، غیرفعال است.

Page Cache Settings – تنظیمات کش صفحه شامل ویژگی ها و گزینه های خاصی است که می توانید آنها را فعال یا غیرفعال کنید و عبارتند از:

Include logged in users- به طور پیش فرض، تصاویر کش برای کاربران لاگین کرده ارائه نمی شود و به همین دلیل مطمئن هستند که بروزترین مطالب را مشاهده می کنند. اما اگر سایتی به طور همزمان میزبان تعداد زیادی کاربر لاگین کرده باشد، ارائه تصاویر کش به این کاربران می تواند عملکرد سایت را بهبود بخشد.

Cache URL queries– صفحاتی که URL هایی با رشته کوئری هایی مانند زیر دارند:

http://example.com/؟bar1=a&bar2=b

به طور پیش فرض ذخیره نمی شوند، زیرا چنین صفحاتی معمولاً پویا هستند. اگر می خواهید چنین URL هایی کش شوند، Cache URL queries را فعال کنید. چنین کاری باعث بهبود سرعت بارگذاری می شود.

Cache 404 requests– صفحات 404 به دلیل اینکه می توانند برای موتورهای جستجو مشکل ایجاد کنند، معمولاً کش نمی شوند. اگر می خواهید صفحات 404 را کش کنید، گزینه Cache 404 requests را فعال کنید.

Clear full cache when post/page is updated– فعال کردن این ویژگی باعث می شود که Hummingbird با بروزرسانی هر نوشته/برگه، کش را بروزرسانی کند.

Enable debug log- گزارش اشکال زدایی حاوی اطلاعاتی است که در صورتی که مشکلی پیش بیاید، می تواند بسیار مفید باشد. فایل log در wp-content/debug.log file قرار دارد.

Identify cached pages- اگر این ویژگی را فعال کنید، Hummingbird کامنتی را در تگ head تمام صفحات کش شده وارد می کند و تشخیص اینکه آیا این صفحه از یک فایل کش شده ارائه می شود، آسان خواهد بود. این ویژگی در نسخه pro افزونه ارائه شده است.

Cache on mobile- فعال یا غیرفعال کردن کش صفحه برای دستگاه های تلفن همراه.

Clear cache on comment post- با فعال کردن این گزینه، کش صفحه بعد از هر کامنتی در نوشته/برگه پاک می شود، بنابراین بخش کامنت ها همیشه بروز خواهد ماند.

در زیر تنظیمات عمومی، می توانید تنظیمات Exclusive را مشاهده کنید.

در بخش URL Strings می توانید URL  هایی که نمی خواهید کش شوند را وارد کنید. در هر خط یک URL وارد می شود و می توانید از regular expression syntax استفاده کنید. به طور پیش فرض sitemap.xml و چند مورد دیگر اضافه شده است.

User Agents برای جلوگیری از کش مبتنی بر کاربر استفاده می شود. این ویژگی برای جلوگیری از کش داده ها برای موتورهای جستجو و ارائه داده های بروز برای آنها، مفید است. تنظیمات پیش فرض این گزینه کاملاً مناسب است.

Deactivate: اگر می خواهید کش صفحه به طور کامل غیرفعال شود، می توانید از این گزینه استفاده کنید.

تنظیمات کش مرورگر (Browser Caching)

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

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

Type Server- شما باید نوع سرور خود را به درستی انتخاب کنید تا دستورالعمل های درست برای فعال کردن کش مرورگر را دریافت کنید. Hummingbird سرور شما را به صورت خودکار تشخیص می دهد. اگر نوع سرور شما اشتباه است، از پنجره کشویی نوع صحیح را انتخاب کنید. اگر نوع سرور خود را نمی دانید، می توانید به مسیر Hummingbird> Advanced Tools> System Information بروید و نوع سرور خود را از مشاهده کنید.

Expiry Time- در این قسمت می توانید مشخص کنید که می خواهید کش را قبل از ریست شدن تا چه مدت نگه دارید. تنظیمات به طور پیش فرض روی 1 سال انتخاب شده است، اما می توانید در صورت لزوم این مدت را افزایش یا کاهش دهید. اگر سایت شما استاتیک است و تغییر زیادی نمی کند، می توانید این گزینه را برای مدت زمان طولانی تری تنظیم کنید.

همچنین می توانید بر اساس نوع کش (جاوا اسکریپت ، CSS ، رسانه ، تصاویر) تنظیمات انقضا مختلفی را اعمال کنید.

Setup- اگر Hummingbird بتواند فایل پیکربندی سرور شما را ویرایش کند، در این بخش می توانید بر روی تب AUTOMATIC کلیک کرده و کش مرورگر Hummingbird را فعال کنید.

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

ادغام Cloudflare- اگر از Cloudflare برای CDN خود استفاده می کنید ، Hummingbird  به شما امکان می دهد که اکانت Cloudflare خود را به آن متصل کنید. برای کسب اطلاعات بیشتر درباره CDN ، مقاله آموزش CDN را مطالعه کنید.

اگر قبلاً از Cloudflare برای وب سایت خود استفاده کرده اید، Hummingbird آن را تشخیص داده و برخی از تنظیمات را به شما نشان می دهد. اگر بخواهید می توانید این تنظیمات را نادیده بگیرید.

شما باید روی لینک “Connect account” کلیک کنید و بخش تنظیمات به شما نشان داده می شود.

کش گراواتار (Gravatar Cache)

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

کافی است روی فعال سازی کلیک کنید و همه تنظیمات انجام شده است.

شما می توانید در صورت لزوم پاک کردن کش را غیرفعال کنید یا کش Gravatar را غیرفعال کنید.

کش RSS

کش RSS توسط خود وردپرس مدیریت شده و به طور پیش فرض فعال است. اما Hummingbird به شما امکان کنترل آن را می دهد.

Expiry time – شما می توانید زمان مورد نظر خود را (به ثانیه) در این قسمت وارد کنید و کش RSS در آن زمان پاک می شود. برای مثال ، اگر روی 3600 تنظیم کنید، این بدان معنی است که فید RSS هر 3600 ثانیه بروز می شود.

Disable – اگر به هر دلیلی می خواهید کش RSS را غیرفعال کنید، می توانید آن را با دکمه DISABLE Cachinging غیرفعال کنید. Hummingbird وردپرس را وادار به متوقف کردن کش RSS می کند.

تنظیمات کش

تب Settings به شما امکان می دهد حتی کوچکترین تنظیمات را پیکربندی کنید.

Admin Cache Control به شما امکان می دهد یک دکمه را در بالای صفحه پیشخوان وردپرس خود قرار دهید تا لازم نباشد هر بار که می خواهید کش خود را پاک کنید، به این قسمت مراجعه کنید. پس از فعال کردن این گزینه، یک دکمه ” Clear page cache” در بالای صفحه پیشخوان وردپرس ظاهر می شود. (توجه داشته باشید که پس از ذخیره کردن تغییرات، باید صفحات خود را نیز به روز کنید تا دکمه جدید ظاهر شود).

File Change Detection– در این قسمت می توانید مشخص کنید که وقتی تغییری در ساختار فایل های شما شناسایی می شود، می خواهید Hummingbird چه واکنشی نشان دهد.

• Manual Notice- یک اعلان در قسمت مدیریت نشان می دهد.
• Automatic – افزونه عوض اینکه شما را مجبور کند که این کار را به صورت دستی انجام دهید، کش را بطور خودکار پاک کند.
• None- غیرفعال کردن هشدار دادن به شما در منطقه مدیریت سایت

در ادامه آموزش به بررسی زیرمنویی دیگر از افزونه Hummingbird یعنی Gzip Compression می پردازیم.

فشرده سازی Gzip

Gzip  صفحات وب و استایل شیت های شما را قبل از ارسال به مرورگرهای بازدید کننده، فشرده می کند و این باعث می شود بارگذاری های سریع تری انجام شود.

یک پنل وضعیت (status) در بالای صفحه قرار دارد که نشان می دهد Gzip برای سایت شما فعال است یا خیر و اگر فعال است، چه نوع فایلی فشرده می شود.

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

Asset Optimization

مینیفای کردن و ترکیب فایل ها یک فرآیند مهم برای بارگذاری سریع تر سایت شما است. همانطور که از یک افزونه بهینه سازی مناسب انتظار دارید ، Hummingbird این ویژگی را دارا می باشد.

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

پس از اتمام اسکن ، پیامی را مشاهده خواهید کرد که نشان می دهد چند فایل دارید.

پس از اتمام، افزونه Hummingbird فایل های CSS و جاوا اسکریپت شما را روی CDN خودش میزبانی می کند و می توانید صفحه تنظیمات اولیه Asset Optimization را مانند شکل زیر مشاهده کنید:

در این قسمت می توانید تعداد کل فایل ها، کاهش کلی Filesize را مشاهده کنید. اگر از Hummingbird Pro استفاده می کنید ، می توانید WPMU DEV CDN را فعال کنید.

اگر دکمه Enable Advanced Mode در بالای صفحه را فعال کنید می توانید به مد پیشرفته دسترسی پیدا کنید.

در کل ، 5 آیکون مختلف وجود دارد که عبارتند از:

• Minify – اندازه فایل ذکر شده را کاهش می دهد. اگر فایل از قبل مینیفای شده باشد، این گزینه قابل کلیک کردن نیست.
• Combine – که به آن Concatenate کردن هم گفته می شود، وقتی است که تمام فایل های CSS را در یک فایل CSS و تمام فایل های JS را در یک فایل JS ترکیب کنید. این کار تعداد درخواستهای ارسال شده به مرورگر را کاهش داده و در نتیجه زمان بارگذاری را بهبود می بخشد.
• Move to footer – اسکریپت ها را به فوتر سایت منتقل می کند تا به رفع خطاهای ” Prevent render-blocking Javascript” و ” Prevent render-blocking CSS کمک کند.
• Inline CSS – این گزینه CSS را از یک فایل مشخص شده به صورت درون خطی (درون منبع صفحه) منتقل می کند.
• Don’t load file – از بارگیری فایل های مشخص شده جلوگیری می کند. اگر به اسکریپت در وب سایت خود نیازی ندارید، این گزینه مفید است.

اگرچه می توانید قوانینی مانند ترکیب همه اسکریپت ها به صورت انبوه را اعمال کنید. اما بهتر است این کار را انجام نداده و مراحل زیر را انجام دهید:

مرحله 1: اسکریپت ها را ترکیب کنید

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

اگر مشکلی پیش نیامده بود، اسکریپت بعدی را ترکیب کرده و تغییرات را ذخیره کنید. این کار را تا ترکیب کردن همه اسکریپت ها تکرار کنید. به این ترتیب تعداد درخواستهای ارسال شده به مرورگر کاهش می یابد.

مرحله 2: مینیفای کردن اسکریپت ها

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

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

ابزارهای پیشرفته

زیرمنوی بعدی در منوی Hummingbird پیشخوان وردپرس، Advanced Tools یا ابزارهای پیشرفته است. در این زیرمنو سه تب مختلف وجود دارد که در ادامه آموزش به بررسی آنها می پردازیم.

General

از تب General می توانید ترفندهایی بیشتری را برای کاهش زمان بارگذاری صفحه به کار بگیرید.

Query Strings URL – برخی از URL ها به چیزی مانند “؟ x = y” ختم می شوند ، اینها رشته های کوئری URL هستند. برخی از سرورها، CDN ها یا سیستم های کش، رشته های کوئری را نمی پسندند. بنابراین از بین بردن آنها می تواند به افزایش سرعت سایت کمک کند. می توانید این گزینه را فعال کنید.

Emojis – وردپرس به طور پیش فرض مجموعه Emoji های مخصوص به خود را دارد و فایل های CSS / JS سفارشی را برای تبدیل سمبل ها به ایموجی ها بارگیری می کند. با استفاده از این گزینه می توانید این فایل ها را حذف کنید و فایل های شما به دلیل تعداد کم فایل ها سریعتر بارگذاری می شوند.

Prefetch DNS Requests – اگر شما از خدمات شخص ثالث مانند Google Fonts ، Youtube یا گوگل آنالیتیکس استفاده می کنید ، می توانید از طریق این باکس به مرورگر بگویید که سرویس های DNS آنها را از قبل فچ کند تا به بارگیری سریعتر صفحات شما کمک کند.

Database Cleanup

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

می توانید بخش های خاصی از آنها را حذف کنید یا همه آنها با استفاده از دکمه DELETE ALL حذف نمایید.

System Information

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

Uptime

این زیرمنو مربوط به نسخه Pro افزونه است و شامل این آموزش نمی شود.

تنظیمات افزونه Hummingbird

شما می توانید برخی تنظیمات کلی را از زیرمنوی Settings پیکربندی کنید.

در Data & Settings می توانید رفتار افزونه را برای داده ها تغییر دهید.

می توانید از قسمت Settings گزینه Preserve یا Reset را انتخاب کنید. این گزینه فقط روی تنظیمات افزونه تأثیر می گذارد. از قسمت Data می توانید داده ها را نگه دارید (Keep) یا حذف کنید (Remove). این امر روی داده هایی که افزونه بر اساس سایت شما جمع می کند تأثیر می گذارد.

همچنین دکمه Reset Settings  وجود دارد که در صورتی که بخواهید تمام تنظیمات را فوراً ریست کنید، می توانید از آن استفاده کنید.

از تب accessibility، می توانید حالت High Contrast را فعال کنید. پس از فعال کردن این گزینه ، قابلیت دسترسی و قابلیت مشاهده المان ها و اجزاء سایت شما برای رفع نیازهای WCAG AAA افزایش می یابد.

امیدواریم این آموزش مورد توجه و استفاده شما قرار گرفته باشد.

دانلود افزونه