Jetpack Boost – Website Speed, Performance and Critical CSS

توضیحات

Speed up your WordPress site by optimizing page performance with Jetpack Boost. Easily activate one-click optimizations to boost your Core Web Vitals.

Did you know that a faster website:-

  • Ranks higher on Google.
  • Improves bounce rate (people stay on your site for longer).
  • Increases your conversion rate.

Increase your website performance and speed up your website with one-click optimizations that supercharge your WordPress site’s performance and improve core web vitals scores for better search engine listings.

Improving Core Web Vitals helps you rank higher on Google. A faster website also improves your SEO, helps you reduce your bounce rate and increase your ecommerce conversion rate.

  • Largest Contentful Paint (LCP): Measures loading performance. Improve your LCP and improve your website loading speed.
  • First Input Delay (FID): Measures interactivity. To improve user experience pages should have a low FID.
  • Cumulative Layout Shift (CLS): Measures visual stability. Lowering your CLS helps improve your user experience.

ماژول‌های عملکرد

Optimize your website with the same techniques used on the world’s most successful websites.

Each technique that is used to increase website performance is packaged up as a module that you can activate and try out.

Currently, the plugin has 6 performance modules available:

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

    Read more about critical CSS generation at web.dev

  2. Page Cache speeds up your site by saving pages as static files. These files are quickly served to visitors, reducing load times and enhancing user experience.

  3. Defer Non-Essential Javascript moves some tasks to after the page loads, so that important visual information can be seen sooner and your website loads quicker.

    Read more about deferring javascript at web.dev

  4. Image Guide is a must-have feature for anyone who wants to optimize the images on their website. With this guide, you can ensure that the images on your site are the right size and dimensions, which is critical for improving user experience, page speed, and site ranking. Following the tips and best practices outlined in the guide, you can reduce image file sizes and speed up your site. Check out our support page to learn more about this feature and how it can help you achieve a faster and smoother website experience for your users.

  5. Image CDN allows your site to serve automatically-resized images in modern web formats directly from Jetpack’s worldwide Content Delivery Network.

    Read more about Image CDNs at web.dev

  6. Concatenate and Minify CSS and JS combines and shrinks your JavaScript and CSS resources to reduce the number and size of requests to your server, ensuring your content loads faster.

    Read more about minifying files at web.dev

Don’t want to have to manually generate your critical CSS each time you update your site? Let us do the heavy lifting for you with automated critical CSS – each time you update your site we will automatically regenerate your critical CSS and update your performance scores. Upgrading also gives you dedicated email support access.

با 💚 توسط جت‌پک

این تازه آغاز راه است!

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

ما همچنین می‌خواهیم از تیم XWP که در تحقیقات اولیه و محدوده‌بندی افزونه کمک کردند و در طول پروژه با تیم ما درگیر بودند، تشکر ویژه کنیم.

عکس‌های صفحه

  • Jetpack Boost Critical CSS Generation
  • Jetpack Boost Speed Improvement

نصب

  1. جت‌پک بوست را از طریق دایرکتوری افزونه نصب کرده و آن را فعال کنید.
  2. اتصال جت‌پک را فعال کنید
  3. ماژول‌های عملکرد را یکی یکی روشن کنید و مشاهده کنید که امتیاز عملکرد چگونه تغییر می‌کند

سوالات متداول

What does Jetpack Boost do to help speed up my WordPress site?

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

