چگونه می توان وب سایت عنصر آهسته را برطرف کرد: 16 بهینه سازی که به من کمک کرد نمرات 100٪ صفحه و بارهای فوری را در سایت خود دریافت کنم

03.06.2020
نکات و ترفندهای سرعت وردپرس 'چگونه می توان وب سایت عنصر آهسته را برطرف کرد: 16 بهینه سازی که به من کمک کرد نمرات 100٪ صفحه و بارهای فوری را در سایت خود دریافت کنم
0 50 мин.

Elementor می گوید آنها سریعترین سازنده صفحه برای وردپرس هستند.


بنابراین چه چیزی باعث کاهش سرعت وب سایت شما شده است?

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

به همین دلیل این آموزش را نوشتم.

شما می آموزید که چگونه سایت Elementor کند را با پیروی از توصیه های کلیدی از راهنمای بهینه سازی WordPress و توصیه های Elementor برطرف کنید. من به تصاویر ، دستورالعمل های دقیق ارائه خواهم داد و در صورت نیاز به کمک به همه نظرات پاسخ خواهم داد. من موفق شدم نمرات 100٪ GTmetrix را در صفحه اصلی خود دریافت کنم. حتی ارسال ها با 100+ تصویر و 400+ نظر (اندازه صفحه 5 مگابایت و 170 درخواست) هنوز هم تقریباً بارگیری می شود <2 ثانیه بله ، من یک سرور سریع وردپرس هستم 🙂

بهینه سازی سرعت عنصر

Contents

1. به PHP 7.4 ارتقا دهید

بسیاری از شرکت های میزبان قبلاً PHP 7.4 را منتشر کرده اند.

به روز رسانی نسخه های PHP یکی از ساده ترین راه ها برای افزایش سرعت سایت Elementor شماست. کینستا معیارهای PHP نشان می دهد که نسخه های PHP بالاتر چگونه می توانند 2-3 برابر سریعتر اجرا شوند. عنصر نیز توصیه می کند نسخه های بالاتر PHP و بالا بردن حد حافظه به 256MB (مرحله بعدی را ببینید).

ابتدا نسخه فعلی PHP خود را در زیر Elementor بررسی کنید > اطلاعات سیستم.

نسخه PHP Elementor

در مرحله بعد ، وارد حساب میزبان خود شوید ، مدیر نسخه PHP (یا مشابه آن) را پیدا کنید و یک نسخه PHP بالاتر را انتخاب کنید. همچنین ایده خوبی است که از قبل نسخه پشتیبان تهیه کنید. در غیر این صورت ،!

Kinsta PHP 7.4

مهم: اطمینان حاصل کنید که افزونه های شما با نسخه های بالاتر PHP سازگار است. من از WP Rich Snippets استفاده می کردم (که دیگر حفظ نمی شود) اما با PHP 7.2+ ناسازگار بود ، بنابراین پلاگین را حذف کردم و جایگزینی پیدا کردم. ارزش افزودن افزونه های بدون نگهداری را ندارد.

2. حد مجاز حافظه را به 256MB افزایش دهید

دوباره ، حد حافظه خود را در قسمت Elementor بررسی کنید > اطلاعات سیستم.

هر دو Elementor ، WordPress و WooCommerce حد حافظه 256MB را پیشنهاد کنید.

محدودیت حافظه Elementor

معمولاً می توانید میزان حافظه خود را در حساب میزبان خود تغییر دهید:

حد حافظه

در غیر این صورت ، این کد را به آن اضافه کنید توابع.php.

تعریف (“WP_MEMORY_LIMIT” ، “256M”)؛

3. از قلم های خود میزبان استفاده کنید

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

اگر تو داری Elementor Pro, شما می خواهید از قلم های سفارشی استفاده کنید (در تنظیمات موجود است).

در اینجا آموزش YouTube.

فونت های سفارشی Elementor

Elementor Pro را نداشته باشید?

بسیاری از افزونه ها می توانند به بهینه سازی فونت های Google کمک کنند: WP Rocket ، Autoptimize ، فونت های Google خود میزبان ، OMGF و پاکسازی دارایی. اگر شما نکن می خواهید از افزونه استفاده کنید ، این دستورالعمل ها را دنبال کنید.

مرحله 1: تأیید کنید که قلم سایت Elementor شما را در GTmetrix کند می کند.

فونت های Google GTmetrix

