وبلاگ

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

افزایش سرعت وردپرس در موبایل با 7 راهکار عملی
آموزش سئو / آموزش وردپرس / دیجیتال مارکتینگ / کدهای کاربردی وردپرس

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

فهرست مطالب

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

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

سرعت بخشیدن به سایت شما می تواند به طور مستقیم فروش شما را افزایش دهد و بانس ریت را کاهش دهد. دلایل زیادی برای کند بودن سایت شما وجود دارد ، از جمله هاست ، حافظه نهان (کش) ، خطاهای سایت و موارد دیگر.

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

بیشتر بخوانید:

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

سریعترین زمان بارگذاری سایت روی موبایل چقدر است؟

77٪ از سایت های بارگذاری شده در تلفن همراه با استفاده از اینترنت 3G کندتر از 10 ثانیه بارگیری می شوند. 19 ثانیه میانگین زمان بارگیری سایت روی موبایل در شبکه های 3G است.

ممکن است بگویید ، 3G کند است و شما همیشه از وای فای استفاده می کنید! این ممکن است برای شما صادق باشد ، اما به یاد داشته باشید که چین و هند بیش از 8.5 برابر جمعیت ایالات متحده را دارند و آنها عمدتا از دستگاه های قدیمی اندروید و اتصالات کند اینترنت استفاده می کنند. اگر سایت خود را طوری بسازید که در این شبکه ها سریع لود شود، برای سایر شبکه ها نیز سریع خواهد بود.

به عنوان مرجع ، میانگین زمان بارگذاری سایت در ایالات متحده در دسک تاپ + وای فای کمی بیشتر از 3 ثانیه است. این مقدار اندازه گیری شده مطابق با ابزار تست سرعت وب سایت Pingdom است. سایتی با زمان بارگیری 3 ثانیه هنوز هم می تواند درجه عملکرد “D” قرار بگیرد. به این معنی که کارهای زیادی وجود دارد که می توانند برای سرعت بخشیدن به سایت خود انجام دهند.

سایتها معمولاً در دستگاه تلفن همراه، کندتر بارگیری می شوند زیرا قدرت محاسباتی چندانی ندارند و اغلب به wifi دسترسی ندارند. سایتی که بارگیری آن روی دسک تاپ شما 3 ثانیه طول می کشد ، ممکن است بیش از 10 ثانیه یا بیشتر در یک دستگاه تلفن همراه در کشور دیگر طول بکشد.

ابزارهای ارزیابی سرعت لود شدن سایت

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

بیشتر بخوانید:

افزایش سرعت صفحه در سایت با 9 گام | افزایش سرعت وردپرس

چندین ابزار آنلاین وجود دارد که می توانید برای انجام این کار از آن ها استفاده کنید، در اینجا فقط چند مورد آورده شده است.

نکته به خاطر داشته باشید که حتی اگر سایت شما با استفاده از این ابزارها سریع بارگیری شود، به این معنی نیست که کارتان تمام است. برای مثال ممکن است سایت شما روی دسکتاپ 1.5 ثانیه طول بکشد تا بارگذاری شود، اما زمانی که از شبکه 3G استفاده کنید این زمان به 20 ثانیه برسد.

Google Page Speed Insights

این یک ابزار عالی از Google است و استفاده از آن واقعاً آسان است. فقط به سایت آنها مراجعه کنید، آدرس اینترنتی خود را وارد کنید و ثبت نام کنید. شما در مورد عملکرد سایت خود، از جمله نمای موبایل، تجزیه و تحلیل خوبی دریافت می کنید.

برخی از موارد عملی را دریافت خواهید کرد ، ما موارد زیر را مرور خواهیم کرد.

GTmetrix

این سایت چندین ابزار از جمله Page Speed Insights و YSlow را در بر دارد. یک تجزیه و تحلیل کامل به شما می دهد، از جمله “زمان کاملاً بارگذاری شده” را به شما می دهد، این مقدار مدت زمان بارگیری همه چیز در صفحه شما است.

Pingdom

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

Chrome Developer Tools

این ابزارها همه وب سایت شما را روی اتصالات سریع آزمایش می کنند، اما چگونه می توان فهمید وب سایت شما روی اتصال تلفن همراه  3Gچگونه است؟ با استفاده از ابزارهای Chrome Developer ، می توان اتصال 3G را شبیه سازی کرد و آن را نیز تست کرد.

ابزار Chrome Developer Tools  را از مسیر
 (CMD / CTRL + ALT + i) باز کرده و روی برگه Network کلیک کنید. روی No throttling کلیک کنید و “Regular 3G” را انتخاب کنید. CMD R را بزنید تا صفحه رفرش شود و از کندی بارگذاری سایت خود شوکه شوید. بله

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

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

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

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

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

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

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

7 راهکار مختلف افزایش سرعت وردپرس روی موبایل

