راه های بهبود سرعت سایت
چندین سال گذشته ، گوگل بر سرعت سایت به عنوان یک عامل رتبه بندی در الگوریتم های آنها تأکید می کند. با توجه به این ، دیدن تعداد سایتهای وردپرس تحت بهینه سازی موجود شگفت آور است. مردم وقت زیادی را صرف ‘SEO’ و تولید محتوا می کنند و فراموش می کنند یک کار را انجام دهند که باعث افزایش رتبه همه صفحات آنها می شود , سرعت سایت!!
خوب ، برای شروع کار هرگز دیر نیست. در اینجا هفت روش برای بهبود سرعت سایت شما در وردپرس ارائه شده است. این باعث می شود گوگل توجه کند!
اینها به ترتیب اهمیت ذکر شده اند.
روش 1: از دیتاسنتر نزدیک به مشتری خود استفاده کنید
روش های افزایش سرعت سایت
محل سرور شما نقش بزرگی در سرعت سایت شما ایفا می کند.
می توانید سرعت سایت را که توسط Googlebot در کنسول جستجوی شما بارگیری می شود را مشاهده کنید. در حالت ایده آل ، این باید فقط چند صد میلی ثانیه باشد. هنگامی که من سرور خود را به یک میزبان محلی تغییر دادم ، می بینید که سرعت دریافت سایت به سرعت کاهش یافته است:
بنابراین این جنبه سرعت سایت را نادیده نگیرید. بسیار مهم است!
روش 2: اجرای ذخیره پویا
وردپرس هر بار که بازدید کننده به سایت شما می آید صفحات خود را دوباره تولید می کند. این یک فرآیند کاملاً پرهزینه است و بر بانک اطلاعاتی و همچنین CPU شما فشار ایجاد می کند. علاوه بر این ، تولید صفحه زمان می برد ، بنابراین تأخیر کمی برای هر بازدید کننده وجود دارد. راه حل این امر ، ذخیره سازی پویا است.
ذخیره پویا چیست؟
ایده موجود در ذخیره سازی پویا ، ذخیره یک نسخه از صفحه تولید شده و ارائه آن نسخه به بازدید کننده بعدی است. به این ترتیب ، هر صفحه فقط یک بار به جای بارها و بارها تولید می شود. نه تنها این سریعتر است ، بلکه باعث کاهش بار منبع در سرور شما می شود ، به این معنی که سایر قسمت های سایت شما سریعتر کار می کنند. همچنین این بدان معنی است که سایت شما می تواند بازدید کننده های ، بسیار بیشتری داشته باشد!
نحوه اجرای ذخیره پویا
حافظه پویایی را می توان با یک افزونه شخص ثالث یا روی سرور پیاده سازی کرد. فعال کردن آن در سرور بسیار سریعتر است. بسیاری از میزبان وب اجازه این کار را نمی دهند
اما حتی اگر میزبان بهینه سازی WordPress ندارید ، می توانید حافظه پویا را با یک افزونه پیاده سازی کنید. من شخصاً WP Super Cache را پیشنهاد می کنم که یک افزونه بسیار محبوب وردپرس است و کاربرد آن بسیار آسان است و کار را بدون دردسر انجام می دهید.
روش 3: از CDN استفاده کنید
CDN ‘شبکه توزیع محتوا’ است. جدا از صفحات پویا ، چیزهای زیادی در سایت شما وجود دارد که هرگز تغییر نمی کنند. تصاویر ، Javascript و CSS.
تقریبا هرگز تغییر نمی کند. به همین دلیل ، بهتر است که این منابع را از سرور نزدیک به مشتری خود تحویل بگیرید.
CDN به آدرس IP بازدید کننده شما نگاه می کند و انتخاب می کند که محتوای استاتیک را از سرور نزدیک به آن مکان ارسال کند. این بدان معنی است که افراد در انتهای مخالف زمین محتوای را به همان اندازه سریع دریافت می کنند. این یک فناوری جادویی کاملاً جادویی است.
در بعضی از میزبان ها CDN به طور پیش فرض در دسترس است. اما حتی بدون چنین طرحی ، می توانید از Cloudflare به عنوان CDN استفاده کنید. با وجود آزاد بودن ، من فکر می کنم Cloudflare یکی از بهترین CDN های موجود در بازار است. شما حتی می توانید کارهای جالب مانند تغییر سرورهای خود را برای دسترسی سریع تر انجام دهید. اما این فراتر از محدوده این آموزش است.
روش 4: جاوا اسکریپت را حذف یا آسیاب کنید
این یکی می تواند کمی مشکل باشد. تقریباً همه وب سایتها از JavaScript استفاده می کنند. این یک بخش اساسی وب است ، اما این به زمان بارگیری صفحه اضافه می کند. نکته مهم این است که صبر کنید تا صفحه به طور کامل بارگیری شود و قبل از بارگذاری JavaScript قابل مشاهده است. این ساده تر از انجام شده است ، و هر وب سایت متفاوت است.
به همین دلیل به افزونه احتیاج داریم. موردی که من پیشنهاد می کنم Autoptimize است. این منبع آزاد است و تقریباً توسط جهانی توسط وردپرس وردپرس توصیه می شود. پس از بارگیری و نصب افزونه در وردپرس ، می توانید بر روی دکمه کلیک کنید تا جاوا اسکریپت را به صورت جمع شده و همزمان بصورت همزمان در آن بارگذاری کنید ، همانطور که در بالا نشان داده شده است
این افزونه گزینه های زیادی دارد. حتماً همه آنها را تست کنید تا ویژگی وب سایت شما به درستی کار کند. مواردی مانند جداول تغییر اندازه و غیره همه توسط Javascript فعال شده اند.
بیشتر بخوانید »»» داده کاوی چیست؟
روش 5: Inlining و CSS را کنار بگذارید
همتای CSS برای روش 4 ، این به تأخیر در بارگیری پرونده های CSS تا زمانی که صفحه بارگیری و نمایش شود ، اشاره دارد. با این حال ، گرفتن وجود دارد اگر بارگذاری CSS را به تأخیر بیاندازیم ، صفحه ما وحشتناک و غیرقابل نصب به نظر می رسد ، زیرا پرونده های CSS وجود ندارد!
راه حل ‘Inlining’ بالاتر از CSS برابر است. معنی این امر اینست که شما می توانید قوانین CSS را که هنگام بارگیری صفحه اول به کار می رود ، جدا کنید. و سپس آن قوانین را مستقیماً در هر صفحه بچسبانید تا بلافاصله بارگیری شوند. پس از ارائه صفحه ، می توانید پرونده های CSS را در اوقات فراغت بارگیری کنید.
خب چطور اینکار رو انجام بدیم؟
CSS Critical را دریافت کنید
انجام این کار بسیار سخت است. بنابراین ما خوشبختیم که ابزارهای آنلاین خودکار برای انجام این کار برای ما وجود دارد! به عنوان مثال ، در اینجا یک ابزار آنلاین از سایت SiteLocity است که بسیار محبوب است. به سادگی URL خود را تایپ کنید ، و آن را به صورت مهم CSS بالاتر از حد برای شما تولید می کند.
قوانینی را که به شما می دهد کپی کنید و در مرحله بعدی از آن استفاده کنید.
CSS Inline را وارد کنید
در روش 4 ، از ابزار ‘Autoptimize’ استفاده کردیم. درست مانند گذشته ، یک بخش در قسمت تنظیمات اصلی وجود دارد تا CSS بحرانی خود را همانطور که در اینجا نشان داده شده است وارد کنید:
همانطور که در بالا نشان داده شده است ، CSS را در کادر چسبانده و تغییرات خود را ذخیره کنید. اکنون وقتی صفحه خود را بارگذاری می کنید ، تمام CSS مهم بلافاصله بارگیری می شود ، اما وقتی صفحه بارگیری شد ، پرونده های خارجی بعداً ارائه می شوند.
این باعث می شود سایت شما سریع چشمک بزند!
روش ششم: بارگذاری تصاویر
تصاویر بخش عمده ای از اندازه صفحه وب را تشکیل می دهند. و جای تعجب نیست ، زیرا یک تصویر واحد می تواند صدها مگابایت باشد. بنابراین بارگیری این تصاویر فقط در صورت لزوم مهم است.
‘بارگیری تنبل’ عملی برای بارگیری تصاویر تنها درصورتی است که کاربر برای مشاهده آنها به اندازه کافی دور رفته است. در غیر این صورت ، اگر روش تصویر پایین مقاله را دارید ، و کاربر قبل از آن صفحه را ترک می کند ، پهنای باند هدر می رود هم برای شما و هم برای بازدید کننده. و این بدان معنی است که سایت شما بی دلیل کند شده است.
بارگیری تنبل ویژگی دیگری است که اجرای دستی دشوار است. خوشبختانه برای ما ، خود وردپرس افزونه ای به نام Jetpack منتشر کرده است. من استفاده از آن را بسیار توصیه می کنم ، زیرا دارای یک تن از ویژگی های مفید است که می توانید با آنها بازی کنید و بارگیری تنبل تصاویر تنبل یکی از آنها است که در اینجا نشان داده شده است:
این فقط یک تنظیم واحد است آن را فعال کنید و کارتان تمام شد. اکنون وقتی به صفحه خود می روید ، تصاویر تا زمانی که شما به اندازه کافی دور نباشید ، نمی توانید بارگیری کنید. در این حالت ، با جابجایی کاربر شما با جادوی ظاهر می شوند. درست است؟
روش 7: حذف کد غیر ضروری ایموجی
من خودم متوجه این مورد نشدم تا وقتی که از طریق کد HTML خودم را امتحان کردم. وردپرس به منظور ارائه چهره های شکلک و شکلک ها ، تعداد زیادی کد ایموجی بی فایده ناخواسته را به هر صفحه اضافه می کند. این یک ویژگی مفید است ، اما کد تلف شده زیادی است ، و بارها بارگیری می شود.
خوشبختانه ، افزونه Autoptimize که قبلاً دیدیم ، راهی برای حذف آنها در تب ‘اضافی’ دارد که در اینجا نشان داده شده است:
روی این گزینه کلیک کنید ، تغییرات خود را ذخیره کنید ، و تمام شد! کد ایموجی بیشتر نیست ایده این است که نصب وردپرس خود را مرتب و تمیز و بدون هیچ گونه آشغال غیر ضروری نگه دارید.
این هفت روش ذکر شده در اینجا ترکیبی از سطح سرور و بهینه سازی سطح صفحه است. آنها باید در کنار هم سایت شما را در ردیف بالاتر و رتبه های بالاتر قرار دهند و تجربیات بهتری را برای بازدید کنندگان خود رقم بزنند.