گام 2: قلم های خود را مستقیماً از وب سایت Google Fonts بارگیری کنید. فقط فونت ها و وزنه های قلم را که کاملاً به آنها احتیاج دارید بارگیری کنید (فونت و وزن بیشتر نیز می تواند به معنای درخواست بیشتر باشد).

مرحله 3: از ابزاری مانند استفاده کنید نقل و انتقالات برای تبدیل آنها به پرونده های فونت وب.

Transfonter-Google-Font-Conversion

مرحله 4: پرونده های جدید فونت وب را در وردپرس بارگذاری کرده و آنها را به CSS خود اضافه کنید.

مرحله 5: قلم ها را تست کنید ، یک خطای پیش فرض را اضافه کنید و همیشه خطاهای فونت داشته باشید.

4- بهینه سازی درخواست های شخص ثالث

درست مانند Google Fonts یک درخواست شخص ثالث است ، AdSense ، Analytics ، Maps ، Tag Manager ، فیلم های جاسازی شده و حتی Gravatars یا افزونه های اشتراک اجتماعی می توانند باعث درخواست شخص ثالث شوند.

شما باید این موارد را نیز بهینه کنید.

اسکریپت های خارجی

بهینه سازی برخی از درخواست های شخص ثالث:

WP Rocket یک برگه افزودنی دارد که می تواند کمک کند تجزیه و تحلیل میزبان به صورت محلی و حافظه پنهان مرورگر را به Facebook Pixel اضافه کنید. تنظیمات رسانه WP Rocket به شما امکان می دهد فیلم ها را با بار تنبل هنگام جایگزینی iframe با یک تصویر پیش نمایش. اگر پست هایی را از رسانه های اجتماعی جاسازی می کنید ، سعی کنید از یک عکس تصویری بگیرید و به جای آن از یک تصویر استفاده کنید. Disqus Condition Load ، تعویق تجزیه JavaScript در تنظیمات افزونه حافظه نهان ، و غیرفعال کردن انتخابی اسکریپت ها / افزونه ها در Asset Clean Up می تواند به بهینه سازی اسکریپت ها کمک کند.

WP Rocket Analytics Local

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

Google AdSense می تواند قاتل GTmetrix باشد. به غیر از بارگذاری آن به طور غیر همزمان ، کار بسیار کمی وجود دارد. من همچنین هیچ راه حلی برای بارگذاری سریع Gravatars پیدا نکرده ام و تمام افزونه های حافظه نهان گراواتار را امتحان کرده ام (بنابراین آنها را غیر فعال کرده ام). Google Tag Manager معمولاً فقط باید برای سایت های Elementor بزرگ و غیرقابل استفاده ، مورد استفاده قرار گیرد ، در غیر این صورت معمولاً بیشتر از خسارت وارد می کند.

5- از افزونه های CPU High جلوگیری کنید

برخی از افزونه هایی که فقط باید از آنها دوری کنید.

افزونه های CPU بالا که سایت های Elementor را کند می کنند ، معمولاً مربوط به آمار ، پشتیبان گیری ، به اشتراک گذاری اجتماعی ، اوراق بهادار ، چت زنده ، فرم های تماس ، لغزنده ها ، JetPack و هر افزونه ای است که به طور مداوم برای “کار” در وب سایت شما لازم است (فکر کنید که لینک خراب است. اسکن های در حال انجام جستجوگر).

  1. AddThis
  2. نظارت بر کلاهبرداری AdSense را کلیک کنید
  3. تقویم رویدادهای همه در یک
  4. دوستان پشتیبان
  5. Beaver Builder
  6. بهتر نقشه های وردپرس نقشه های XML XML
  7. جستجوگر پیوند شکسته (استفاده از چک لینک دکتر)
  8. تماس مداوم برای وردپرس
  9. فرم تماس با شماره 7
  10. پست های مرتبط با متن
  11. پیوندهای خودکار Digi
  12. Diskus سیستم نظر
  13. سازنده دیوی
  14. شبکه ضروری
  15. لیست کامل 65 پلاگین کند

اگر یک افزونه آهسته دارید ، می توانید آن را حذف کرده و جایگزینی پیدا کنید ، به صورت انتخابی افزونه را در صفحات خاصی غیرفعال کنید (مرحله بعدی) ، یا استفاده از آن را ادامه دهید و یک سایت Elementor کند داشته باشید..

