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

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

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

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

در این آموزش 0 تا 100 روش‌های افزایش سرعت سایت و بهینه‌سازی وردپرس را پوشش خواهیم داد.

منظور از سرعت سایت یا page speed چیست؟

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

دقت کنید یک صفحه واحد!

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

سه متریک مهم برای سرعت سایت عبارتند از Fully Loaded Page , Time to First Byte , First Contextual Paint که در ادامه به بررسی هرکدام خواهیم پرداخت.

Fully Loaded Page : به عبارت ساده یعنی مدت زمانی که طول می‌کشد تا یک صفحه از سایت بطور کامل و 100 درصدی در مرورگر کاربر بارگذاری شود.

Time to First Byte (TTFB) : این متریک به زمان ارسال اطلاعات از سمت سرور و به عبارتی زمانی که یک صفحه شروع به بارگذاری می‌شود اشاره دارد.

First Contextual Paint : بارگذاری کامل صفحه نه ولی مدت زمانی که طول می‌کشد تا محتوای صفحه برای کاربر قابل استفاده باشد را FCP می‌گویند.

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

چرا بهینه سازی سرعت وردپرس مهم است ؟

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

در حقیقت گوگل از سال 2010 سرعت یک سایت را به عنوان یک فاکتور مستقیم برای رتبه بندی سایت‌ها در نظر گرفت.

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

پس یکی از مهم‌ترین چرایی‌هایی که باعث می‌شود بر روی افزایش سرعت سایت خود وقت بگذاریم به دلیل SEO و بهبود رتبه سایتمان است.

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

از این رو کند بودن سایت شما موجب از اتلاف انرژی ، زمان ، و بودجه‌ی بازاریابی و تبلیغات شما می‌شود.

و عددی که برای مدت زمان لود صفحات به جهت حفظ رضایت کاربر اغلب عنوان می‌شود زیر 2 ثانیه است.

حالا چرا بهینه سازی وردپرس تا این حد مهم است؟

چون واقعا وردپرس به خودی خود آمار خوبی در مورد سرعت از خود نشان نمی‌دهد و نیازمند بهینه سازی است.

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

چگونه سرعت وردپرس را افزایش دهیم؟

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

عملکرد وب‌سایت وردپرسی خود را بسنجید

اولین قدم در مسیر بهینه‌سازی وردپرس و افزایش سرعت آن تست سرعت است.

باید بدانیم در کجا قرار داریم و چقدر کار داریم.

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

مطمئنا شما هم ابزارهای زیادی برای تست سرعت سایت سراغ دارید . اما از نظر من سه ابزار

• PageSpeed Insights
• GT Metrix
• google lighthouse

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

از هاست با کیفیت استفاده کنید.

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

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

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

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

از یک DNS Provider پرسرعت استفاده کنید.

دسترسی به وب‌سایت شما با استفاده از dns ها مثل وارد کردن شماره تلفن شماست برای شنیدن صدای شما ، برای اینکه درک بهتری از این موضوع داشته باشید دقیقا باید بدانید که dns چیست ؟

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

دقیقا همین موضوع در مورد پیدا کردن و برقراری ارتباط dns ها و سرعت دسترسی به وب‌سایت شما تصدیق می‌کند.

برای همین به جهت افزایش سرعت سایت بهتر است که از یک dns provider قدرتمند استفاده کنید.

می‌توانید از طریق ابزار dnsperf سرعت دسترسی به dns خود را بسنجید و اگر از سرعت مطلوبی بر خوردار نبودید پیشنهاد ما استفاده از سیستم dns provider شرکت cloudflare است که بصورت رایگان می‌توانید از آن استفاده کنید.

در حقیقت cloudflare پر سرعت ترین dns provider دنیاست و دارای بالاترین پایداری را در میان دیگر ارائه دهندگان سرویس dns می‌باشد.

بزودی ویدئویی برای تنظیم dns ها در کلود فلر در همینجا قرار می‌دهیم.

کدها را بهینه و فشرده کنید.

اغلب از اصطلاح minify کردن کدها نیز برای این عنوان استفاده می‌شود.

minify کردن شامل :

• کدهای HTML
• کدهای CSS
• Java Script ها

و هر کد دیگری که در صفحات خود دارید می‌شود.

