9 روش افزایش سرعت سایت وردپرس به سبک NASA X-43

احتمالا برای همه ما پیش اومده که روی یه لینک سایت کلیک می‌کنیم چون دیر باز شده، بی‌خیالش می‌شیم و می‌ریم سراغ یکی دیگه؟ مطمئناً شده. حالا فکر کنید همین اتفاق داره برای سایت شما هم می‌افته و شما اصلاً خبر ندارید. سرعت سایت دقیقاً همون چیزیه که خیلی از ما موقع طراحی و سئو ازش غافل می‌شیم، در حالی که مستقیماً روی رتبه‌ی گوگل، بازدید، رضایت کاربر و حتی فروشمون تأثیر می‌ذاره.

خبر خوب اینه که افزایش سرعت سایت اون‌قدرها هم که فکر می‌کنید پیچیده نیست. توی این مقاله قراره اول ببینیم اصلاً سرعت استاندارد چقدره و با چه ابزارهایی می‌شه سایت رو تست کرد، بعدش هم بریم سراغ ۱۰ تکنیک کاربردی که با پیاده‌سازیشون می‌تونید سایت وردپرس‌تون رو تبدیل کنید به یکی از سریع‌ترین‌ها. پس بیایید شروع کنیم.

اهمیت سرعت سایت

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

حالا فرض کنید یه سایت فوق‌العاده قشنگ و حرفه‌ای طراحی کردید، ولی موقع باز شدن لاک‌پشت می‌شه. می‌دونید چی می‌شه؟ هیچی. کاربر صبر نمی‌کنه. بیشتر آدم‌ها حاضر نیستن چند ثانیه بیشتر منتظر بمونن؛ سایت رو می‌بندن و می‌رن سراغ رقیبتون. یعنی تمام زحمتتون با یه تأخیر چندثانیه‌ای می‌ره رو هوا.

درس سرعت از NASA X-43

یه چیز جالب بگم براتون. ناسا یه هواپیمای بدون سرنشین مافوق صوت ساخته به اسم X-43 که یکی از سریع‌ترین وسیله‌هاییه که تا حالا دست بشر ساخته. داستان سایت هم دقیقاً همینه؛ باید بشه یکی از سریع‌ترین سایت‌هایی که یه وب‌مستر ساخته.

نگاه کنید، الان که خیلی از رقباتون وقتشون رو صرف اینستاگرام و حاشیه می‌کنن، شما می‌تونید با تمرکز روی خود سایت جلو بیفتید. بیاید سایتتون رو بکنیم NASA X-43 خودتون.

سرعت استاندارد لود سایت

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

اگه سایتتون بین ۳ تا ۷ ثانیه لود می‌شه، می‌شه گفت هنوز تو محدوده‌ی قابل‌قبولی هستید، ولی کم‌کم دارید بازدید از دست می‌دید. اما اگه از ۱۰ ثانیه رد شد، دیگه باید جدی دست به کار بشید، چون کاربرها رو دارید فراری می‌دید و کلی مشکل سر راهتون سبز می‌شه.

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

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

ابزار GTmetrix

این یکی از محبوب‌ترین‌هاست. کارش اینه که سایتتون رو آنالیز می‌کنه و خطاها رو با جزئیات می‌ذاره جلوتون. گزارش‌هاش بر پایه‌ی Google Lighthouse ساخته می‌شه که استاندارد روز سنجش سرعته. توی گزارش جدید به‌جای امتیازهای قدیمی، سه شاخص اصلی می‌بینید: نمره‌ی کلی (GTmetrix Grade)، امتیاز عملکرد (Performance) و امتیاز ساختار (Structure). کنارش هم شاخص‌های Core Web Vitals رو نشونتون می‌ده که دقیقاً همون چیزیه که گوگل برای رتبه‌بندی بهش اهمیت می‌ده. نمودار آبشاری (Waterfall)، ویدیوی بارگذاری صفحه و تاریخچه‌ی تست‌ها هم سر جاشونن. نکته‌ی خوب دیگه‌ش اینه که بعد از ثبت‌نام می‌تونید مکان سرور و نوع دستگاه تست رو انتخاب کنید و نتیجه‌ها رو با هم مقایسه کنید.

ابزار Website Speed Test

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

ابزار Google PageSpeed Insights

این رو خود گوگل معرفی کرده. سرعت سایتتون رو بررسی می‌کنه و راهکار هم بهتون می‌ده. فقط یه نکته: برای سایت‌های ایرانی محدودیت داره، پس قبل از ورود حتماً IP‌تون رو عوض کنید.

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

ابزار Pingdom

این هم اطلاعات خیلی خوبی از وضعیت سایت بهتون می‌ده و مخصوصاً برای پیدا کردن صفحه‌های سنگین و لینک‌های شکسته عالیه. گزارشش ۴ بخش داره: بررسی کلی قالب، درجه‌ی عملکرد، تحلیل صفحه و تاریخچه‌ی سایت.