6. به صورت انتخابی افزونه های بلااستفاده را غیرفعال کنید

Asset CleanUp و Perfmatters عالی هستند غیرفعال کردن افزونه ها, اسکریپت ها و سبک ها.

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

مرحله 1: نصب دارایی CleanUp یا فوق العاده.

افزونه Asset CleanUp

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

مرحله 3: پلاگین ها ، اسکریپت ها و سبک هایی که در صفحه استفاده نمی شوند را غیرفعال کنید. همچنین می توانید آن را بر اساس نوع ارسال غیرفعال کنید ، یا Asset CleanUp Premium (و همچنین Perfmatters) به شما امکان می دهد از RegEx استفاده کنید.

دارایی CleanUp همه را بررسی کنید

7. اسکریپت ها ، سبک ها ، قطعات سبد خرید WooCommerce را غیرفعال کنید

دقیقاً مانند این که افزونه های انتخابی را در مرحله قبل غیرفعال کرده اید ، می توانید از Perfmatters و Asset CleanUp برای انجام همان کار با اسکریپت ها ، سبک ها و قطعات سبد خرید WooCommerce استفاده کنید..

دارایی CleanUp WooCommerce

در واقع Perfmatters به ​​شما امکان می دهد این کار را انجام دهید 1-کلیک کنید:

بهینه سازی ووکامرس تجارت

8. تغییر روش ویرایشگر لودر در Elementor

عنصر می گوید:

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

می توانید این مورد را در قسمت Elementor پیدا کنید > تنظیمات > پیشرفته > ویرایشگر لودر.

روش لودر ویرایشگر سوئیچ Elementor

9. تغییر اندازه تصاویر برای اصلاح ابعاد

هنگام استفاده از Elementor ، مقیاس گذاری (تغییر اندازه) تصاویر برای متناسب با ابعاد صحیح آنها مهم است.

سرویس تصاویر مقیاس پذیر

در غیر این صورت ، خطاهای تصاویر مقیاس شده در GTmetrix را مشاهده خواهید کرد. اگر مشاهده کردید ، ابعاد پیشنهادی شده توسط GTmetrix را بگیرید و تصویر را در آن ابعاد تغییر اندازه دهید ، سپس تصویر را جایگزین کنید. من توصیه می کنم یک “برگه تقلب ابعاد تصویر” ایجاد کنید که ابعاد کلیه مناطق وب سایت شما (لغزنده ، تصاویر برجسته ، تصاویر وبلاگ با عرض کامل ، آرم) را نشان می دهد. به این ترتیب ، می توانید قبل از بارگذاری آنها ، تصویر خود را در ابعاد صحیح تغییر اندازه دهید.

10. میزبانی وب Ditch Shared و ارتقا به Cloud

زمان پاسخگویی سرور آهسته داشته باشید?

سایت خود را از طریق Google PageSpeed ​​Insights اجرا کنید و مطمئن شوید که اینگونه است <200ms مانند گوگل توصیه می کند. سرور (میزبان) شماست عامل شماره 1 در راهنمای بهینه سازی وردپرس.

من معمولاً SiteGround (میزبانی مشترک) را توصیه می کنم که اگر کمی ترافیک و پلاگین دارید خوب است. اما هنگامی که شما به میزبانی ابر بروید (مثلاً. Cloudways DigitalOcean)، تفاوت شب و روز است. من از SiteGround به Cloudways مهاجرت کردم و زمان بار من به نصف کاهش یافته است. حتی ارسال ها با 100+ تصویر و 400+ نظر (اندازه صفحه 5 مگابایت ، 170 درخواست) همچنان زیر 2s بار دارد.

میزبان عناصر

SiteGround-vs-Cloudways-Cloud-Hosting

GTmetrix-گزارش-برای-پست طولانی

تجربیات افراد دیگر با Cloudways:

Cloudways Times Response

WP Engine به Cloudways

گزارش DigitalOcean Pingdom

بار پاسخگویی سرور Cloudways

بهبود زمان بارگذاری ابر

Cloudways vs WP Engine

بدون عنوان

Cloudways Pingdom بار بار

گزارش Cloudways Pingdom

Namecheap To Cloudways Migration

Cloudways WooCommerce مهاجرت

Cloudways AWS مهاجرت

آنها همچنین در بسیاری از نظرسنجی های فیس بوک شماره یک بودند و از موارد عالی نیز برخوردار بودند بررسی TrustPilot:

