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

در این آموزش قصد داریم سرعت سایت ساخته شده با المنتور را با افزونه wp rocket افزایش دهیم.

 

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

اگر می­خواهید مطمئن شوید که وب سایت وردپرس شما به سرعت لود می­شود، لازم است یاد بگیرید که چگونه سایت Elementor خود را بهینه کنید و سرعت آن را با یکی از پلاگین کش­های برتر وردپرس یعنی  افزونه wp rocket  وردپرس بهبود ببخشید.

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

 

آموزش افزونه المنتور به شما کمک می­کند که روش­های سرعت بخشیدن به سایت خود را بدانید.

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

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

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

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

ما این کار را با استفاده از یک افزونه المنتور پرو یعنی پلاگین WP Rocket انجام خواهیم داد.

دلایلی مهم برای افزایش سرعت و بهینه بودن سایت مان

 

در آموزش افزونه المنتور می­بینید که با توجه به تحقیقات گوگل، در حال حاضر صفحه وب تلفن همراه به طور متوسط 15.3 ثانیه طول می­کشد تا به طور کامل دانلود گردد.

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

علاوه بر این، اگر شما مدیریت یک وبسایت تجارت الکترونیک را دارید، به خاطر داشته باشید که تاخیر یک ثانیه در زمان لود تلفن همراه می­تواند conversion rates شما را تا 20٪ افزایش دهد.

(در علم تبلیغات به درصد افرادی که تبلیغات را مشاهده می­کنند و خرید می­کنند، conversion rates گفته می­شود.)

با توجه به این محدودیت، چگونه می­توانید اطمینان حاصل کنید که وب سایت وردپرس شما به اندازه کافی سریع است؟

آیا جهت انجام این کار، شما نیاز به درگیر شدن در کارهای فنی دارید، و یا باید غرق در کد نویسی برای سایت خود شوید؟

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

در حال حاضر سرعت بخشیدن در اجرای یک وب سایت، ساده است.

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

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

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

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

دلایل مهم برای داشتن کش در عملکرد سایت مان

 

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

به این ترتیب تمامی فایل های HTML، تصاویر، CSS و JS از سایت شما کش می­شوند.

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

این­کار باعث می­شود که فرآیند بسیار سریعتر انجام گردد.

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

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

(برای مروری دقیق بر آموزش برگه ساز المنتور از ذخیره سازی وردپرس، شما می توانید Caching برای وردپرس را اینجا بخوانید، که به زبان ساده انگلیسی بیان شده است.)

 

استفاده از افزونه کش wp rocket برای افزایش سرعت با سایت ساخته شده با المنتور

 

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

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

سه برنامه در دسترس شما وجود دارد :

• اول اینکه، اگر شما تنها یک وبسایت داشته باشید،
• به علاوه اینکه، اگر می­خواهید از آن در 3 سایت استفاده کنید،
• در نهایت اینکه، اگر قصد دارید تعداد نامحدودی از وب سایت ها را ذخیره کنید.

هنگامی که شما بهترین افزونه کش ، Wp Rocket را برای نیازهای خود انتخاب کرده ­اید، به صفحه حساب دسترسی خواهید داشت.

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

این پلاگین با حداقل پیکربندی (پیش فرض) ، درست کار می­کند.

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

پلاگین WP Rocket به طور خودکار 80 درصد از عملکردهای وب را پس از فعال سازی اعمال می­کند، از جمله موارد زیر:

– حافظه پنهان یا کش استاتیک برای دسکتاپ و موبایل : این نسخه HTML استاتیک محتوای شما است، حافظه مرورگر (در آپاچی، در سرور موجود است): این انواع خاصی از فایل ها را در کامپیوتر محلی بازدید کنندگان شما ذخیره می­کند

– فشرده سازی GZIP (در آپاچی، در سرور موجود است) : این تکنیکی است که فایل­های ارسال شده از سرور شما به مرورگر بازدید کنندگان شما را، فشرده سازی می­کند

– پشتیبانی متقابل برای فونتهای وب (در آپاچی)

– شناسایی و پشتیبانی از پلاگین­های مختلف، تم ها و محیط­های میزبانی

– کش سبد خرید WooCommerce را ذخیره و قطعه بندی می­کند.

بقیه موارد در آموزش افزونه المنتور انتخابی هستند که می­توانید از آنها استفاده نکنید.

 