نکته‌ی خوبش اینه که سرعت سایت رو از ۴ نقطه‌ی اصلی دنیا چک می‌کنه: دالاس (تگزاس، آمریکا)، ملبورن (استرالیا)، سن‌خوزه (کالیفرنیا، آمریکا) و استکهلم (سوئد). ضمناً برای بهبود عملکرد هم پیشنهادهایی مثل بررسی درخواست‌های HTTP، تغییر مسیرهای URL و جستجوگر DNS بهتون می‌ده.

۱۰ تکنیک افزایش سرعت سایت

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

انتخاب هاست و دامنه‌ی مناسب

اولین قدم و شاید مهم‌ترینش همینه. خیلی از وب‌مسترها بدون فکر می‌رن سراغ هاست اشتراکی یا ارزون‌قیمت، و همین بی‌احتیاطی می‌تونه راحت سایتشون رو زمین بزنه.

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

بهینه‌سازی تصاویر سایت

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

راه‌حلش اینه که از تصویرهای کم‌حجم ولی باکیفیت استفاده کنید. برای فشرده‌سازی هم می‌تونید از سایت‌هایی مثل tinyjpg.com، Compressor.io، Image Optimizer و compressjpeg.com کمک بگیرید.

استفاده از افزونه‌ی Lazy Load

این یکی رو خیلی دوست دارم چون تأثیرش فوریه. Lazy Load یا همون «لود تنبل» کاری می‌کنه که وقتی کاربر وارد سایت می‌شه، فقط تصویرهایی که تو کادر مرورگرش هست لود بشن. بعد هر چی پایین‌تر اسکرول کنه، تصویرهای بعدی به‌ترتیب میان بالا. یعنی مرورگر مجبور نیست همه‌ی عکس‌ها رو یه‌جا لود کنه و همین سرعت رو حسابی بالا می‌بره.

بهینه‌سازی یا تعویض قالب سایت

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

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

حذف بخش‌های اضافی و غیرکاربردی

توی خیلی از سایت‌ها یه سری اسکریپت هست که واقعاً هیچ کاربردی ندارن؛ مثل باکس شبکه‌های اجتماعی، نظرسنجی و از این دست چیزها. این‌ها فقط سایت رو سنگین می‌کنن. بهترین راه برای شناسایی‌شون هم همون Pingdom‌ هست که قبلاً گفتم. باهاش این بخش‌های اضافه رو پیدا کنید و بی‌رحمانه حذفشون کنید.

استفاده از CDN (شبکه‌ی توزیع محتوا)

CDN یا Content Delivery Network یه شبکه از چندین سروره که دسترسی به اطلاعات رو برای کاربرها راحت می‌کنه. این سرورها که با اسم Edge Server یا Cache Server می‌شناسیمشون، توی نقاط مختلف کره‌ی زمین پخش‌ان. پس هر سایتی که از CDN استفاده کنه، عملاً محتواش رو از نزدیک‌ترین سرور به کاربر تحویل می‌ده.

از بهترین‌های بین‌المللیش می‌تونم به CloudFlare، Amazon CloudFront، NetDNA MaxCDN و Incapsula اشاره کنم.

توسعه‌ی نسخه‌ی موبایلی سایت

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

یه نکته‌ی مهم: گوگل ابزار قدیمی Mobile-Friendly Test رو از دسامبر ۲۰۲۳ بازنشسته کرده و دیگه در دسترس نیست. الان بهترین راه برای بررسی سازگاری سایت با موبایل، استفاده از Google Lighthouse یا همون تب موبایل ابزار PageSpeed Insights‌ هست.

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

فعال کردن کش مرورگر (Browser Caching)

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

برای فعال‌سازیش هم می‌تونید یا یه سری تغییر ساده تو کدها بدید یا از افزونه استفاده کنید. توی وردپرس افزونه‌های W3 Total Cache، WP Super Cache و لایت‌اسپید کش کارتون رو راه می‌ندازن. اگه با Drupal کار می‌کنید از Varnish Cache استفاده کنید، و توی Joomla هم از مسیر System > Global configuration و بخش Cache settings می‌تونید تنظیمش کنید.

میزبانی فایل‌های ویدیویی روی سرویس‌های دیگر

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

کاهش تعداد فایل‌های CSS و جاوااسکریپت

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

راه‌حل اینه که تعداد این فایل‌ها رو کم کنید و کوچک‌سازی‌شون کنید. برای این کار ابزارهای خوبی هست مثل WillPeavy، Script Minifier و Grunt که فایل‌های HTML، CSS و جاوااسکریپت رو براتون فشرده می‌کنن.

چرا باید بلد باشیم؟

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

جمع‌بندی

راستش تکنیک‌های افزایش سرعت خیلی بیشتر از این ۱۰ تاست، ولی این‌هایی که گفتم مهم‌ترین‌هان و اگه فقط همین‌ها رو درست پیاده کنید، به یه سایت ایده‌آل خیلی نزدیک می‌شید. پس دست به کار بشید و سایتتون رو تبدیل کنید به NASA X-43 خودتون.

موفق و پیروز باشید 🙂

تیم تولید محتوا

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