میزبانی توصیه های فیس بوک

VPS Cloud Hosting نظرسنجی WooCommerce

نظرسنجی میزبان ابر VPS

پیشنهادات میزبانی وردپرس

Cloudways-Facebook-Review

Cloudways بررسی Facebook

Cloudways vs SiteGround

خط پایین: اگر برنامه های WooCommcerce ، AdSense ، پلاگین های CPU بالا را اجرا نکردید یا از ترافیک مناسبی برخوردار نیستید ، میزبانی مشترک مشترک خوب است. اما وقتی یکی از این موارد را داشته باشید ، به میزبانی ابر بپردازید. بله ، من یک عضو وابسته هستم ابرهای ابری) ، اما تعداد زیادی از افراد دیگر نیز مهاجرت کرده و نتایج خود را ارسال می کنند. کد OMM25 از دو ماه اول میزبانی در Cloudways 25٪ تخفیف به شما می دهد.

11. پلاگین کش کش آزاد و از موشک WP استفاده کنید

چرا WP Rocket معمولاً # 1 در نظرسنجی های فیس بوک است?

از آنجا که این ویژگی نسبت به سایر افزونه های حافظه نهان سرعت بیشتری دارد (پاکسازی بانک اطلاعاتی ، تجزیه و تحلیل محلی ، ترکیبی از فونت های گوگل ، بارگیری تصاویر تنبل + فیلم ، CDN + ادغام Cloudflare ، کنترل ضربان قلب ، حافظه پنهان در وب ، پیش تنظیم ، ذخیره سازی مرورگر Facebook Pixel).

به همین دلیل WP Rocket نمرات بهتری + بار بار در GTmetrix کسب می کند و به معنای افزونه های کمتری در سایت Elementor شما است. همیشه با ویژگی های جدید به روز می شود و توسط یک تیم قابل اعتماد نگهداری می شود.

بنابراین اگر هنوز از WP Fastest Cache یا W3 Total Cache استفاده می کنید ، باید واقعاً گرداب آن را بدهید.

2016 بهترین نظرسنجی افزونه کش

نظرسنجی افزونه کش 2017

Swift vs WP Rocket

نظرسنجی افزونه کش 2016

نظرسنجی بهترین افزونه های کش 2018

wp rack vs w3 totla cache

تفاوت را مشاهده خواهید کرد:

موشک WP قبل از بعد

12. پایگاه داده خود را تمیز کنید

آیا شما برنامه ریزی تمیز کردن پایگاه داده در حال انجام است?

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

می توانید از افزونه هایی مانند WP Rocket و WP-Optimize استفاده کنید پایگاه داده WordPress خود را تمیز کنید. فقط مطمئن شوید که همه موارد حذف شده را مرور می کنید و از قبل نسخه پشتیبان تهیه می کنید.

WP-Optimize Database Clean

13. از CDN Cloudflare استفاده کنید

استفاده از Cloudflare کاری غیرمستقیم است.

این برنامه رایگان است ، دارای بیش از 200 مرکز داده و CDN می باشد توصیه شده توسط WordPress.

آرم Cloudflare

برخی میزبان ها مانند SiteGround به شما امکان می دهند Cloudflare را در داشبورد خود فعال کنید. در غیر این صورت ، برای برنامه رایگان Cloudflare ثبت نام کنید ، به سیستم ثبت دامنه وارد شوید و به سرورهای Cloudflare تغییر دهید.

در داشبورد ، ترفندهایی وجود دارد که باید در نظر بگیرید:

  • سرعت: Brotli و Rocket Loader را فعال کنید
  • Scrape Shield: محافظت از لینک مستقیم را فعال کنید
  • دیواره آتش: مسدود کردن ربات های بد از گزارش ترافیک زنده Wordfence
  • قوانین صفحه: Cloudflare موارد زیادی دارد قوانین صفحه برای سرعت ، امنیت ، سازگاری

14. از یک موضوع سبک استفاده کنید

زمان داستان.

من از یک موضوع ThemeForest استفاده می کردم که توسط توسعه دهنده کنار گذاشته شد (ریسکی که هنگام خرید یک موضوع از یک توسعه دهنده مستقل از آن استفاده می کنید ، حتی اگر بررسی خوبی هم داشته باشد). من همچنین هنگام خرید مضامین نفخ شده برای مشتریانی که سایت وردپرس آنها را کند می کند ، کابوس هایی نیز داشتم.