Jetpack Boost includes a growing number of separate features which can be turned on individually to improve your site’s performance. These include:

  • بهینه‌سازی بارگیری CSS: این ویژگی مهم‌ترین CSSهای مورد نیاز سایت شما، برای نمایش محتوای اولیه را در سریع‌ترین زمان ممکن تعیین کرده و آن را مستقیماً در هدر سایت جاسازی می‌کند.
  • Page Cache: This feature stores your website’s pages as static HTML files, bypassing the need for dynamic generation. This means visitors receive pages faster, reducing wait times and improving overall site performance.
  • به تعویق انداختن جاوا اسکریپت غیرضروری: این ویژگی تمام جاوا اسکریپت را که برای نمایش سایت شما ضروری تلقی نمی‌شود، مجبور می‌کند که پس از بارگیری محتوای اصلی سایت بارگیری شود.
  • Image CDN: This feature automatically resizes images to a more appropriate size for your visitors’ screens, converts them to modern image formats, and serves them from Jetpack’s worldwide network of servers.
  • Concatenate JS: This feature reduces the size of your JavaScript resources, and automatically combines them into fewer files, allowing your site to load faster with fewer requests.
  • Concatenate CSS: As with concatenating JavaScript, this feature shrinks your CSS files and allows them to load with fewer requests.

هنگام استفاده از جت‌پک بوست، چه میزان بهبود سرعت می‌توانم انتظار داشته باشم؟

عملکرد وب‌سایت پیچیده است و می‌تواند تحت تأثیر عوامل متعددی قرار گیرد. در نتیجه، پیش‌بینی دقیق تأثیر آن بر هر سایت دشوار است.

به طور کلی، هرچه امتیاز سرعت شما در ابتدا کمتر باشد، جت‌پک بوست احتمالا تاثیر بیشتری برای شما دارد. ما گزارش‌های کاربران را در مورد بهبود امتیاز سرعت ۲۵ فقط با نصب و استفاده از جت‌پک بوست به سادگی دیده‌ایم.

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

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

آیا می‌توانم CSS غیرضروری را نیز با جت‌پک بوست به تعویق بیندازم؟

اگر ویژگی “بهینه‌سازی بارگیری CSS” فعال باشد، جت‌پک بوست به طور خودکار CSS غیر‌ضروری را به تعویق می‌اندازد.

ویژگی «بهینه‌سازی بارگیری CSS» مهم‌ترین کدهای CSS را که سایت شما برای نمایش صفحات شما در سریع‌ترین زمان ممکن نیاز دارد (که معمولاً «CSS حیاتی» نامیده می‌شود) شناسایی می‌کند و همه کدهای CSS دیگر را تا زمان بارگیری محتوای اصلی‌تان به تعویق می‌اندازد.

Web Vitals چیست؟

Web Vitals اندازه‌گیری‌هایی هستند که گوگل برای درک بهتر تجربه کاربر در یک وب‌سایت استفاده می‌کند. با بهبود امتیازات Web Vitals، تجربه کاربری در سایت خود را نیز بهبود می‌بخشید.

You can read more about Web Vitals on web.dev

چگونه افزونه جت‌پک بوست Core Web Vitals را بهبود می‌بخشد؟

هر Core Web Vital به جنبه‌ای از سرعت بارگیری سایت شما و نمایش آن در صفحه نمایش بازدیدکنندگان جدید مربوط می‌شود.

جت‌پک بوست تغییرات کوچکی در نحوه ارسال داده‌ها از سایت وردپرس شما به مرورگرهای کاربران ایجاد می‌کند تا محتوای شما را سریعتر بارگذاری کند. در نتیجه، می‌تواند امتیازات Core Web Vitals شما را بهبود بخشد.

به عنوان مثال، ویژگی «بهینه‌سازی بارگیری CSS» ما تضمین می‌کند که مهم‌ترین قوانین CSS در اسرع وقت به مرورگرهای کاربران ارسال می‌شود و امتیازات First Contentful Paint (FCP) و Cumulative Layout Shift (CLS) را بهبود می‌بخشد.

آیا این افزونه به جت‌پک نیاز دارد؟

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

آیا این افزونه قادر به بهبود عملکرد در هر وب‌سایتی خواهد بود؟

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

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

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

چگونه بفهمم که کار می‌کند؟

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

اندازه‌گیری‌های Google PageSpeed در داشبورد جت‌پک بوست تعبیه شده است.

آیا بهینه‌سازی سرعت با جت‌پک بوست ایمن است؟