برای این‌کار می‌توانید از افزونه‌های بهینه سازی وردپرس استفاده کنید که در ادامه بهترین آن‌ها را معرفی خواهیم کرد.

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

افزونه‌ای که من برای این‌کار از آن استفاده ‌می‌کنم‌، افزونه litespeed است. از نظر من ‌litespeed با تجربیاتی که در بین دیگر افزونه‌ها داشتم ، یک افزونه رایگان تمام عیار است و شما را از هر ابزار دیگری بی‌نیاز می‌کند.

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

برای مثال ممکن است بهتر باشد تمام کد‌های مربوط به افزونه yoast را از صفحه اصلی وب‌سایت خود پاک کنید، چرا که اغلب نام برند شما بصورت خودکار سئو شده و دیگر احتیاج به ریزه‌ کاری های زیادی ندارید.

وردپرس را به سیستم کش (caching) مجهز کنید.

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

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

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

منظور از لایه‌های کشینگ نیز

• سیستم کش در مرورگر
• کش سمت سرور
• کش CDN

می‌باشد که هر کدام کارایی و عملکرد متفاوتی را دارند.

استفاده از کش CDN یا همان شبکه توزیع محتوا و کش سمت سرور شاید برای همه امکان پذیر نباشد.

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

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

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

مولتی مدیا را بهینه‌سازی کنید.

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

اولین توصیه برای بهینه‌سازی تصاویر در ودرپرس فعال کردن lazy load است . lazy load باعث می‌شود که سرعت بارگذاری شما بطور چشم‌گیری افزایش پیدا کند.

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

نکته مهم‌تری که باید به آن بپردازید این است که مطمئن شوید سایز عکس‌ها بزرگتر از چیزی که نیاز دارید نیست. برای مثال گاهی شما به یک عکس 500 در 500 برای نمایش نیاز دارید اما عکسی که در وب‌سایت بارگذاری کرده‌اید 1080*1080 می‌باشد و بصودت 50% به نمایش درآمده .

دقیقا بدانید که تصویری که لازم دارید در چه سایزی است و در همان اندازه آن را طراحی کنید.

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

همچنین می‌توانید با ابزار imagecompressor و tinypng حجم عکس‌های خود را در بهینه‌ترین حالت فشرده کنید.

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

از رایانش ابری بهره بگیرید.

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

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

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

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

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

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

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

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

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

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

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

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

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

افزونه‌های افزایش سرعت وردپرس

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

اغلب این افزونه‌ها اکثر موارد بالا را پوشش می‌دهند.

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

از همین جهت ترجیح دادیم در عوض معرفی تکراری و بدون نظم افزونه‌ها، همه آن‌ها را یکجا معرفی کنیم و امکانات آن‌ها را بررسی کنیم.

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

افزونه کش لایت‌اسپید (litespeed cache)

افزونه litespeed ارائه شده توسط LiteSpeed Technologies یک افزونه تمام عیار است که بهترین عملکرد را در بین آزمایش با دیگر افزونه‌ها از خود نشان داد.

افزونه wp rocket

این درست است که من طرفدار پر و پا قرص افزونه litespeed هستم اما باعث نمی‌شود که محبوب و مشهور بودن wp rocket را انکار کنم.

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

افزونه wp rocket در نسخه پولی ارائه می‌شود که آن را می‌توانید از وبسایت‌های ژاکت و راستچین تهیه کنید.

افزونه W3 total cache

راستش را بخواهید من هیچ وقت از w3 total cache استفاده نکرده‌ام اما کافیست در گوگل عبارت بهترین افزونه‌های افزایش سرعت سایت را سرچ کنید.

w3 total cache در تمام لیست‌ها جا خوش کرده و همه وصف خوبی‌ها و مزایای این افزونه را را عنوان کرده اند.

من‌هم با استفاده و استناد به این لیست‌ها که توسط دیگر همکاران عزیزم نوشته شده اند حس می‌کنم می‌توان روی w3 total cache هم برای افزایش سرعت وردپرس حساب باز کرد و بررسی و تجربه عملکرد آن را بر عهده شما می‌گذارم تا در کامنت‌ها با ما در میان بگذارید.

جمع بندی

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

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

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

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

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

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