تنظیمات مناسب موشک وردپرس برای سایتی که با المنتور ایجاد شده

 

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

هر سایت متفاوت است و حتی اگر در صفحه ساز المنتور مشترک باشد، عوامل متعددی می­توانند بر انتخاب بهترین تنظیمات موشک وردپرس تأثیر بگذارند.

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

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

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

راهی که می توانیم مطمئن شویم با افزونه کش وردپرس وب سایت مان سریعتر شده

 

در ادامه آموزش یک وب سایت نمونه که کارهای طراحی داخلی را به نمایش گذاشته، را بررسی می­کنیم.

این سایت توسط میزبان OVH اختصاصی، میزبانی می­شود. وردپرس 5.1.1 و پی اچ پی 7.0.33 را اجرا می­کند.

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

توجه داشته باشید که در هنگام اجرای برنامه سنجش سرعت سایت خود، باید سرعت همه صفحات خود را تست کنید!

در ادامه آموزش افزونه المنتور، برای آزمایش صفحه می­توان از GTMetrix استفاده کرد.

اگر یک حساب کاربری رایگان با GTMetrix ایجاد کنید، می­توانید چندین تست ترکیبی شامل ترکیب مکان ها، مرورگرها و نوع اتصال را انجام دهید.

شما همچنین می­توانید نسخه تلفن همراه وب سایت خود را از یک دستگاه معمولی مثلAndroid Galaxy Nexus تست کنید، اما این گزینه فقط در ونکوور کانادا، به عنوان محل تست در دسترس است.

برای این مقاله، محیط آزمایش GTMetrix به صورت زیر تنظیم شده است :

• محل تست: لندن، انگلستان (از آنجا که نزدیکترین محل به سرور این وبسایت در فرانسه است)،
• مرورگر: کروم،
• نوع ارتباط : LTE Mobile 10/15  مگابیت در ثانیه، 100 میلی ثانیه.

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

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

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

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

 

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

 

در این سایت نمونه کارها بسیار ساده است، بنابراین نباید انتظار داشت که خیلی آهسته باشد.

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

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

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

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

در آزمایش جاری چگونگی اجرای صفحه بدون هیچگونه بهینه سازی انجام می­شود.

6.1 ثانیه، 4.38 مگابایت، 59 درخواست

دانلود این نمونه صفحه در 6.1 ثانیه انجام گرفت.

بیایید ببینیم زمانی که WP Rocket را فعال کنیم چه تغییری حاصل می­شود.

نتیجه را می توانید مشاهده کنید » https://gtmetrix.com/reports/mega.wp-rocket.me/smjnBVls

 

تست سرعت سایت نمونه : پس از کش (بدون تنظیمات فعال)

 

در ادامه آموزش ، افزونه موشک وردپرس را فعال می­کنیم.

برای تأیید اینکه سایت به درستی کش شده است، لازم است کد منبع آن را بررسی کرده و نتایج کش را در انتهای صفحه مشاهده کرد.

نتایج سبز در انتهای منبع کد نشان می­دهد که سایت با WP Rocket کش شده است.

در این لحظه،  هیچ گزینه ای انتخاب نمی­شود، برای آموزش افزونه المنتور فقط مواردی که به صورت پیش فرض فعال شده، در نظر می­گیریم

• حافظه تلفن همراه (بر اساس شناسایی تلفن همراه وردپرس)،
• طول عمر حافظه پنهانی کش (10 ساعت)،
• ترکیب فایل های فونت گوگل،
• غیر فعال کردن Emoji وردپرس،
• غیر فعال کردن Embeds وردپرس،
• لود شدن (بر اساس صفحه اصلی و صفحاتی که از آن لینک شده­اند)
در اینجا نتیجه GTMetrix پس از کش (با گزینه های پیش فرض) آورده شده­است :
5.4 ثانیه، 4.38 مگابایت، 57 درخواست
همانطور که می­بینید، صفحه در این حالت تقریبا 1 ثانیه سریع تر از حالت بدون کش است!

اما در ادامه آموزش افزونه المنتور می­توان عمیق­تر حرکت کرد و نتیجه بهتری گرفت.

 

تست سرعت سایت نمونه : کش+ گزینه های اضافی موشک وردپرس Wp Rocket

 