بله، امتحان کردن جت‌پک بوست در هر سایت وردپرسی بدون خطر است.

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

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

چگونه جت‌پک بوست با سایر افزونه‌های بهینه‌سازی سرعت مقایسه می‌شود؟

افزونه‌های بهینه‌سازی سرعت برای وردپرس می‌توانند برای کاربران پیچیده و غیرشفاف باشند. آن‌ها اغلب ستون‌هایی از چک‌باکس‌ها را با توضیح کمی ارائه می‌کنند و ابزاری برای اندازه‌گیری تأثیر هر تغییر یا انتخابی که کاربران انجام می‌دهند را شامل نمی‌شوند.

هدف جت‌پک بوست این است که استفاده از آن تا حد امکان آسان باشد و دارای یک نشانگر امتیاز سرعت است تا به کاربران کمک کند فوراً تأثیر انتخاب‌های خود را اندازه‌گیری کنند.

آیا با کش صفحه استاتیک کار می‌کند؟

کاملا! اگر افزونه‌هایی مانند WP Super Cache یا W3 Total Cache نصب کرده‌اید – جت‌پک بوست تنها به افزایش مزایای عملکرد کمک می‌کند! به خاطر داشته باشید که باید منتظر بمانید تا کش پاک شود تا بهبودهای جت‌پک بوست ظاهر شوند.

اگر پایگاه داده بزرگی داشته باشم، آیا جت‌پک بوست می‌تواند وب‌سایت من را سریعتر بارگذاری کند؟

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

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

Jetpack Boost’s Image CDN feature automatically converts your images to more modern web formats, resulting in smaller image file sizes without a loss in quality.

آیا جت‌پک بوست با سایر افزونه‌های کش و بهینه‌سازی سرعت سازگار است؟

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

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

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

نقد و بررسی‌ها

25 مارس 2024 1 پاسخ
Da quando ho installato il plugin, diversi conflitti con tutti i temi (generated press, ocean wp, astra ecc.). In particolare nel mio caso non permetteva la visualizzazione del menu su dispositivi mobili, causando la perdita del 90% il numero degli utenti. Tutto è ritornato alla normalità dopo la disattivazione del plugin English: Since I installed the plugin, several conflicts with all themes (generated press, ocean wp, astra etc.). In particular in my case it did not allow the menu to be displayed on mobile devices, causing the number of users to be lost by 90%. Everything returned to normal after deactivating the plugin
3 مارس 2024 1 پاسخ
It solved css issues I had since long time
25 ژانویه 2024 1 پاسخ
It does speed up the website with few clicks!
خواندن تمامی 452 نقد و بررسی‌

توسعه دهندگان و همکاران

“Jetpack Boost – Website Speed, Performance and Critical CSS” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

“Jetpack Boost – Website Speed, Performance and Critical CSS” به 27 زبان ترجمه شده است. با تشکر از مترجمین برای همکاری و کمک‌هایشان.

ترجمه “Jetpack Boost – Website Speed, Performance and Critical CSS” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

گزارش تغییرات

3.1.1 – 2024-03-11

Added

  • Cache: Added a Page Cache module.
  • Defer JS: Automatically exclude JSON-LD schemas.
  • Speed Scores: Added support for annotating points of time in the speed score history graph.

Changed

  • General: Better error handling for invalid data when running wp-admin pages.
  • General: Enabled React.StrictMode for development.
  • General: Improved error handling.
  • General: Indicate compatibility with the upcoming version of WordPress, 6.5.
  • General: Switch to using Blog ID links instead of site slugs in checkout flow.
  • Image Guide: Removed beta flag

Fixed

  • Critical CSS: Prevent errors when page_for_posts misconfigured.
  • Critical CSS: Prevent missing archive pages from breaking the generation process.
  • General: Prevent missing pricing information from affecting the getting started flow.
  • Image Size Analysis: Update summary groups to align with status icons.
  • Concatenate JS/CSS: Ensure minification is enabled.

See the previous changelogs here