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

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

همانطور که می دانید سرعت سایت یکی از موارد های لازمه برای یک وب سایت وردپرسی می باشد و شما می توانید به راحتی با این مقاله سرعت لود سایت خود را تا حدودی افزایش دهید تا بتوانید به راحتی این کندی سرعت لود سایت خود را بر طرف کنید ، کندی لود سایت یعنی چه قدر میشه یک سایت برای شما باز شود ، خودتان می دانید یک وب سایت باید زمان لود شدن آن حداقل زیر 3 ثانیه باشد و اینکه بالا 3 ثانیه باشد از نظر گوگل و از نظر سئو مناسب نمی باشد

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

افزایش سرعت بارگذاری وردپرس :

همانطور که می دانید Syed Balkhi یک وب سایت دارد که چندین سال می باشد در زمینه سفر و گردشگری در حال فعالیت این و این وب سایت به نام List25 می باشد و این سایت با بیش از 1.5 میلیون بازدید کننده دارد و استفاده از این سایت که اغلب مطالب های آن به صورت ویدیویی و تصویر می باشد و این سایت به صورت کلی بهینه سازی شده است و یک سرعت عالی دارد و خود Syed Balkhi گفته است که برای بهبود اینکه بتوانیم سرعت لود سایت خود را از 2.21 به 1.08 ثانیه برسانیم فقط یک کار انجام دادیم

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

تاثیر هاست در سرعت لود سایت :

اول از همه زمانی که شما می خواهید برای سایت خود هاست سفارش دهید باید توسط سامانه های تست سرعت ، مشاهده کنید که سایت اصلی که شما از آن می خواهید هاست تهیه کنید چه مشکلاتی دارد که می توانید از google pagespeed استفاده کنید و زیر ساختار و اطلاعات مربوط به سرور های که سایت شما بر روی آن ها ارائه می شود را در صفحه خرید هاست مطالعه کنید ، شما برای اینکه از زمانی که سایت خود را تازه راه اندازی می کنید و به یک میزان بازدیدی می رسید و بعد از گذشت یک مدت دیگر بازدید کننده های شما بالا می رود

نیاز است که هاست سایت خود را به یک هاست تغییر و انتقال دهید که جوابگو بازدید کننده های شما باشد و بعد از آن شما می توانید بعد از میزبانی سایت خود بر روی هاست های معمولی سایت خود را برای ارتقا بیشتر به یک سرور اختصاصی انتقال دهید همان کاری که همه کسب و کار های آنلاین بعد از چند سال مدیریت سایت بر روی هاست عادی انجام می دهند که این کار منجر می شود سایت شما بهتر عمل کند و سرعت لود بالاتری داشته باشد و شما می توانید بعد از تغییر هاست خود و انتقال اطلاعات بر روی یک سرور اختصاصی عملکرد صد برابری آن را مشاهده کنید.

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

CDN :

CDN یا همان شبکه های تحویل محتوا که به شما کمک می کند تا بتوانید در افزایش سرعت لود وب سایت به شما کمک می کند اگر که توجه کرده باشید در اکثریت سایت های سرگرمی و موزیک و تفریحی و در کل در سایت های دانلودی برای اینکه سرعت دانلود آن ها بیشتر باشد یا بتوانند بهتر به مشتری های خود سرویس دهی کنند از CDN استفاده می کنند و این روش باعث صرفه جویی در زمان و منبع های هاست آن ها می شود

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

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

افزایش سرعت لود سایت وردپرس با افزونه کش :

حالا حتما شما می گویید که کش سایت چیست و چرا مهم است ، کش سایت به کاربران شما کمک می کند که اگر الا به فرض مثال در این مقاله هستید و در حال مطالعه می باشید این صفحه به فرض مثال به مدت یک هفته IP سیستم شما را در خود ثبت کند که بارگذاری این صفحه را برای شما بهتر کند و نخواهد که با وارد شدن هر بار در سایت سورس های آن صفحه را باز بررسی کند و برای صفحه را نمایش دهد

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

با اینکه این روز ها اکثر سایت های سرویس دهنده هاست ها خودشان به صورت اختصاصی افزونه وردپرس راکت را بر روی هاست یا سرور خود نصب و فعالسازی می کنند که به سایت کاربران هم از طریق هاست که خریداری می کنند عمل کند ، بهتر است که خودمان هم یکی از افزونه های کش موجود در مخزن وردپرس را بر روی سایت خود نصب کنیم و افزونه های که در سایت مخزن وردپرس وجود دارد و به صورت رایگان می باشد به نام W3Total Cache و دیگری WP Super Cache می باشد که می توانید در سایت خود استفاده کنید.

ترکیب فایل ها برای کاهش درخواست HTTP :