GTMetrix قبلا سه مساله اصلی را برای این صفحه برجسته کرده است:
• حجم آن 4.38 مگابایت است، که به دلیل حضور چندین تصویر بهینه نشده و ویدیو یوتیوب است.
• 1.2 مگابایت از جاوا اسکریپت در طول دانلود صفحه اول تجزیه می­شود و در نتیجه پیشنهاد بازخوانی جاوا اسکریپت را می­دهد.
• تصاویر و فونت­های وب با تاخیر می­آیند، تصویر زیر را از زبانه آبشاری GTMetrix  ببینید:

 

حال در ادامه آموزش باید تغییر وضعیت را وقتی گزینه های افزونه موشک فعال می­شود، بررسی کرد.

باید گزینه هایی که می­توانند به طور مستقیم با مسائل ذکر شده در ارتباط باشند، در نظر گرفت.

به طور خاص، اگر گزینه های زیر یکی یکی فعال شوند، چه خواهد شد:

از زبانه بهینه سازی فایل:
• حداقل کردن کردن HTML
• ترکیب کردن فایل های فونت گوگل
• حذف رشته های پرس و جو از منابع استاتیک
• حداقل کردن فایل های CSS
• ترکیب کردن  فایل های CSS
• حداقل کردن فایل های جاوا اسکریپت
• ترکیب کردن فایل های جاوا اسکریپت
• دانلود جاوا اسکریپت معوق شده، و حالت ایمن توصیه شده آن برای زیر گزینه jQuery

از زبانه رسانه:
• LazyLoad برای تصاویر
• LazyLoad برای فریم­ها و فیلم­ها
• جایگزین IFrame یوتیوب با یک تصویر قبلا دیده شده.

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

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

زیرا گاهی اوقات با دیگر پلاگین­ها یا گزینه ­های تم، اختلاف نظر دارند.

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

در حال حاضر کد صفحه نمونه آزمایشی نیز (به لطف حداقل کردن، ترکیب کردن، و دانلود مجدد جاوا اسکریپت) بهینه شده و تصاویر فقط زمانی که کاربر صفحه را حرکت می­دهد، لود می­شوند و ویدئو یوتیوب به لطف LazyLoad با پیش نمایش تصویر جایگزین شده است.

اینجا نشان می­دهد که کد منبع سایت نمونه چگونه به نظر می­رسد :

 

هیچ جای خالی و هیچ توضیح HTML وجود ندارد، تمام جزئیات غیر ضروری که کد را سنگین­تر می­کنند توسط کش وردپرس حذف می­شوند.

نتیجه سرعت در زیر آمده است:

2.7 ثانیه، 1.94 مگابایت، 20 درخواست
این یک نتیجه عالی در آموزش افزونه المنتور است!

گزینه های اضافی موشک وردپرس سرعت سایت نمونه را افزایش داد، زمان بارگذاری آن را از 5.4 تا 2.7 ثانیه کاهش داده، تعداد درخواست ها از 57 به 20 کاهش یافته، و همچنین حجم کل صفحه کم شده است.

آموزش نحوه بهینه سازی تصاویر را فراخواهیم گرفت

 

برای تنظیم روند بهینه سازی، باید همچنین بر روی تصاویر کار کنیم و اندازه آنها را کاهش دهیم.

بعضی از آنها با حجم (از 300 تا 500 کیلوبایت) بسیار سنگین هستند و بر اندازه کلی صفحات، تأثیر می­گذارند.

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

اگر شما آن را نصب نکنید، کش وردپرس انجام این کار را به شما پیشنهاد می­کند.

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

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

خودتان چک کنید:

کاهش اندازه تصاویر روی صفحه، سرعت لود را افزایش داد.

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

 

نتیجه گیری

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

افزونه WP Rocket وردپرس، به  Elementor سایت شما کمک می­کند که سریعتر اجرا شود و رتبه بندی بهتری در SERP داشته باشد.

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

این نتیجه تنها با استفاده از گزینه های موجود در زبانه رسانه ­ها و بهینه سازی فایل امکان­پذیر است.

اما افزونه کش وردپرس ویژگی­های دیگری دارد که شما می­توانید با توجه به ویژگی­های سایت خود آنها را کشف و فعال کنید : یکپارچگی CDN ، Cloudflare، بهینه­ سازی پایگاه داده یا کنترل Heartbeat تنها برخی از آنهاست. علاوه بر این، با استفاده از پلاگین  Imagify، شما می­توانید تصاویر را بهینه ­سازی کنید، اندازه آنها را کاهش داده و سرعت سایت خود را افزایش دهید.

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