در این مقاله به بهینه سازی سرعت سایت روی موبایل با استفاده از اصل پارتو می پردازیم. جایی که 20٪ کار می تواند 80٪ نتایج را بدست آورد. بیشتر این استراتژی ها هم برای دسک تاپ و هم برای تلفن همراه قابل انجام هستند، اما برخی از تکنیک های خاص تلفن همراه نیز وجود دارد که آنها را نیز بررسی می کنیم. بیایید شروع کنیم.

بیشتر بخوانید:

بالا آوردن سایت در صفحه اول گوگل | صفحه اول در سرچ گوگل

ارائه محتوای مختلف به بازدید کنندگان تلفن همراه

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

ارائه محتوای مختلف به بازدید کنندگان تلفن همراه

مشکل این است که شما در حال ارائه همان محتوا به بازدید کنندگان تلفن همراه و بازدید کنندگان دسک تاپ خود هستید ، فقط آنها را به اطراف منتقل می کنید. تصویر 5 مگابایتی شما برای کسی که از پلتفرم Mac استفاده می کند مناسب است اما برای یک کاربر 3G در هند بارگیری سایت شما 10 دقیقه طول می کشد.

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

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

برای پیاده سازی این اصل چند روش زیر را پیاده سازی کنید.

شورت کدهای مخصوص موبایل

افزونه WP Mobile Detect به شما امکان می دهد کد کوتاهی به سایت وردپرس خود اضافه کنید که محتوای بازدیدکنندگان موبایل را نمایش یا پنهان کند.

به عنوان مثال ، فرض کنید شما یک اینفوگرافیک در یک پست وبلاگ دارید که مهم است بازدیدکنندگان دسک تاپ آن را ببینند. با استفاده از افزونه WP Mobile Detect می توانید این مورد را در یک کد کوتاه قرار دهید تا فقط در دسک تاپ نمایش داده شود. برای کاربران تلفن همراه ، به سادگی آن را با یک لینک جایگزین کنید تا آنها مجبور شوند روی آن کلیک کنند تا تصویر کامل را ببینند.

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

Here's some blog text about responsive design, check out the big infographic below!
 
[notdevice]
<img class="my-big-infographic-image" src="http://mysite.com/humungo-image.jpg" />
[/notdevice]
 
[device]
<a href="http://mysite.com/humungo-image.jpg">Click here to download the infographic.</a>
[/device]

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

تابع Wp_is_mobile()

می توانید از این تابع برای حذف اسکریپت ها یا استایل های غیرضروری در تلفن همراه استفاده کنید. به عنوان مثال ، در زیر محتوای فایل single.php آمده است. برای مثال در یک سایت یک تصویر بزرگ در هدر روی دسک تاپ وجود دارد که می توانید آن را برای تلفن همراه حذف کنید:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 <header class="entry-header">
  <?php if( !wp_is_mobile() ) : ?>
   <img class="my-big-header-image" src="http://mysite.com/humungo-image.jpg" />
  <?php endif; ?>
 </header>
 
...rest of the stuff here

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

یک سایت جدا برای تلفن همراه

روش دیگر برای ارائه محتوای جداگانه در تلفن همراه، شامل استفاده از یک سایت جداگانه است که معمولاً از m در نام دامنه استفاده می کند. دامنه فرعی مانند m.apppresser.com وقتی کاربر موبایل از سایت شما بازدید می کند ، او را به نسخه تلفن همراه هدایت می کنید.

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

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

استفاده از یک هاست عالی

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

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

یک CDN فعال کنید

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

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

بیشتر بخوانید:

12 ابزار رایگان یافتن کلمات کلیدی – سئو سایت

 

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

فعال کردن CDN بسته به میزبان وب شما معمولاً بسیار آسان و گاهاً رایگان است. به عنوان مثال ، Pagely و WP Engine به شما امکان می دهند CDN را با کلیک یک دکمه فعال کنید.

حتی اگر میزبان شما این گزینه را نداشته باشد ، می توانید از سرویسی مانند Cloudflare استفاده کنید که با هر میزبانی کار می کند. کمی تنظیمات بیشتری نیاز دارد ، اما واقعاً می تواند به بارگیری سریعتر وب سایت شما کمک کند.

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

AMP (شتاب دهنده صفحات موبایل)

AMP یک روش گوگل برای نمایش سریعتر صفحات وب به کاربران تلفن همراه است.

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

AMP (شتاب دهنده صفحات موبایل)

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

سخن آخر

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

یک سایت ممکن است به سادگی با جابجایی هاست، زمان بارگیری صفحه خود را دو برابر کند ، اما سایت دیگری نیاز به یک روش دیگر دارد. بهتر است با بهینه سازی آیتم های بزرگ مانند هاست، CDN و بهینه سازی تصاویر شروع کنید ، زیرا اینها می توانند بیشترین بازده را داشته باشند. اگر هنوز پیشرفت های مورد نظر خود را مشاهده نکردید ، به سمت بهینه سازی CSS و Javascript و رفع اشکال گلوگاه های کد سفارشی بروید.

 

منابع

https://apppresser.com/speed-up-wordpress-mobile/