افزایش سرعت وبسایت با 2 روش بسیار آسان و کاربردی

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

آنچه در این مقاله خواهید خواند

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

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

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

Minification چیست و چه زمانی به آن نیاز داریم ؟

[toc]

معنی Minify روشی می باشد که اندازه فایل های وب سایت شما را کوچکتر یا همان بهینه سازی می کند. این کار با حذف فضاهای سفید، خطوط و کاراکترهای غیر ضروری که در کدهای استفاده شده در وبسایت وجود دارد باعث کوچک شدن فایل های css و جاوا اسکریپت می شود.

به صورت کلی توصیه می شود تنها فایل هایی که توسط مرورگر خوانده می شوند را بهینه کنید که این فایل ها شامل HTML,CSS,javascript می شود.

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

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

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

افزایش سرعت لود وبسایت در وردپرس

روش اول : فشرده سازی فایل های CSS و javascript در وردپرس با استفاده از افزونه WP-Rocket

یکی از بهترین روش ها که به همه کاربران پیشنهاد میکنیم  و بدون در نظر گرفتن اینکه از چه نوع هاستی استفاده میکنید, نصب افزونه موشک (WP-Rocket) میباشد.

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

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

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

حال بریم به سراغ تنظیم کردن این افزونه محبوب جهت فشرده سازی فایل های وبسایت وردپرسی.

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

فعال سازی

در این بخش باید گزینه فشرده سازی فایل های CSS را فعال کنید.

هشدار فعال سازی

 

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

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

 

هشدار فعال سازی

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

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

فعال سازی جاوا اسکریپت

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

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

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

پاک کردن کش

روش دوم : فشرده سازی فایل های CSS و جاوا اسکریپت با استفاه از افزونه Auto optimize

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

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

نصب افزونه

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

در همان تب ابتدایی که به نام  HTML , CSS , Js می باشد. گزینه بهینه سازی کد javascripts را فعال کنید.

فعال سازی جاوا اسکریپت auto

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

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

فعال کردن css

در انتها نیز تمامی تغیرات را ذخیره کنید.

برای عملکرد صحیح افزونه بعد از ذoیره تغیرات یکبار بر روی گزینه clear css/js cashe  کلیک کنید تا تمامی کش حذف شوند.

ذخیره تغیرات

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

امتیاز شما به این مطلب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.