منظورم این است که داشتن همه چیز داخلی ، کار را خیلی راحت تر می کند ، درست است?

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

امیدوارم اکثر شما از مضامین Astra، Flatsome یا StudioPress استفاده می کنید که اصلی ترین مواردی هستند که من توصیه می کنم.

15. یافتن بطری های موجود در GTmetrix

به غیر از اندازه گیری نمرات + بار بار ، می توانید موارد کاملاً خوبی را در GTmetrix کشف کنید. از آنجا که هر سایت Elementor متفاوت است ، شما می خواهید دقیقاً آنچه را که باعث کند شدن شماست پیدا کنید.

زمان برای اولین بایت

زمان برای اولین بایت

تصاویر غیرقابل استفاده

بهینه سازی تصویر در GTmetrix

پلاگین های کند

افزونه وردپرس آهسته

16. آخرین 10٪ سرعت را با Perfmatters به ​​پایان برسانید

فوق العاده (توسط Kinsta) مراقبت از آنچه من دوست دارم به نام بهینه سازی سرعت های مختلف:

ویژگی های perfmatters

برخی از این موارد بسیار مفید هستند. مدیر اسکریپت که به شما امکان می دهد افزونه ها / اسکریپت ها را به صورت انتخابی غیرفعال کنید از صفحات خاص ، تغییر فاصله autosave ، محدود کردن بازنگری های ارسال ، پیش اتصال و غیرفعال کردن اسکریپت ها ، سبک ها و قطعات سبد خرید WooCommerce. وقتی صحبت از این بهینه سازی ها می شود ، من از هیچ افزونه ای که کار بهتری نسبت به Perfmatters انجام دهم ، نمی دانم.

چه انتظاری دارید ، این Kinsta است. البته این افزونه عالی است.

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

&# x1f680؛ شایع ترین دلایل یک سایت آرام Elementor چیست؟?

استفاده نکردن از افزونه کش مناسب ، پیکربندی بهینه تنظیمات افزونه حافظه نهان ، بهینه سازی میزبانی وب ، تصاویر غیرقابل استفاده ، استفاده از فونت های گوگل و اسکریپت های خارجی ، افزونه های CPU بالا و استفاده نکردن از CDN برخی از مهمترین دلایل کندی سایت Elementor.

&# x1f680؛ برای سرعت بخشیدن به Elementor چه کاری می توانم انجام دهم?

برای کاهش میزان درخواست از فونت های Google یا Font Awesome از گزینه فونت های سفارشی Elementor استفاده کنید. شما همچنین می توانید با استفاده از افزونه ای مانند Asset CleanUp یا Perfmatters توسط Kinsta ، عملکردهای Elementor بلااستفاده را به صورت انتخابی غیرفعال کنید. بقیه بهینه سازی سرعت عمومی هستند که هیچ ارتباطی با Elementor ندارند.

&# x1f680؛ چگونه می توانید از فونت های سفارشی استفاده کنید تا سریعتر بارگیری شود?

برای این کار به یک حساب Elementor Pro نیاز دارید. پرونده های قلم خود را بارگیری کنید (به عنوان مثال از فونت های Google) و آنها را در بخش قلم های سفارشی Elementor بارگذاری کنید.

&# x1f680؛ آیا Elementor سایت من را کند می کند?

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

&# x1f680؛ چه میزبانی برای سایت های Elementor توصیه می شود?

در گروه محبوب Facebook Elementor ، SiteGround و Cloudways معمولاً 2 میزبان برتر رتبه بندی شده در نظرسنجی های فیس بوک هستند.

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

من این را می گویم: Cloudways و WP Rocket باید 80٪ از مشکلات شما را برطرف کنند. میزبانی وب و افزونه حافظه نهان بزرگترین عامل در راهنمای بهینه سازی وردپرس هستند. اما اگر سایت Elementor شما هنوز کند است ، نظر خود را با گزارش GTmetrix خود برای من بگذارید و خوشحالم که می توانم نگاهی بیندازم. تیم ما همچنین بعد از گزارش GTmetrix خدمات سرعت وردپرس را با قبل + ارائه می دهد.

به سلامتی,
تام

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Понравилась статья?
    Комментарии (0)
    Комментариев нет, будьте первым кто его оставит

    Комментарии закрыты.

    Adblock
    detector