وردپرس به عنوان یک پلت فرم وبلاگ نویسی ساده شروع شد اما به سیستم مدیریت محتوا تبدیل شد که اکنون درصد زیادی از وب سایت ها را تامین می کند. به‌عنوان محبوب‌ترین CMS، موفقیت سریع آن احتمالاً ناشی از آن است که یک ابزار همه‌منظوره فوق‌العاده در دنیای توسعه وب است.
یک مانع کم برای ورود و اکوسیستم بزرگ افزونه ها و مضامین رایگان وردپرس به کاربرانی که از نظر فنی مهارت کمتری دارند اجازه می دهد تا سیستم های پیچیده بسازند. اما اگر یک وب سایت وردپرسی مورد توجه قرار گیرد، این می تواند یک شمشیر دولبه باشد و از بازدیدکنندگان گاه به گاه فراتر رود و منجر به مشکلات شود.
مطالعه بیشتر: 23 مورد از بهترین روش کاهش نرخ بانس ریت (Bounce Rate)
در مورد وردپرس مطمئن نیستید؟ گزینه های دیگر را با لیست ارائه دهندگان برتر میزبانی وب ما کاوش کنید. و اگر می خواهید به راحتی یک سایت طراحی کنید، این سازندگان وب سایت درخشان را امتحان کنید.
اولین نشانه‌های مشکل زمانی ظاهر می‌شوند که کاربر جدیدی وارد وب‌سایت می‌شود: زمان بارگذاری می‌تواند طاقت‌فرسا باشد و عناصر با بارگیری شیوه نامه‌های جداگانه، یک به یک در سراسر صفحه پرش می‌کنند. زمان زیادی نمی گذرد که حافظه سرور تمام می شود و باعث از کار افتادن پایگاه داده می شود و برای بازگرداندن وب سایت به راه اندازی مجدد سرور نیاز است.
به‌طور پیش‌فرض، زمانی که کاربر در صفحه‌ای قرار می‌گیرد که توسط یک وب‌سایت وردپرس ارائه شده است، قسمت پشتی صفحه از طریق تم و هر افزونه قبل از رندر صفحه اجرا می‌شود. اگر از تعداد زیادی افزونه استفاده می شود یا موضوع ضعیف نوشته شده است، این امر می تواند منجر به پرس و جوهای طولانی در پایگاه داده و گنجاندن جاوا اسکریپت و CSS در جایی که به آن نیاز نیست، شود.
خوشبختانه، بسیاری از مشکلات اصلی که باعث کندی سرعت می شوند قابل حل هستند، و در این آموزش به نحوه بهینه سازی حتی نامناسب ترین وب سایت های وردپرس می پردازیم. برای تقویت بیشتر مهارت های خود، نگاهی به مجموعه آموزش های وردپرس ما بیندازید تا امتحان کنید.
01. سرعت فعلی را تست کنید
اولین گام برای افزایش سرعت یک وب سایت این است که در ابتدا متوجه شوید که چقدر خوب کار می کند. مجموعه‌ای از ابزارها برای کمک به این امر وجود دارد، از جمله Google’s Pagespeed Insights و Pingdom’s Load Checker. ما از GTmetrix استفاده خواهیم کرد زیرا چندین بررسی را ترکیب می کند. به سایت بروید و آدرس وب سایت را وارد کنید.
02. نتایج را بررسی کنید
GTmetrix پس از یک تاخیر کوتاه، نتایج بررسی را نمایش می‌دهد و چندین امتیاز از A – F را می‌دهد. همچنین زمان بارگذاری کامل و اندازه کل صفحه را نشان می‌دهد. در زیر این، تفکیک چند عنصر داده شده است.
03. بزرگترین فایل ها را شناسایی کنید
یکی از مهمترین معیارها اندازه کل صفحه است. این اندازه فایل تمام عناصر بارگذاری شده در یک صفحه است، مانند تصاویر، ویدیو، CSS و هر اسکریپت موجود در صفحه. با استفاده از GTmetrix، تب Waterfall را باز کنید و جدول را بر اساس اندازه مرتب کنید تا بزرگترین عناصر صفحه را پیدا کنید.
04. رسانه ها را برای کاهش اندازه فشرده کنید
تصاویر و ویدئوها معمولا بزرگترین آیتم های یک صفحه هستند. ویدیوهای غیرضروری پس زمینه را حذف کنید و مطمئن شوید که ویدیو را در صورت پخش خودکار با نرخ بیت پایین رمزگذاری کنید. افزونه EWWW Image Optimizer را نصب کنید. از کتابخانه رسانه، یک گزینه بهینه سازی انبوه جدید در دسترس است. این را اجرا کنید
اگر رسانه های زیادی برای ذخیره دارید، آن را با خیال راحت در این گزینه های ذخیره سازی ابری عالی ذخیره کنید.
05. تغییر اندازه تصاویر
گاهی اوقات تصاویری که به یک صفحه اضافه می شوند دارای وضوح بالایی هستند و سپس با CSS کوچک می شوند. این باعث هدر رفتن پهنای باند می شود زیرا اندازه بزرگتر هرگز استفاده نمی شود. به داشبورد > تنظیمات > Ewww Image Optimiser بروید و تغییر اندازه را انتخاب کنید. “تشخیص تغییر اندازه” را علامت بزنید. اکنون، صفحاتی که توسط یک ادمین مشاهده می شود، تصاویری را که باید اندازه آنها تغییر کند برجسته می کند. تغییر اندازه این تصاویر در ویرایشگر تصویر یا استفاده از CDN با اندازه خودکار این مشکل را برطرف می کند.
06. کوچک سازی CSS، JS و HTML
این فرآیند حذف کاراکترهای کد است که آن را برای انسان قابل خواندن می کند تا اندازه صفحه کاهش یابد. هنگام استفاده از یک تم شخص ثالث، افزونه ای مانند Autoptimize برای این کار عالی است. آن را نصب کنید، به تنظیمات > Autoptimize > به گزینه های CSS بروید و گزینه “بهینه سازی کد CSS” را علامت بزنید. هنگام کار با موضوعی که سفارشی ساخته شده است، کوچک سازی با ابزارهای ساخت مانند gulp انجام می شود.
CSS:
a {
-webkit-box-shadow: none;
text-decoration: none;
}
Minified:
a{-webkit-box-shadow:none;text-decoration:none;}07. ترکیب فایل های CSS و JS
هنگام استفاده از یک موضوع شخص ثالث، افزونه Autoptimise می تواند با فعال کردن گزینه “Aggregate CSS files” اکثر سناریوها را پوشش دهد. این همه CSS برای هر صفحه را به جای تعداد زیادی فایل کوچکتر در یک فایل واحد ترکیب می کند.
08. جاوا اسکریپت خارجی را به تعویق بیندازید
ابزارهای چت زنده، تجزیه و تحلیل و ردیابی می‌توانند فایل‌های جاوا اسکریپت بزرگی را جمع‌آوری کنند که ثانیه‌های کامل به زمان تعاملی شدن صفحه اضافه می‌کند. ویژگی defer را به این اسکریپت ها اضافه کنید تا زمانی که DOM بارگذاری تمام نشده اجرا نشوند.
افزونه های زیاد می توانند وردپرس را فلج کنند. با رایگان بودن تعداد زیاد افزونه‌ها، توسعه‌دهندگان تحت فشار هستند تا نسخه‌های پریمیوم نرم‌افزار خود را ارائه کنند و ویژگی‌های غیرضروری مانند ارسال اعلان‌ها به داشبورد مدیریت را شامل می‌شوند. افزونه‌هایی را که استفاده نمی‌شوند غیرفعال و حذف کنید – در صورت نیاز می‌توان آنها را بعداً دوباره نصب کرد.
<script src="path-to-file.js" defer></script>10. قدرت وب سرور را بررسی کنید
موتور یک وب سایت سروری است که روی آن اجرا می شود. اگر ارزان، کم قدرت و بد نگهداری شود، عملکرد ضعیفی خواهد داشت. به Google PageSpeed Insights بروید و آدرس وب سایت را وارد کنید. در نتایج به دنبال “کاهش زمان پاسخ سرور” باشید. اگر این مورد در گزارش ظاهر شود، احتمالاً یک سرور کند مقصر عملکرد است.
11. فشرده سازی Gzip را فعال کنید
Gzip می تواند اندازه وب سایت شما را قبل از ارسال به کاربر کاهش دهد. سپس مرورگر وب کاربر داده ها را به طور خودکار از حالت فشرده خارج کرده و به آنها نمایش می دهد. بدون هیچ اشکالی، مهم است که مطمئن شوید Gzip فعال است. چندین ابزار برای بررسی فعال بودن Gzip وجود دارد. GiftOfSpeed را امتحان کنید.
12. به PHP 7 ارتقا دهید
در داشبورد وردپرس Tools > Site health را باز کنید و روی تب اطلاعات کلیک کنید. آکاردئون “Server” را باز کنید و مقدار نسخه PHP را بررسی کنید. اگر این کمتر از 7.x.x است، به شدت توصیه می‌شود که حداقل به PHP 7.1 ارتقا دهید. آزمایش‌ها نشان می‌دهند که این مدیریت مجاز بیش از دو برابر بازدیدکنندگان شبیه‌سازی شده تغییر می‌کند.
13. کش صفحه را تنظیم کنید
به افزونه‌ها > افزودن افزونه جدید بروید و «فعال‌کننده کش» را جستجو کنید. این افزونه سبک وزن صفحات را در حافظه پنهان ذخیره می کند تا بازدیدکنندگانی که همزمان با پلاگین دیگری مرور می کنند باعث نشود که وب سایت صفحه را دوبار ارائه دهد. در عوض، این افزونه یک بار صفحه را به یک فایل HTML ثابت ارائه می کند و سپس این فایل را به کاربران بعدی ارائه می دهد.
14. فوتون
دستگاه‌های مختلف تصاویر را در اندازه‌های مختلف ارائه می‌کنند و اندازه‌گیری تصاویر را دقیقاً همانطور که نمایش می‌دهند دشوار می‌کند. با استفاده از سرویس رایگان “photon” موجود در Jetpack، تصاویر به طور خودکار در اندازه مناسب ارائه می شوند.
15. کش مرورگر را تنظیم کنید
حافظه پنهان مرورگر به مرورگر کاربر می‌گوید که هر بار که صفحه‌ای را در وب‌سایت بارگیری مجدد می‌کنند یا دوباره بازمی‌گردند و دوباره بازدید می‌کنند، لازم نیست عناصر خاصی دوباره دانلود شوند. این کار را می توان به صورت دستی در htaccess انجام داد، یا می توان از افزونه ای مانند “Leverage Browser Caching” استفاده کرد.
16. تست بارگذاری با کاربران مجازی
برای شبیه سازی کاربران واقعی با استفاده از وب سایت و تحت فشار قرار دادن وب سایت، باید تست بار انجام شود. هنگام نظارت بر روی سرور برای تاثیر بار، از سرویسی مانند Loader برای ارسال ترافیک به وب سایت استفاده کنید. CPU و حافظه سرور باید در محدوده ایمن باقی بماند.
17. عملکرد را دوباره بررسی کنید
هنگامی که بهینه سازی ها انجام شد، باید پیشرفت وب سایت را آزمایش و اندازه گیری کنید. GTmetrix را دوباره اجرا کنید و از تب تاریخچه استفاده کنید تا تفاوت زمان بارگذاری صفحه را مشاهده کنید. اگر حافظه پنهان فعال شده است، مطمئن شوید که حداقل یک بار از وب سایت بازدید کرده اید تا قبل از انجام آزمایش، حافظه پنهان را “پرایم” کنید.