همانطور که می دانید ، شما هر افزونه را در سایت وردپرسی خود نصب می کنید دارای فایل های کد نویسی می باشد حالا یک سری ها فایل جاوا اسکریپت دارد و یکی سری ها هم فایل های PHP و فایل های CSS می باشد و هر فایل اضافه یک درخواست HTTP جدید به سایت شما اضافه می کند و ما فایل های جاوا اسکریپت و فایل های سی اس اس را درون یک فایل تکی قرار می دهیم تا سرعت سایت خود را افزایش دهیم

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

استفاده از یک تصویر ترکیبی در سایت :

ما از جداکننده های تصویر در سایت خود استفاده می کنیم و همه آیکون های که در سایت خود استفاده می کنیم به صورت یک تصویر ترکیبی استفاده می کنیم و هر زمان نیاز به نمایش آیکون خاص داریم نیز از CSS استفاده می کنیم خیلی هاتون سوال می کنید که از چه تصویر های می توان به عنوان یک تصویر ترکیبی استفاده کرد :

• از تصویر های که به عنوان پشت زمینه استفاده می شود
• تعریف عرض و ارتفاع از این عنصر برای نیاز آیکون ها استفاده می شود
• تنظیم موقعیت برای پس زمینه عکس ها در بارگذاری آیکون های اجتماعی ضروری

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

li.widget_social_icons ul li { float: left; width: 36px; height: 36px; margin: 0 10px 10px 0; padding: 0; background: url(../images/sprite.png) no-repeat; }
li.widget_social_icons ul li.twitter { background-position: 0 -50px; }
li.widget_social_icons ul li.facebook { background-position: -36px -50px; }
li.widget_social_icons ul li.pinterest { background-position: -72px -50px; }
li.widget_social_icons ul li.google { background-position: -108px -50px; }
li.widget_social_icons ul li.rss { background-position: -144px -50px; }
li.widget_social_icons ul li.youtube { background-position: -180px -50px; }

شما می توانید برای استفاده از تصویر به عنوان شبکه های اجتماعی در سایت خود باید در قسمت background: url(../images/sprite.png) اینجا در مسیر آدرس تصویر خود را تغییر دهید یا همین مسیر را در هاست خود با همین نام تصویر با همین پسوند استفاده کنید.

Minify کردن فایل های CSS در قالب سایت خود :

با استفاده از مینی فایو کردن فایل های CSS شما می توانید سرعت سایت خود را چندبرابر بیشتر کنید و پرش خط ها به منظور کاهش سایز فایل ها در وبسایت برای بارگذاری سریع تر سایت می باشد و هنگام درخواست به سرویس هاست شما باعث می شود که سرعت سایت شما بیشتر شود و این روش به ما کمک می کند تا ساختار فایل CSS قالب خود را در مناطق مختلف توسعه دهیم و اگر که شما از CodeKit برای جمع آوری فایل های SCSS در یک فایل CSS استفاده می کنید

بهتر است که همچنین از CodeKit فضا های خالی را برای اطمینان از کوچک سازی یا همان بهینه سازی فایل ها در سایت خود حذف می کند و در نتیجه با این روش شما قادر به کاهش سایز فایل های CSS خود تا 30% هستید.

بهینه سازی تصویر ها در سایت :

تصاویر ها در سایت باعث می شود که سرعت سایت شما افت کند و در وردپرس ، تم وردپرس و محتوای آپلود شده را در سایت خود استفاده کنیم ، برای قالب وردپرس از CodeKit استفاده می کنند و مطمئن شویم تمام تصاویر فشرده شده است از CodeKit که تضمین می کند که سایز فایل ها تا حد ممکن بدون از دست دادن کیفیت کوچک می شود و همچنین می تواند برای بهینه سازی تصاویر ها در سایت خود از افزونه های بهینه ساز تصویر استفاده کنید و همچنین ما به تمام نویسنده ها در مورد اهمیت بهینه سازی تصویر ها در سایت آموزش داده ایم.

استفاده نکردن از دکمه اشتراک گذاری شبکه های اجتماعی به صورت جاوا اسکریپت :

دکمه اشتراک گذاری اجتماعی برای سایت شما مانند هر سایت دیگر مهم است و با این حال که افزونه های اشتراک گذاری اجتماعی که از جاوا اسکریپت استفاده می شود ، می توانند به نسبت قابل توجهی سرعت شما را کاهش می دهد و در حالی که یکپارچه سازی این 4 شبکه اجتماعی در زمان بارگذاری تاثیری ندارد ولی سرعت سایت را زمانی که آن را در دستگاه تلفن همراه مشاهده می کنیم باعث می شود که سرعت لود سایت ما کم شود

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

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

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

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